ثبت نام لاتاری 2022 آموزش ثبت نام لاتاری گرین کارت آمریکا 2022 لاتاری

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

سلام خدمت شما دوستان عزیز و همراهان گرامی مِستر آموز.

 

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

 

 

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

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

 

برای دانلود افزونه Image Caption Hover کلیک کنید.

 

Image Caption Hover

 

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

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

 

Image-Caption-Hover

 

در منوی افزونه یک زیرمنو به نام Add new وجود دارد. آن را کلیک کنید تا شاهد صفحه زیر خواهید بود:

 

Image-Caption-Hover

Image-Caption-Hover

Image-Caption-Hover

 

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

Image URL:

نشانی URL تصویر دلخواه را درج می کنیم یا با کلیک بر روی Media از تصاویر موجود در کتابخانه ی چند رسانه ای خود استفاده کنیم.

Title:

یک عنوان برای تصویر بنویسید.

Alternative Text:

این قسمت همان خاصیت alt یا متن جایگذین است.

imageCaption:

یک متن کپشن در وردپرس برای تصویر مورد نظر را وارد کنید. همچنین می توانید با استفاده از Editor، از ویرایشگر برای تنظیم متن کپشن استفاده کنید.

Caption Wrapper:

اندازه فونت کپشن ها در وردپرس را تعیین کنید. که به صورت Heading 1 تا Heading 6، می باشد. (همان H1 تا H6 که هر چه عدد بزرگتر باشد اندازه کوچکتر می شود.)

Caption Alignment:

محل تراز و قرارگیری کپشن را از بین گزینه های موجود انتخاب کنید.

Text Color:

رنگ متن کپشن ها را تعیین کنید.

Background Color:

رنگ پس زمینه ی کپشن

Overlay Position:

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

Link To:

از این قسمت لینکی وارد کنید تا کاربر با کلیک روی کپشن به آن لینک هدایت شود.

Link Target:

تعیین چگونگی باز شدن پنچره لینکی که در قسمت Link To وارد کرده اید.

LightBox:

این قسمت نیز تنها در نسخه ی حرفه ای افزونه وجود دارد.

Hover Effect:

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

 

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

اکنون روی دکمه انتشار کلیک کنید. سپس قطعه کد مورد نظر را کپی کنید و در برگه یا نوشته ی مورد نظرتان کپی کنید.

 

Image-Caption-Hover

 

مثال: میتوانید کد مورد نظر را در یک نوشته کپی کنید. در تصویر زیر می بینید:

 

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

 

 

 

موفق و پیروز باشید.

 

 

 

نظر خودتان را ارسال کنید