کپشن های زیبا برای تصاویر در وردپرس با Image Caption Hover
سلام خدمت شما دوستان عزیز و همراهان گرامی مِستر آموز.
یکی از عواملی که بتوانید کاربران را به سمت سایت خود جذب کنید، داشتن یک طراحی و تکنیک های جذاب برای تمام قسمت های سایت است. استفاده از کپشن ها در وردپرس برای بهتر رساندن مفهوم تصاویر در همین راه است و سایت شما را جذابتر می کند. برای استفاده از این روش با ما همراه باشید.
ایجاد کپشن های زیبا برای تصاویر در وردپرس با Image Caption Hover
این افزونه وردپرس بیش از ۹٫۰۰۰ نصب فعال در مخزن وردپرس به ثبت رسانده است.
برای دانلود افزونه Image Caption Hover کلیک کنید.
آموزش کار با افزونه Image Caption Hover وردپرس
پس از دانلود، نصب و فعالسازی افزونه، در منو پیشخوان وردپرس شما یک آیتم جدید با نام Image Caption Hover ایجاد خواهد شد.
در منوی افزونه یک زیرمنو به نام Add new وجود دارد. آن را کلیک کنید تا شاهد صفحه زیر خواهید بود:
در قدم اول و در کادر عنوان، یک عنوان را انتخاب کنید. که پس از زیاد شدن تعداد مجموعه ها بتوان به راحتی از قسمت 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 تنها در نسخه ی حرفه ای افزونه قابل تنظیم هستند.
اکنون روی دکمه انتشار کلیک کنید. سپس قطعه کد مورد نظر را کپی کنید و در برگه یا نوشته ی مورد نظرتان کپی کنید.
مثال: میتوانید کد مورد نظر را در یک نوشته کپی کنید. در تصویر زیر می بینید:
همچنین می توانید از زیر منوی Settings موجود در منوی Image Caption Hover وارد قسمت تنظیمات کلی افزونه می شویم که دو مورد در این بخش وجود دارد.
Who Can Edit؟:
این بخش برای تعیین اینکه کدام یک از نقش های کاربری می تواند ویرایش موارد موجود در افزونه را دارا هستند به این صورت که نقش انتخاب شده حداقل سطح کاربری برای ویرایش خواهد بود.
Touch Devices Behavior for Links:
این قسمت دو گزینه دارد و برای تعیین اینکه لینک ها در مواجهه با ابزار های لمسی چگونه واکنش نشان دهند. گزینه های این قسمت:
Default:
برای تعیین حالت پیش فرض است.
First Tap Hover،Second Tap Navigate:
ضربه ی اول هاور، ضربه ی دوم هدایت به لینک مورد نظر
در پایان روی Save Settings کلیک کنید.
موفق و پیروز باشید.
