افزودن یک تصویر به مطلب

 

آموزش جوملا

 

در این سری از آموزش های جوملا به شما نشان خواهیم داد در یک سایت با سیستم مدیریت محتوا جوملا چگونه وارد بخش مدیریت سایت شده و در هنگام ایجاد یا ویرایش مطلب یک تصویر مرتبط با متن نیز وارد نمایید.

توجه

از آنجا که این تغییرات باید در بخش مدیریت سایت انجام گیرد .پیش از انجام هرکاری شما باید یک حساب کاربری به عنوان مدیر سایت داشته باشیدتا این امکان برایتان فراهم باشد که وارد بخش مدیریت سایت شده و آنچه لازم است را انجام دهید. برای ایجاد حساب کاربری میتوانید با مدیر سایت مورد نظر تماس بگیرید .

هدف از این آموزش اینست که نشان دهیم چگونه میتوان یک تصویر به یک مطلب اضافه کرد.

داشتن تصویر برای هر مطلب فواید بسیاری از جمله تشریح بهتر , موضوع دارد

برای چه کسی؟

  • همه

اما واردکردن عکس نسبت به وارد کردن متن و تغییر آن پیچیدگی های بیشتری دارد.

حتی اگر تجربه زیادی در این زمینه یکبار تجربه کردن آن ارزشمند خواهد بود

اصلی ترین مشکلات زمانی خواهد بود که میخواهید خود تصویر را تغییر دهید به خصوص زمانی که در حال تغییر یک متن هستید.

هنگام آپلود یا بارگذاری تصویر به پنجره آپلود تصویر نگاه کنید دقت کنید که تصویر را کجا و در چه پوشه ای ذخیره میکنید مخصوصا اگر در این زمینه تجربه کافی ندارید .

مقدمه

وارد کردن یک عکس از نوشتن یک متن پیچیده تر است

  • چند مرحله مشخص برای نمایش تصاویر در مطالب وجود دارد :

۱.یک تصویر مناسب آماده کنید
۲.تصویر را در وبسایت بارگذاری(آپلود) کنید
۳.تصویر را در مطلب مورد نظر وارد کنید

تصویر مناسب را باید خودتان آماده کنید اما آپلود و وارد کردن تصویر در مطلب توسط ادیتور انجام خواهد شد .جزئیات این مراحل به وبسایتی که از آن استفاده می کنید بستگی دارد .

1. انتخاب یک تصویر مناسب

تصویر مورد نظر ممکن است روی رایانه شخصی شما باشد و شما به راحتی بتوانید آن را ویرایش کرده و یک نام مناسب برای آن انتخاب کنید.

ویرایش تصاویر:

ویرایش تصویر به خودی خود موضوع مهمی است .نرم افزار های بسیاری برای ویرایش تصاویر وجود دارد . اگر ایجاد تغییرات کوچک و ساده کافی باشد یک ویرایشگر ساده مانند برنامه paint نیر کافی خواهد بود . اما اگر در این زمینه تجربه کافی دارید و هدف شما ایجاد تغییرات حرفه ای است برنامه های تخصصی بسیاری در این زمینه وجود دارد که میتوانید استفاده کنید مانند فتوشاپ و ... - http://picpick.wiziple.net/features

  • تصویر باید در یک فایل با پسوند مناسب ذخیره شده باشد . معمولا jpeg یا  png
  • یک نام کوتاه و بدون فاصله برای تصویر مورد نظر انتخاب کنید.( برای جدا کردن کلمات میتوانید از حروف بزرگ استفاده کنید به عنوان مثال :LondonVisit

2. بارگذاری تصویر

برای این که یک تصویر را در یک مطلب وارد کنیم ابتدا باید تصویر مورد نظر باید روی سرور قرار دهیم

  • فضایی به شما اختصاص داده شده است که میتوانید تصاویر خود را در آنجا قرار دهید لازم است از جای دقیق این فضا آگاه باشید تا تصاویر را در آن وارد کنید.شما نمیتوانید تصویر را به طور مستقیم در این فضا کپی کنید . ادیتوری که از آن استفاده میکنید این کار را به عنوان بخشی از فرایند وارد کردن تصویر برایتان انجام خواهد داد.
  • اگر از اطلاعات نمونه در localhost استفاده میکنید یک پوشه برای تصاویر وجود دارد.

آموزش جوملا

شما متوانید تصویر را در این پوشه کپی کند اما بهتر است بارگذاری تصویر از طریق ادیتور را تجربه کنید .

نمایش تصاویر در صفحه:

ممکن است برایتان ساده تر باشد که برای نمایش تصویر در صفحه از یک جدول با یک سطر و دو ستون استفاده کنید  .متن در یک سلول از جدول و تصویر در سلول دیرگر قرار گیرد

  • یک جدول با یک سطر و دوستون بدون border بسازید
  • تصویر را در یک سلول قرار داده و متن مورد نظر خود را در سلول دیگر وارد کنید

تصویر را بارگذاری(آپلود )کنید

مطلب مورد نظر را برای ویرایش باز کنید

اشاره گر را جایی در متن قرار دهید که میخواهید تصویر به صورت افقی از آنجا آغاز شود . اگر برای نمایش از جدول استفاده میکنید اشاره گر را در سلول مربوط به تصویر قرار دهید

روی دکمه تصویر(image) در پنجره ادیتور کلیک کنید آموزش جوملا(دقت کنید آیکن مربوط به وارد کردن تصاویر در نوار ابزار تصاویر موجود در رایانه شخصی را نمایش نمی دهد در واقع با این ابزار شما امکان آپلود تصویر ندارید تنها میتوانید از فایل های موجود روی سرور استفاده کنید)

پنجره آپلود تصویر باز شده و روی پنجره ویرایش متن قرار میگیرد
قسمت بالایی پنجره نشان می دهد که فایل ها پس از بارگذاری روی سرور کجا ذخیره میشوند.در قسمت پائین شما میتوانید تصاویر موجود در سرور را مشاهده و جستجو کنید.

آموزش جوملا

پنجره آپلود تصویر که نشان می دهد فایل ها پس از بارگذاری کجا ذخیره میشوند و همچنین امکان آپلود یک تصویر از رایانه شخصی را برای شما فراهم میکند.

محل ذخیره سازی تصویر را تمشخص کنید

روی پوشه مورد نظر  در سرور که میخواهید فایل پس از بارگذاری در آن قرار گیرد کلیک کنید

فایل را در رایانه خود پیدا کنید

روی دکمه browse(مرور) کلیک کنید

پنجره بارگذاری فایل (File upload )باز می شود که امکان جستجو پوشه ای که فایل شما در آن قرار دارد را فراهم میکنید.

آموزش جوملا

مرور فایل های تصویر

تصویر مورد نظر را روی رایانه خود پیدا کنید

روی دکمه Open کلیک کنید

این کار باعث می شود مسیر فایل مورد نظر در رایانه شخصی شما به عنوان مسیر آپلود انتخاب شود.

برای بارگذاری تصویر روی سرور :

روی دکمه آغاز آپلود(Start Upload) کلیک کنید

پس از آپلود تصویر مورد نظر در بین فایل های موجود روی سرور در قسمت بالایی پنجره نمایش داده خواهد شد

3 قرار دادن تصویر در مطلب

تصویر که میخواهید از آن استفاده کنید را انتخاب کنید

جزئیات مربوط به تصویر را وارد کنید

آموزش جوملا

تصویر در قسمت بالایی پنجره انتخاب شده است

آدرس تصویر :وقتی تصویر را انتخاب میکنید این فیلد به صورت خودکار پر می شود

توضیحات تصویر: یک توصیف از تصویر وارد کنید(برای کسانی مفید است که در دیدن مشکل دارند و لازم است اطلاعات برای ایشان به گفتار تبدیل شود ).

ترازبندی: این گزینه را میتوان چپ یا راست تصویر تنظیم نمود.

عنوان تصویر: یک عنوان برای تصویر انتخاب کنید که زمانی که موس روی تصویر قرار میگیرد نمایش داده خواهد شد.

اکنون همه کارهای لازم برای درج تصویر انجام شده است

روی دکمه درج نصویر در قسمت بالا سمت راست پنجره کلیک کنید.

تصویر با توجه به داده هایی که شما وارد کرده ای در صفحه نمایش داده خواهد شد . ممکن است تصویر در صفحه ادیتور کمی بزرگ و عجیب به نظر برسد

مطلب را ذخیره کنید

مطلب را در سایت مشاهده نمایید تا تغییرات انجام شده را ببینید و مطمئن شوید همه چیز درست انجام شده است

آموزش جوملا

تصویر در مطلب وارد شده است .در این مورد از جدول استفاده نشده است

یک مشکل معمول این است که تصویر مورد نظر اندازه مناسبی ندارد و اغلب اوقات خیلی بزرگ است

  • شما میتوانید به چند روش اندازه یک تصویر را تغییر دهید
  • تغییر اندازه تصویر در صفحه - ساده ترین راه اما برای انجام آن باید مهارت کافی داشته باشید!

موس را روی مربع های تو خالی در گوشه های تصویر قرار دهید

کلید سمت چپ موس را نگه دارید و تصویر را کوچک تر یا بزرگ تر کنید.

شما می توانید دوباره به همین روش اندازه تصویر را تغییر دهید اما ممکن است لازم باشد ابتدا یکبار تصویر را ذخیره کنید

  • تغییر اندازه به کمک آیکن درج و ویرایش تصویر :در جعبه ابزار( یک آیکن سبز رنگ اغلب به شکل درخت )

از تغییر ابعاد استفاده کنید. اما دقت کنید زیرا باید طول و عرض تصویر را به یک اندازه تغییر دهید تا تصویر دفرم نشود

  • اندازه فایل اصلی را تغییر دهید با یک نرم افزار ویرایشگر تصویر این کار را نجام داده و تصویر را دوباره بارگذاری کنید.

سپس تصویر را از مطلب حذف کرده و تصویر جدید را درج کنید.

حذف یک تصویر از مطلب

همانطور که حدس میزنید این کار به شکل زیر انجام می شود

مطلب را برای ویرایش باز کنید

تصویر را انتخاب کنید

کلید delete روی صفحه کلید را بزنید

تصویر روی سرور باقی خواهد ماند.

ارسال نظر