icon
می‌خوای از تخفیفات ویژه مطلع بشی؟
جشنواره‌ها و تخفیفات شگفت انگیز را از طریق اعلان به شما اطلاع می‌دیم.
ایکون
قالب اکسترا
130 سایت آماده شرکتی و فروشگاهی
فقط با 1,697,000 تومان
مشاهده و خرید
مجموعه مقالات وردپرس

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

تا به حال پیش آمده که بخواهید مقاله ای در مورد یک محصول یا خدمات بنویسید و احتیاج داشته باشید، عکس های قبل و بعد را نشان دهید؟ احتمالا از نرم افزارهایی مثل فتوشاپ و … برای نمایش صحیح تصاویر کمک گرفته اید. اما وردپرس راه حل سریع تر و کم دردسرتری دارد. افزونه وردپرس Twenty20 یا Twenty20 Image Before-After. که افزونه نمایش تصاویر قبل و بعد به صورت اسلایدی محسوب می شود.

2
07 آذر 1397
آخرین بروزرسانی: 17 دی 1403

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

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

افزونه وردپرس Twenty20 یکی از افزونه های وردپرس است که کار نمایش تصاویر قبل و بعد را بسیار راحت کرده است. به کمک Twenty20 Image Before-After می توانیم یک تصویر داشته باشیم که همزمان اثر قبل و بعد را به صورت اسلایدی، نشان دهیم. در این اسلاید دو نسخه مختلف از یک تصویر مشابه، در یک اندازه مشاهده می شود.

بیایید فیلم آموزشی ای که در این مورد تهیه شده است را با هم مشاهده کنیم.

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


آموزش بصورت تصویری و مرحله به مرحله هم برای شما آماده شده. امیدوارم لذت ببرید.

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

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

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

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

سپس روی دکمه insert کلیک کنید. در مرحله بعد، باید فیلدها را پر کنید. مثل محتوایی که بالای عکس های قبل و بعد نمایش داده می شود، عرض تصاویر، جهت کشویی و … .نمایش تصاویر قبل و بعد | نمایش تصاویر قبل و بعد بصورت اسلایدی

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

همینطور می توانید از ویجت Twenty20 استفاده کنید. چون در سایت شما فعال شده است. برای این کار، به نمایش > ابزارک ها مراجعه کنید. و به هر بخشی که تمایل دارید، انتقال دهید. برای مثال من از این ویجت در سمت چپ وبلاگ استفاده خواهم کرد.

افزونه Twenty20 | Twenty20 Image Before-After

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

نرگس جاویدان
نرگس جاویدان
نرگسم؛ عاشق یادگیری و کشف مسیرهای تازه‌ و با شوق در دنیای نوشتن قدم برمی‌دارم.
مقالات مرتبط
بنر
قرار دادن کد HTML در المنتور
در طراحی صفحات با المنتور، گاهی لازم است تا از کدهای سفارشی برای افزودن قابلیت‌ یا استایل‌ خاص استفاده کنیم. در چنین مواقعی، قرار دادن کد HTML در المنتور یکی از ساده‌ ترین روش‌هاست که به طراح اجازه می‌دهد بدون نیاز به افزونه‌های اضافی، عناصر دلخواه خود را اضافه کند. با این روش، می‌توان بخش‌هایی ...
بنر
ویرایش صفحه فروشگاه قالب وودمارت
در این مقاله، نحوه ویرایش و شخصی‌سازی صفحه فروشگاه در قالب WoodMart آموزش داده می‌شود تا ظاهر صفحه فرشگاه شما منحصر به‌ فرد و کاربرپسند شود. با استفاده از ابزارهای داخلی وودمارت و تنظیمات ووکامرس، می‌توانید فروشگاه آنلاین خود را سفارش سازی کنید.
بنر
آموزش استفاده از ویجت جستجو المنتور
ویجت جستجو المنتور ابزاری کارآمد برای افزودن فرم جستجوی حرفه‌ای به سایت‌های وردپرسی است. این مقاله به شما نحوه استفاده، تنظیمات و بهینه‌سازی این ویجت را به‌صورت گام‌به‌گام آموزش می‌دهد.
بنر
افزونه رنک مث چیست (مقایسه رنک مث با سایر افزونه‌ های برتر سئو)
افزونه رنک مث یکی از بهترین افزونه‌های سئو برای وردپرس است که با استفاده از این افزونه می‌توانید صفحات سایتتان را برای گوگل بهینه کنید.
2 دیدگاه
nazikoohi
nazikoohi
07 آذر 1397 11:38

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

آیا مفید بود ؟
0
فرزانه همتیان
فرزانه همتیان
07 آذر 1397 13:08

سلام. وقتتون بخیر ممنونم.
بله حقیقتا ویژگی جذابی به سایت اضافه می کنه. و از حجم کار سایت هایی که به درستی مثال زدین کم می کنه.

آیا مفید بود ؟