خانه / وردپرس / افزونه رایگان وردپرس / قرار دادن افکت برای تصاویر وردپرس
افکت گذاری تصاویر وردپرس"

تاریخ بروزرسانی: ۷ دی ۱۳۹۶ تعداد بازدید : 325 بازدید بدون دیدگاه

قرار دادن افکت برای تصاویر وردپرس

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

آموزش افکت گذاری تصاویر وردپرس

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

معرفی افزونه افکت گذاری تصاویر وردپرس

افزونه‌ افکت گذاری تصاویر وردپرس در مخزن وردپرس افزونه Amazing Hover Effects نام دارد و شما با استفاده از این افزونه قادر به ایجاد افکت‌ های زیبا و چشم نواز در تصاویر موجود در سایت خود خواهید بود.

افکت گذاری تصاویر وردپرس

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

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

همین حالا ببینید:  لایک و دیس لایک نظرات در وردپرس

افکت گذاری تصاویر وردپرس

همان طور که در تصویر مشاهده می‌ کنید ابتدا باید یک عنوان برای افکت تصاویر در سایت وردپرس خود قرار بدهید و سپس از بخش Select Style نوع استایل مورد نظر خود را که در چهار حالت ممکن می‌ باشد را انتخاب نمایید.

افکت گذاری تصاویر وردپرس

سپس بر روی دکمه Add New Hover Item کلیک کنید. همان طور که مشاهده می کنید با کلیک روی این دکمه پنجره مربوط به افزودن تصویر و جزییات آن برای شما باز خواهد شد.

تنظیمات موجود در این پنجره در ادامه توضیح داده شده اند.

  • Hover Image: با کلیک بر روی دکمه ی موجود در این بخش برای اضافه کردن تصویر در این بخش به بخش رسانه وردپرس هدایت خواهید شد و می‌ توانید تصویر مورد نظر خود را آپلود کرده و یا آن را از رسانه وردپرس انتخاب کنید.
  • Title: در این بخش نیز همان طور که مشخص است باید عنوان تصویر خود را وارد نمایید.
  • Description: در این بخش توضیحات تصویر خود را وارد کنید.
  • Image Link: با استفاده از این گزینه می‌ توانید تصویر ساخته شده خود را لینکدار کنید. اما همان طور که در تصویر نیز مشاهده می‌ کتید این امکان صرفا در نسخه تجاری افزونه فعال می‌ باشد.
همین حالا ببینید:  چند عمل ساده که امنیت وردپرس شما را بیشتر می کند

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

افکت گذاری تصاویر وردپرس

برخی تنظیمات افزونه

  • Select Effect: در این قسمت می‌ توانید افکت دلخواه خود را انتخاب کنید.
  • Animation Direction: از این بخش نیز می‌ توانید حالت انیمیشن تصویر را به دلخواه خود روی یکی از گزینه‌ های راست به چپ، چپ به راست، بالا به پایین و یا پایین به بالا انتخاب نمایید.
  • Column Space: در این قسمت فاصله بین ستون با تصویر را بر حسب پیکسل وارد کنید.
  • Row Space: در این بخش نیز فاصله بین ردیف و تصویر را بر حسب پیکسل وارد نمایید.

افکت گذاری تصاویر وردپرس

در انتها پس از ذخیره تنظیمات افزونه بر روی دکمه انتشار نوشته کلیک کنید. بعد از انتشار نوشته یک شورت کد در اختیار شما قرار داده خواهد شد که شما می‌ توانید آن را در برگه، نوشته و یا هر نوع پست تایپ دلخواه خود قرار بدهید تا افکت گذاری بر روی تصویر مورد نظر شما اعمال شود.در واقع برای استفاده از افکت ساخته شده در تصاویر باید از این شورت کد استفاده نمایید.

همین حالا ببینید:  ساخت صفحه در حال به روز رسانی در وردپرس

افکت گذاری تصاویر وردپرس

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

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

مشاهده مشخصات

امیدوارم از این آموزش وردپرس لذت برده باشید. همواره خوشحال می شویم اگر هر سوال یا راهنمایی که در مورد آموزش افزونه افکت گذاری تصاویر وردپرس داشتید در پایین بخش نظرات مطرح کنید.

منبع: تیک‌تم – ارائه دهنده مقالات: جلوگیری از هک وردپرس آموزش وردپرس خطاهای وردپرس

لینک کوتاه این مطلب: https://tiktheme.com/?p=4166


کانال تلگرام تیک تم

دیدگاهتان را بنویسید

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