دوره جامع سئو وردپرس

تبلیغات
طراحی و بهینه سازیمشاهده


آخرین ارسال های تالار مشاهده انجمن
  • تغییرات در ترجمه 4 پاسخ 16 بازدید
  • بازنشدن منو 0 پاسخ 12 بازدید
  • آموزش روند فارسی سازی 11 پاسخ 94 بازدید
  • ▐ معرفی سایت های کاربردی و مفید ▐ 2 پاسخ 249 بازدید
  • نصب همه دمو ها 0 پاسخ 9 بازدید
  • درخواست اسکریپت تغییر تگ آنلاین موزیک 2 پاسخ 32 بازدید
  • ثبت نظر 1 پاسخ 21 بازدید
  • درخواست افزونه ای جهت منو دسته بندی برای ووکامرس 4 پاسخ 133 بازدید
  • مشکل با ووکامرس و نمایش قیمت اجباری 0 پاسخ 27 بازدید
  • دسترسی کاربران 0 پاسخ 23 بازدید
  • هاست

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


    جای تبلیغ متنی


    مطلب مفیدی بود ؟
    نویسنده : mohammad 0 افزونه ها , افزونه وردپرس

    لینک کوتاه مطلب : https://www.20script.ir/?p=46943

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    9,211افزونه وردپرس بازی آنلاین Online Games تاریخ : 1395/06/8
    4,402افزونه مترجم وب سایت به صورت آژاکس برای وردپرس تاریخ : 1395/08/13
    2,128افزونه مدیریت ابزارک های وردپرس Extended Widget Options تاریخ : 1396/10/5
    2,628ایجاد نمودار های حرفه ای در وردپرس با افزونه Visualizer Pro تاریخ : 1397/05/3
    2,522افزونه وردپرس مدیریت بیمارستان Hospital Management تاریخ : 1396/11/13
    1,644تخفیف به ازای اشتراک‌گذاری در ووکامرس با افزونه YITH WooCommerce Share for Discounts تاریخ : 1397/06/4
    18,363افزونه ارسال اتوماتیک مطلب WP Robot نسخه 4.10 تاریخ : 1393/09/7
    2,340ساخت دکمه های دلخواه در وردپرس با افزونه Mango Buttons تاریخ : 1396/11/25
    1,820ایجاد صورت‌حساب در ووکامرس با افزونه YITH WooCommerce PDF Invoice تاریخ : 1397/06/14
    1,584ارائه کد تخفیف به ازای نقد و بررسی کاربران در ووکامرس با YITH WooCommerce Review for Discounts تاریخ : 1397/06/6
    2,356افزونه شمارش معکوس وردپرس Uji Countdown تاریخ : 1397/05/20
    4,144فعال‌سازی گواهی SSL در وردپرس با افزونه Really Simple SSL تاریخ : 1397/08/3
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب