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

افکت گذاری تصاویر در وردپرس با افزونه 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 کلیک کنید >
هاست وردپرس پرسرعت لیموهاست - آپ تایم 99% - مخصوص وردپرس خرید هاست >
نحوه استفاده

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

مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=32331
کلمات کلیدی پست :
مطالب مرتبط
5,979افزونه ایجاد فرم و صفحات سفارشی در وردپرس Divi Overlays تاریخ : 2017/12/11
11,181ویجت نمایش آخرین ارسالی های اینستاگرام با افزونه InstaLink تاریخ : 2020/07/1
6,496ایجاد محدودیت ورود کاربر در وردپرس با افزونه WP Bouncer تاریخ : 2018/04/15
11,992افزونه اشتراک گذاری مطالب در شبکه های اجتماعی Social Warfare Pro تاریخ : 2020/06/8
6,401افزونه گالری بسیار کاربردی MediaBlender برای وردپرس تاریخ : 2013/12/10
2,692افزونه نمایش فید اینستاگرام و گالری تصاویر در وردپرس Instaberg تاریخ : 2021/02/16
3,908افزونه موافقت فعال سازی کوکی ها در وردپرس Cookie Consent تاریخ : 2019/08/29
5,904افزونه بزرگنمايي تصاوير محصولات برای ووکامرس تاریخ : 2016/11/25
3,500آموزش مهاجرت از فرم تماس ۷ به گرویتی فرم تاریخ : 2019/10/13
6,938افزونه رتبه بندی در افزونه یوزر پرو با User Rating نسخه 1.6 تاریخ : 2015/02/16
4,288افزونه پیشرفته سازی بخش جستجوی محصولات ووکامرس Woocommerce Sale Booster تاریخ : 2019/02/9
4,716ساخت اینفوگرافیک در وردپرس با افزونه Infogram تاریخ : 2019/12/5
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات