آموزش نمایش تصویر قبل و بعد در وردپرس

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

چگونه کارهای قبل و بعد از اثر عکس انجام می شود؟

به طور معمول مردم از فتوشاپ برای ایجاد تصویر قبل و بعد استفاده می کنند. این یک عکس واحد است که نشان می دهد قبل / بعد از اثرات، و شما می توانید آن را به عنوان یک تصویر ثابت در وب سایت وردپرس خود اضافه کنید.

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

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

نمایش پیش و پس از عکس در وردپرس

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

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

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

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

بعد، فیلدهای متنی را برای اضافه کردن محتوا در بالای عکس قبل و بعد نمایش می دهد. شما همچنین می توانید عرض را برای لغزنده، مقدار افست، جهت کشویی و غیره اضافه کنید.

پس از آن، بر روی دکمه Insert Shortcut کلیک کنید تا قبل و بعد از عکس در صفحه وردپرس خود اضافه کنید.

شما همچنین می توانید ویجت تصویر Twenty20 را برای نمایش قبل و بعد از عکس در نوار کناری وردپرس خود استفاده کنید. به سادگی به قسمت « ظاهر» بخش ابزارک در وردپرس خود بروید و سپس ویجت Twenty20 Slider را در ناحیه ویجت نوار کناری خود بکشید.

ویجت Twenty20 Slider دارای تنظیمات مشابه برای عکس قبل و بعد است که ما در بالا در این راهنما به اشتراک گذاشته ایم. شما می توانید 2 تصاویر را یک به یک در تنظیمات ویجت برای ایجاد قبل و بعد از کشویی عکس را انتخاب کنید.

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

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

این پلاگین با محبوب سازندگان صفحات وردپرس مانند Beaver Builder و Elementor کار می کند تا به سرعت قبل و بعد از عکس در صفحات وب سایت خود بدون استفاده از کد کوتاه، نشان دهد .

ما امیدواریم که این مقاله به شما کمک کند یاد بگیرید که چگونه قبل و بعد از عکس در WordPress نشان داده شود.