تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
کمک در گریویتی 1 پاسخ 320 بازدید قالب سون مگ 16 پاسخ 1163 بازدید سفارش نصب اسکریپت xfilesharing 1 پاسخ 45 بازدید تغییر وضعیت خودکار سفارش ها از انجام شده به درحال پردازش 0 پاسخ 83 بازدید All In One SEO Pack Pro 5 پاسخ 545 بازدید طراحی سایت با وردپرس 0 پاسخ 1747 بازدید طراحی سایت ریسپانسیو 1 پاسخ 485 بازدید خرید ارز ترون در بیت مهر 0 پاسخ 192 بازدید ووچر پرفکت مانی چیست 0 پاسخ 204 بازدید سایت شرط بندی فوتبال تاینی بت 0 پاسخ 215 بازدید

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

افکت تصاویر در گوتنبرگ با افزونه Image Hover Effects Block for Gutenberg

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

قبلا درباره اینکه ویرایشگر گوتنبرگ چیست توضیح دادیم. می‌دانید که گوتنبرگ یک ویرایشگر وردپرسی هست که به نسخه ۵ وردپرس اضافه شده تا مدیران سایت‌ها بتوانند بهتر و سریعتر تولید محتوای سایتشان را انجام دهند.

 

افکت تصاویر در گوتنبرگ با افزونه Image Hover Effects Block for Gutenberg

 

اما این افزونه مثل هم ویژوال کامپوزر افزودنی‌هایی دارد که می‌توانید با استفاده از آن‌ها امکانات جدیدی به این ویرایشگر عالی اضافه کنید. یکی از این افزونه‌های مکمل گوتنبرگ، افزونه Image Hover Effects Block for Gutenberg هست که در این مقاله این افزونه را معرفی خواهیم کرد و همچنین نحوه کار با آن را به شما توضیح خواهیم داد.

 

افکت تصاویر در گوتنبرگ

برای قرار دادن افکت تصاویر در گوتنبرگ باید از افزونه استفاده کنید. یکی از افزونه‌‌هایی که ویژگی‌‌های زیادی دارد و به شما در این زمینه کمک می‌‌کند افزونه‌‌ی رایگان Image Hover Effects Block for Gutenberg می‌‌باشد. این افزونه دارای افکت‌‌های بسیار متنوعی برای تصاویر است و کار شما را برای قرار دادن hover روی تصاویر در گوتنبرگ بسیار ساده و راحت می‌‌سازد.

از جمله ویژگی‌‌های اصلی این افزونه می‌‌توان به موارد زیر اشاره نمود:

  • امکان سفارشی‌‌سازی راحت گزینه‌‌ها
  • دارای 40 افکت برای تصاویر Hover
  • در تمامی افکت‌‌ها حالت مربع و دایره موجود است
  • امکان متمرکز کردن متن به‌‌صورت افقی
  • امکان کنترل کردن فاصله بین متن‌‌ها
  • به‌‌راحتی فاصله بین عناصر را کنترل کنید

با استفاده از این پلاگین بلوک وردپرس، شما می‌‌توانید عنوان و توضیحات خود را با انیمیشن‌‌های ورودی بسیار متنوعی نشان دهید.

 

آموزش کار با Image Hover Effects Block for Gutenberg

افزونه‌ را دانلود و در پوشه‌‌ی wp-content / plugins / اضافه کنید و آن را فعال کنید (به‌‌طور پیش‌‌فرض باید این پلاگین را از طریق کنسول مدیریت WP نصب کنید). از آموزش نصب افزونه در وردپرس استفاده کنید.

 

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

 

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

 

روی آیکون + کلیک کنید و بعد از آن آیکون وارد کردن Image Hover Effects block را انتخاب کنید.

 

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

 

عالیه! شما در یک دقیقه بخش Image Hover را اضافه کرده‌‌اید. حالا با استفاده از این روند می‌‌توانید روی تصاویر گوتنبرگ Hover قرار دهید.

 

امیدواریم این مقاله به شما برای اضافه کردن افکت به تصاویر سایت کمک کرده باشد. موفق باشید

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


هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=46943
کلمات کلیدی پست :
مطالب مرتبط
21,813افزونه مدیریت پروژه در وردپرس CQPIM نسخه 3.2.5 تاریخ : 2018/02/4
3,276ایجاد گالری عکس و ویدیو به سبک گرید در وردپرس با افزونه Famous تاریخ : 2018/10/16
5,806افزونه قالب ساز وردپرس Toolset Layouts تاریخ : 2018/01/11
12,174افزونه ایجاد کردن گالری عکس یا آلبوم Envira Gallery برای وردپرس تاریخ : 2016/05/13
2,796اضافه کردن امکانات بیشتر به ویرایشگر وردپرس با افزونه WordPress Editor تاریخ : 2019/11/26
10,496افزونه تقویم رویدادهای وردپرس Events Calendar Pro نسخه 4.4.20 تاریخ : 2017/12/21
9,247افزونه ساخت فرم های حرفه ای با Ninja Forms برای وردپرس تاریخ : 2015/11/5
4,666ساخت لیست ایمیل در وردپرس با افزونه Hello Bar تاریخ : 2018/01/28
1,792ویرایش دسته جمعی در وردپرس با افزونه WordPress Advanced Bulk Edit تاریخ : 2019/09/1
2,832غیرفعال کردن همه افزونه ها بدون ورود به wp-admin تاریخ : 2020/08/8
2,380مدیریت عملکرد مشتریان در ووکامرس با افزونه WP Infusionsoft WooCommerce تاریخ : 2020/05/9
2,952مدیریت همزمان چند سایت وردپرس با افزونه ManageWP Worker تاریخ : 2018/09/24
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
تبلیغات
تبلیغات
تبلیغات