پلاگین وردپرس برای افزودن کپشن به تصاویر

بازدید : 139
نویسنده : مرتضی براتی
زمان مطالعه : 3 دقیقه
انتشار : ۱۵ تیر , ۱۳۹۶
بروزرسانی : ۶ شهریور , ۱۳۹۶
دانلود
پلاگین وردپرس برای افزودن کپشن به تصاویر

کپشن چیست ؟ اولین سوالی که شاید ذهن ما را درگیر کند با شنیدن و یا خواندن کلمه کپشن .

سلام و درود خدمت همراهان مبنای وردپرس با معرفی پلاگین وردپرس برای افزودن کپشن به تصاویر در خدمت شما هستیم  . کپشن به تصاویر وردپرس یعنی افزودن توضیحات متن به آنها با حالت زیباتر اگر در صفحه ساز ها دقت کرده باشید مانند صفحه ساز ویژال کپوسر میتوانید نوشته های خود را به صورتی زیبا درآورید که پس از رفتن موس بر روی آنها متن با افکتی زیبا برای شما نمایش داده میشود . این کار باعث افزایش رابط کاربری در وب سایتتان خواهد شد و صد البته کاربران خود را مجذوب سایت خواهید کرد . این افزونه با نام Image Caption Hover برای شما آماده شده است در ادامه به توضیحات و نحوه تنظیم افزونه خواهیم پرداخت .

نصب و فعال سازی

افزونه Image Caption Hover نیز مانند دیگر افزونه ها نصب می گردد به طوری که هم از طریق مخزن وردپرس و هم از طریق آپلود پیشنهاد می شود آموزش نصب افزونه را مطالعه کنید. بعد از اینکه افزونه را نصب کردید منوی جدیدی تحت عنوان Image Caption Hover به پیشخوان اضافه خواهد شد . زمانی که وارد آن و بر روی دکمه افزودن جدید یا Add New کلیک کنید وارد صفحه زیر خواهید شد.

 

Image-Caption-Hover-new-mabnawp

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

  • Image URL: تصویر مورد نظر ار آپلود کرده و یا اینکه از رسانه وردپرس آن را انتخاب کنید.
  • Title: عنوان تصویر را وارد کنید.
  • Title Font Size: اندازه فونت مورد نظر برای عنوان تصویر را بر حسب پیکسل مشابه نمونه وارد کنید.
  • Alternate Text: متن جایگزین و یا همان Alt تصویر را وارد کنید تا در صورت عدم نمایش تصویر این متن نمایش داده شود. این گزینه برای بهینه‌سازی صفحه مناسب خواهد بود.
  • Caption: کپشن و توضیحات مورد نظر برای تصویر را وارد کنید. با کلیک بر روی دکمه Editor که در کنار آن قرار دارد قادر خواهید بود تا از ویرایشگر وردپرس برای استایل‌دهی به متن تصویر استفاده کرده و در صورت استفاده از آیکون و موارد دیگر همچون دکمه در این بخش از آنها استفاده کنید.
  • Caption Wrapper: از این بخش میزان اندازه Heading برای کپشن وردپرس را انتخاب کنید. از انجایی که تگ H۱ در هر صفحه نباید بیشتر از یک مورد باشد از انتخاب آن در این بخش جلوگیری کنید.
  • Caption Alignment: چیدمان متن کپشن وردپرس را بر اساس راست، چپ، وسط، جاستیفای و… انتخاب کنید.

Image-Caption-Hover-settings-mabnawp

  • Display: در این بخش می‌توانید تعیین کنید که چند ستون برای نمایش تصویر مد نظر شماست. در صورتی که از هر تعداد تصویر استفاده می‌کنید می‌بایست برای نمایش صحیح آنها بر اساس همین تعداد تنظیم شده باشد.
  • Space between images: در این بخش می‌توانید فاصله هر تصویر از یکدیگر را بر حسب پیکسل وارد کنید تا ظاهر مناسب‌تری برای تصاویر خود ایجاد کنید.
  • Shortcodes in Caption: در صورتی که برای کپشن‌های ساخته شده از مواردی همچون دکمه، نمایش آیکون و.. استفاده می‌کنید که با استفاده از سایر افزونه‌ها که توسط شورت‌کد این امکان را در اختیار شما قرار می‌دهند این گزینه را فعال کنید تا در بخش کپشن وردپرس نمایش داده شوند.
  • Custom CSS: در این بخش نیز می‌توانید از استایل سفارشی همچون امکان استفاده از فونت مختلف و.. برای کپشن وردپرس استفاده کنید.
  • پس از اینکه به صورت کامل تصاویر مورد نظر خود را ایجاد کردید با انتشار آن شورت‌کدی در بخش Shortcode اختیار شما قرار داده خواهد شد، آن را کپی کرده و در برگه، نوشته، ابزارک و هر مکانی که قصد دارید تا تصاویر نمایش داده شوند قرار دهید.

با تشکر از همراهی شما – شادباشید

 

 


دیدگاه بگذارید

avatar
  اشتراک در  
اطلاع از
  • قالب آموزش آنلاین هنرستان وردپرسقالب آموزش آنلاین هنرستان بهترین قالب آموزشی وردپرس که هم ایرانیه هم حرفه ای و هم ارزان میتونی به راحتی وب سایت آموزش آنلاین خودت رو با وردپرس طراحی کنی کافیه دمو و تصاویر این قالب حرفه ای آموزش آنلاین وردپرس رو تماشا کنی. قالب آموزش آنلاین هنرستان وردپرس قالب فروش دوره هنرستان یک راه […]
  • قالب خبری وردپرس فرست نیوز | First News WordPress Themeقالب خبری وردپرس First News یکی از پوسته های مناسب وب سایت های خبری است که با سلیقه ایرانی طراحی شده است بعلاوه توجه خاصی به متد های روز برای راحتی کاربران از استفاده قالب وب سایت شده است به طوری که با استفاده از پوسته خبری وردپرس فرست نیوز میتوانید به راحتی تمامی اجزای […]

مطالب مرتبط

نحوه اضافه کردن svg در وردپرس با دو روش ساده

نحوه اضافه کردن svg در وردپرس با دو روش ساده

با سلام خدمت شما دوستان عزیز امروز میخواهیم نحوه اضافه کردن تصاویر svg به وردپرس

مطالعه بیشتر
تیتر ها در محتوای سایت

تیتر ها در محتوای سایت

همانطور که در مطالب قبلی بر روی محتوا و تاثیر آن بر سئو تاکید بسیاری

مطالعه بیشتر
انتخاب آدرس نوشته مناسب برای سئو بهتر در وردپرس

انتخاب آدرس نوشته مناسب برای سئو بهتر در وردپرس

همه ما کلماتی را بعد از url مشاهده کرده ایم که آن را با عنوان

مطالعه بیشتر
رعایت ۵ نکته برای موفقیت در تجارت اینترنتی

رعایت ۵ نکته برای موفقیت در تجارت اینترنتی

امروزه یکی از انواع تجارت، تجارت الکترونیک می باشد که به سرعت رو به پیشرفت

مطالعه بیشتر

پر بازدید ترین مطالب وردپرس

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

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

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

مطالعه بیشتر
پیدا کردن کد های مخرب وردپرس و آموزش رفع آن

پیدا کردن کد های مخرب وردپرس و آموزش رفع آن

پیدا کردن کد های مخرب وردپرس و آموزش رفع آن | شناسایی و یافتن کدهای

مطالعه بیشتر
معرفی قالب های برتر سال ۲۰۱۸

معرفی قالب های برتر سال ۲۰۱۸

معرفی قالب های برتر سال ۲۰۱۸ ، پوسته های وردپرسی ، بهترین قالب های رایگان

مطالعه بیشتر
آموزش راه اندازی فروشگاه اینترنتی محصولات دانلودی با EDD در وردپرس

آموزش راه اندازی فروشگاه اینترنتی محصولات دانلودی با EDD در وردپرس

آموزش راه اندازی فروشگاه اینترنتی با edd در وردپرس ، ایزی دیجیتال دانلود ، فزونه

مطالعه بیشتر
آموزش سرچ کنسول | بخش دوم | Search Console

آموزش سرچ کنسول | بخش دوم | Search Console

آموزش سرچ کنسول ، تنظیمات و نکات پیشرفته و حرفه ای در گوگل وبمستر ،

مطالعه بیشتر
قالب وردپرس چند منظوره رایگان و فارسی Hostel با فونت زیبا

قالب وردپرس چند منظوره رایگان و فارسی Hostel با فونت زیبا

امروز قالب وردپرس فارسی و رایگان hostel در اختیار شما کاربران عزیز قرار داده ایم

مطالعه بیشتر
تابع the_title() عنوان پست در حال نمایش در وردپرس | the_title() | Function

تابع the_title() عنوان پست در حال نمایش در وردپرس | the_title() | Function

برای نمایش عنوان پست در حال نمایش می بایست از تابع the_title() استفاده کرد ،

مطالعه بیشتر
صفحه فرود یا Landing Page چیست؟

صفحه فرود یا Landing Page چیست؟

صفحه فرود یا Landing Page چیست؟ ، اهداف لندینگ پیج ، نکات مهم در بهینه

مطالعه بیشتر

ایمیلت رو وارد کن ، قالب و افزونه جایزه بگیر

Scroll Up
کانال آپارات ما اینستاگرام مبنای وردپرس