خانه / وردپرس / آموزش وردپرس / ایجاد کپشن های زیبا برای تصاویر در وردپرس
ایجاد کپشن های زیبا برای تصاویر در وردپرس
ایجاد کپشن های زیبا برای تصاویر در وردپرس

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

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

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

ابتدا بدون هیچ دستکاری و صحبت های اضافی به سراغ دانلود افزونه Image Caption Hover خواهیم رفت و بعد فعال نمودن می تونید در پیشخوان به Add New»Image Caption Hover  جهت ایجاد کپشن می رویم

حالا همانند زیر باید عنوان و اسمی رو برای مجموعه تصاویر وارد کنید و با زیاد بودن و شدن مجموعه ها میتوان از قسمت View All مدیریت نمود

ایجاد کپشن های زیبا

Images همانند تصویر بالا بوده است که برای بررسی میتوند به ادامه مراجعه نمایید

Image URL : برای وارد نمودن URL تصویر بوده است و یا میتوند از تصاویر در کتابخانه روی Media  کلیک نمایید

Title : این گزینه همان title در تگ image بوده است که میتونید عنوانی رو برای تصویر وارد نمایید

Alternative Text : خاصیت alt در تگ  image می باشد تا اگه تصویر بار گذاری نشد ان رو نمایش دهد

Caption : جهت اینکه متن کپشن برای تصویر رو وارد نمایید که دارای دکمه ای به اسم Editor می باشد تا از ویرایشگر برای تنظیم متن  کپشن استفاده نمایید

Caption Wrapper : جهت انتخاب اندازه فونت برای کپشن بوده است

Caption Alignment : برای محل قرار گیری کپشن بوده است

ایجاد کپشن های زیبا برای تصاویر

Text Color : برای اینکه رنگ متن کپشن رو تعیین نمایید

Background Color : برای رنگ پس زمینه کپشن

Overlay Position : این برای نسخه پریموم این پلاگین وردپرس کاربردی بوده است

Link To : لینک صفحه ای رو میتونید وارد نمایید که کاربر با کلیک روی کپشن به ان منتقل می شود

Link Target : نمایش لینک که در بالا وار نمودید به چه صورت باشد

LightBox : برای نسخه پریمیوم این افزونه وردپرس می باشد

Hover Effect : دارای افکت هایی بوده است که میتوند انتخاب نمایید تا با رفتن ماوس روی تصویر ان نمایش داده شود

دوستان گزینه های دیگری در Images  موجود بوده است که دارای نسخه پریموم می باشد

حالا اگه می خواهید تصاویر دیگر رو به این مجموعه ساخته شده اضافه نمایید میتونید در انتهای کادر روی Add New Image کلیک نمایید

کپشن های زیبا برای تصاویر

Settings

پلاگین وردپرس

Display : مشخص نمودن اینکه در هر ردیف چه تعداد تصویر باشد

pace between images : بر حسب پیکسل فاصه بین هر ستون تصویر رو مشخص نمایید

Shortcodes in Caption : با تیک دار نمودن میتونید از شورت کد در کپشن استفاده نمایید

Custom CSS : اگه می خواهید استایل سفارشی داشته باشید کدهای CSS خودتون رو وارد نمایید

حالا با انجام موارد بالا روی انتشار کلیک نمایید

پلاگین وردپرس کاربردی

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

دانلود افزونه

حالا ما برای مثال نتیجه خودمون رو به صورت زیر در اوردیم و میتونید مشاهده نمایید

 Image Caption Hover

توضیحات بیشتر

میتونید برای تنظیمات کلی و بیشتر به Settings»Image Caption Hover مراجعه نمایید و همانند زیر بوده ست

افزونه Image Caption Hover

Who Can Edit? : انتخاب سطح های کاربری که امکان ویرایش موارد در افزونه رو دارند به صورتی که نقش انتخاب شده حداقل سطح کاربری برای ویرایش خواهد بود.

Touch Devices Behavior for Links : با ابزارهای لمسی لینک ها چگونه باشند و واکنش نشان دهند

  • Default : پیش فرض
  • First Tap Hover،Second Tap Navigate : ضربه ی اول هاور، ضربه ی دوم هدایت به لینک مورد نظر

حالا با Save Settings می تونید ذخیره نمایید

از همراهیتون سپاسگذاریم

منبع : قالب وردپرس

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *