اسلایدر حالت قبل و بعد در وردپرس با افزونه وردپرس Twenty20

اسلایدر حالت قبل و بعد در وردپرس با افزونه Twenty20

در این مقاله، ما به شما اسلایدر حالت قبل و بعد در وردپرس را آموزش می دهیم.
می خواهید حالت قبل و بعد عکس ها را در وبسایت تان نشان دهید؟

حالت قبل و بعد یک تصویر می تواند برای نمایش دادن مقایسه دو تصویر مشابه با تفاوت های جزئی مفید باشد.

چگونه افکت قبل و بعد از عکس کار میکند؟

به طور معمول مردم از فتوشاپ برای ایجاد تغییر قبل و بعد تصویر استفاده میکنند.

در این حالت شما یک تصویر دارید که حالت های قبل و بعد را در تصویر نشان می دهد.

اما با این افزونه می‌توانید دو حالت متفاوت یک تصویر شبیه را نمایش دهید.

بیایید نگاهی به چگونگی نشان دادن حالت قبل و بعد در وردپرس بیاندازیم.

اسلایدر حالت قبل و بعد در وردپرس

اولین چیزی که باید انجام دهید این است که Twenty20 Image Before-After Plugin را نصب و فعال کنید.

پس از فعال سازی، شما باید یک صفحه یا پست را در بخش مدیریت وردپرس خود

که می خواهید اسلایدر حالت قبل و بعد نمایش نشان داده شود، ایجاد یا ویرایش کنید.

سپس روی دکمه Add Twenty20 در بالای ویرایشگر متن کلیک کنید.

اسلایدر حالت قبل و بعد در وردپرس با افزونه Twenty20

کتابخانه رسانه وردپرس در پنجره باز می شود. از گالری شما باید دو عکس را برای حالت قبل و بعد اسلایدر انتخاب نمایید.

اسلایدر حالت قبل و بعد در وردپرس با افزونه Twenty20

هنگامی که تصاویر انتخاب شدند، روی دکمه Insert کلیک کنید.

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

شما همچنین می توانید طول اسلایدر، مقدار حاشیه، جهت اسلایدر و غیره را تنظیم کنید.

اسلایدر حالت قبل و بعد در وردپرس با افزونه Twenty20

پس از آن، بر روی دکمه Insert Shortcut کلیک کنید.

تا اسلایدر حالت قبل و بعد در وردپرس را در صفحه خود اضافه کنید.

همچنین شما می توانید ابزارک افزونه Twenty20 را برای نمایش حالت قبل و بعد عکس در سایدبار وردپرس تان استفاده کنید.

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

سپس ابزارک Twenty20 Slider را در ناحیه ابزارک سایدبار خود بکشید.

اسلایدر حالت قبل و بعد در وردپرس با افزونه Twenty20

ابزارک Twenty20 Slider دارای تنظیمات مشابه برای حالت قبل و بعد عکس است که در ابتدای آموزش گفته شد.

شما می توانید 2 تصویر را یکی یکی در تنظیمات ابزارک برای ایجاد حالت قبل و بعد در وردپرس انتخاب کنید.

هم اکنون می توانید از وبسایت خود دیدن نمایید تا اسلایدر حالت قبل و بعد در وردپرس را در عمل ببینید.

اسلایدر حالت قبل و بعد در وردپرس با افزونه Twenty20

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

کاربران میتوانند تمام لغزنده را به سمت راست یا چپ ببرند تا قبل و بعد از تصویر کامل شود.

 

این افزونه با محبوب ترین سازندگان صفحات وردپرس مانند Beaver Builder و Elementor کار می کند.

تا اسلایدر حالت قبل و بعد در وردپرس در صفحات وب سایت تان بدون استفاده از کد کوتاه (shortCode) و به سرعت نشان داده شود.

امیدواریم که این مقاله به شما کمک کند تا چگونگی نمایش حالت قبل و بعد عکس در وردپرس را یاد بگیرید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *