ارزدیجیتال
حراجی دامنه های ویژهمشاهده





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

افکت گذاری تصاویر در وردپرس با افزونه Amazing Hover Effects

افزونه وردپرس , افزونه ها

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

 

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

 

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

افکت گذاری تصاویر در وردپرس با افزونه Amazing Hover Effects

افزونه‌ای که قصد معرفی آن را دارم با عنوان Amazing Hover Effects در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از ۴.۰۰۰ نصب فعال و کسب امتیاز ۴.۳ را ازآن خود نماید که با استفاده از آن قادر به ایجاد افکت‌های زیبا و چشم نواز در تصاویر خود خواهید بود.

 

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

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

افکت گذاری تصاویر در وردپرس با افزونه Amazing Hover Effects

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

 

افکت گذاری تصاویر در وردپرس با افزونه Amazing Hover Effects

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

 

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

 

افکت گذاری تصاویر در وردپرس با افزونه Amazing Hover Effects

 

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

 

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

 

افکت گذاری تصاویر در وردپرس با افزونه Amazing Hover Effects

 

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

 

افکت گذاری تصاویر در وردپرس با افزونه Amazing Hover Effects

 

موفق باشید.

این محتوا چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود نسخه : 6.7.8

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
نحوه استفاده

کافیست افزونه را در مسیر wp-content/plugins آپلود کنید و سپس از بخش مدیریت افزونه ها آن را فعال نمایید.

مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه وردپرس , افزونه ها
لینک کوتاه مطلب : https://www.20script.ir/?p=32331
کلمات کلیدی پست :
مطالب مرتبط
24,116ایجاد دکمه تماس در وردپرس با افزونه Contact us تاریخ : 2019/01/5
10,958فشرده سازی و افزایش سرعت وردپرس با افزونه Check and Enable GZIP compression تاریخ : 2018/03/6
11,725افزونه تغییر نام کاربری در وردپرس تاریخ : 2014/07/29
13,052افزونه تایید اعتبار شماره موبایل و ایمیل برای وردپرس Smart OTP تاریخ : 2019/09/23
8,873افزونه مدیریت پیشرفته فایل ها درون وردپرس XCommander تاریخ : 2014/09/2
12,088هدایت کاربران به صفحات دلخواه بعد از ثبت‌نام در وردپرس با افزونه Redirect After Login تاریخ : 2018/06/15
23,245افزونه سئو خودکار وردپرس All in One SEO Pack تاریخ : 2016/02/15
14,799افزونه آژاکسی ارسال پست مهمان برای وردپرس تاریخ : 2014/08/2
10,011افزونه بکاپ گیری BackupBuddy نسخه 6.5.0.3 برای وردپرس تاریخ : 2015/11/29
12,980افزونه آژاکسی ساز بخش دیدگاه های وردپرس تاریخ : 2014/08/4
3,192افزونه جت هسته برای گوتنبرگ و المنتور Jet Theme Core تاریخ : 2023/09/16
11,275افزونه امنیتی وردپرس Security Pro نسخه 2.2.2 تاریخ : 2016/02/15
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب