تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
باز نشدن سایت با موبایل 0 پاسخ 322 بازدید سرعت پایین سایت 1 پاسخ 400 بازدید مخفی کردن یک دسته بندی 0 پاسخ 416 بازدید عدم نمایش منو در وردپرس 0 پاسخ 437 بازدید راهنمایی در راستچین سازی 4 پاسخ 1744 بازدید لینکدهی اینستاگرام و تلگرام 6 پاسخ 3662 بازدید فروش دامنه 0 پاسخ 667 بازدید طراحی سایت 0 پاسخ 633 بازدید 5 ارز دیجیتال برتر برای سرمایه گذاری در سال 2021 0 پاسخ 1337 بازدید درخواست نسخه جدید افزونه ElementsKit Pro 4 پاسخ 2619 بازدید

تبلیغات
تبلیغات تبلیغات

افکت گذاری تصاویر در وردپرس با افزونه 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

 

موفق باشید.

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


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

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

مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=32331
کلمات کلیدی پست :
مطالب مرتبط
4,269افزونه تغییر نام کاربری در وردپرس تاریخ : 2014/07/29
2,928افزونه مدیریت نمایش انواع محتوا در وردپرس Content Manager تاریخ : 2018/10/17
3,872افزونه پیشنهاد کلمات کلیدی قوی برای محتوای وردپرس WordPress Longtail Keyword SEO تاریخ : 2019/03/16
3,468افزونه وارد کردن ویدئو در وردپرس WordPress Video Robot تاریخ : 2018/09/25
10,326افزونه ی فارسی کپچای ریاضیاتی برای وردپرس تاریخ : 2014/08/4
6,620افزونه اسلایدر حرفه ای وردپرس Soliloquy + افزودنی ها تاریخ : 2019/03/21
7,684افزونه آژاکسی ساز بخش دیدگاه های وردپرس تاریخ : 2014/08/4
8,412پوشه بندی رسانه وردپرس با افزونه پیشرفته FileBird تاریخ : 2020/08/4
1,944افزونه آفلود رسانه های وردپرس Leopard تاریخ : 2020/08/30
5,504قابلیت درخواست بازگشت وجه در ووکامرس با افزونه YITH Advanced Refund System تاریخ : 2018/07/13
3,547افزونه دکمه های اشتراک گذاری سریع مطالب Ultimate Social تاریخ : 2017/10/17
16,157تغییر استایل فرم تماس وردپرس با افزونه Contact Form 7 Style تاریخ : 2017/06/6
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات
تبلیغات