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

افکت گذاری تصاویر در وردپرس با افزونه 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
کلمات کلیدی پست :
مطالب مرتبط
8,415افزونه وردپرس افزودن دکمه برگشت به بالا Smart Scroll Top تاریخ : 2017/02/13
6,372افزودن دکمه اسکرول به بالا در وردپرس با افزونه WP To Top تاریخ : 2018/04/30
13,157افزونه وردپرس ایجاد کتاب های الکترونیک Responsive FlipBook تاریخ : 2015/05/5
8,190افزونه سئو حرفه ای وردپرس 1Click WP SEO نسخه 4.0.4 تاریخ : 2016/01/10
9,940افزونه اسلایدر Kento Testimonial Slider برای وردپرس تاریخ : 2014/07/22
8,770افزونه مترجم وب سایت به صورت آژاکس برای وردپرس تاریخ : 2016/11/3
11,653افزونه شخصی سازی و افزایش امکانات بی بی پرس GD bbPress Toolbox Pro تاریخ : 2018/06/1
7,928افزونه وردپرس کوتاه کردن لینک مطالب Pretty Link Lite تاریخ : 2017/04/3
10,260راه اندازی سیستم آموزش آنلاین در وردپرس با افزونه WP Courseware تاریخ : 2018/08/11
17,072افزونه وردپرس بررسی فایل های مخرب Sucuri Security تاریخ : 2018/04/22
29,598افزونه ترجمه پوسته ها و افزونه های وردپرس Loco Translate تاریخ : 2016/03/31
5,176وردپرس و محدود کردن بایگانی آن تاریخ : 2018/11/10
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file
تبلیغات