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

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

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

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

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

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

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

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

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

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

همین حالا ببینید:  آموزش جایگزین کردن کلمات در دیتابیس وردپرس

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

پاسخ دهید

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