کپشن های زیبا برای تصاویر در وردپرس با Image Caption Hover

عرض سلام خدمت همراهان گرامی مکانیک وردپرس ؛
مهمترین نکته برای جذب و پایداری کاربر در وبسایت شما، استفاده از طراحی و تکنیک های جذاب برای تمامی المان های موجود در سایت است.
یکی از همین تکنیک ها، استفاده از کپشن ها در وردپرس برای رساندن بهتر مفهوم تصاویر است.
ایجاد کپشن های زیبا برای تصاویر در وردپرس میتواند جذابیتی دو چندان برای سایت وردپرسی شما بهمراه داشته باشد.
با ما همراه باشید…

کپشن های زیبا برای تصاویر در وردپرس با Image Caption Hover

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

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

افزونه Image Caption Hover وردپرس

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

شما میتوانید در انتهای همین نوشته، افزونه Image Caption Hover را بصورت رایگان دانلود کنید

افزونه Image Caption Hover وردپرس

آموزش کار با افزونه Image Caption Hover وردپرس

پس از دانلود، نصب و فعالسازی این پلاگین وردپرس، یک آیتم جدید در منو پیشخوان وردپرس شما با نام Image Caption Hover ایجاد خواهد شد. مانند تصویر زیر:

افزونه Image Caption Hover وردپرس

زیرمنو Add new

پس از کلیک بر روی زیرمنو Add New در آیتم Image caption Hover شاهد صفحه زیر خواهید بود:

کپشن های زیبا برای تصاویر در وردپرس با Image Caption Hover کپشن های زیبا برای تصاویر در وردپرس با Image Caption Hover کپشن های زیبا برای تصاویر در وردپرس با Image Caption Hover

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

Image URL: در این قسمت می توانید نشانی URL تصویر مورد نظر خود را وارد کنید یا با کلیک بر روی Media از تصاویر موجود در کتابخانه ی چند رسانه ای خود استفاده کنید.
Title: در این قسمت می توانید عنوان تصویر را وارد کنید که در حقیقت همان خاصیت title در تگ image خواهد بود.
Alternative Text: در این قسمت می توانید متن جایگزین را وارد کنید که در صورت عدم بارگذاری تصاویر، نمایش داده خواهد شد. در واقع همان خاصیت alt در تگ image

Caption: در این قسمت می توانید متن کپشن ها در وردپرس را برای تصویر مورد نظر را وارد کنید. هم چنین می توانید با استفاده از Editor، از ویرایشگر برای تنظیم متن کپشن استفاده کنید.
Caption Wrapper: در این قسمت می توانید اندازه ی فونت کپشن ها در وردپرس را با استفاده از گزینه های موجود انتخاب کنید.
به این صورت که از Heading 1 به Heading 6، اندازه ی فونت کوچک تر خواهد شد.
Caption Alignment: در این قسمت می توانید محل تراز و قرارگیری کپشن را از بین گزینه های موجود انتخاب کنید.

بیشتر بخوانید :  افزونه فرم ساز Gravity Forms

Text Color: تعیین رنگ متن کپشن ها در وردپرس
Background Color: تعیین رنگ پس زمینه ی کپشن
Overlay Position: تنظیم این قسمت تنها در نسخه ی حرفه ای افزونه امکان پذیر است.
Link To: در این قسمت می توانید لینکی را وارد کنید که با کلیک بر روی کپشن، کاربر به آن لینک هدایت می شود.
Link Target: در این قسمت می توانید با انتخاب از بین گزینه های موجود، تعیین کنید لینکی که در بالا وارد کردید، به چه صورت نمایش داده شود.
LightBox: تنظیم این قسمت تنها در نسخه ی حرفه ای افزونه امکان پذیر است.
Hover Effect: در این قسمت می توانید از بین گزینه های موجود، یک افکت را برای حالتی که نشانگر موس بر روی تصویر قرار می گیرد انتخاب کنید. در واقع کپشن با این افکت ظاهر خواهد شد.

سایر گزینه های موجود در کادر Images تنها در نسخه ی حرفه ای افزونه قابل تنظیم هستند.

Display: در این قسمت می توانید انتخاب کنید که چه تعداد تصویر در یک ردیف نمایش داده شود.
Space 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 کلیک کنید.

اکنون زمان مشاهده نتیجه است:

کپشن های زیبا برای تصاویر در وردپرس با Image Caption Hover

موفق و پاینده باشید…

اطلاعات افزونه Image Caption Hover
دانلود افزونه صفحه افزونه
مطالب زیر را حتما مطالعه کنید
نظرات و دیدگاه ها

  • نظرات ارسال شده توسط شما، پس از تایید توسط مدیران سایت منتشر خواهد شد
  • نظراتی که حاوی تهمت یا افترا باشد منتشر نخواهد شد
  • نظراتی که به غیر از زبان فارسی یا غیر مرتبط با مطلب باشد منتشر نخواهد شد