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

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

تا به حال پیش آمده که بخواهید مقاله ای در مورد یک محصول یا خدمات بنویسید و احتیاج داشته باشید، عکس های قبل و بعد را نشان دهید؟ احتمالا از نرم افزارهایی مثل فتوشاپ و … برای نمایش صحیح تصاویر کمک گرفته اید. اما وردپرس راه حل سریع تر و کم دردسرتری دارد. افزونه وردپرس 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

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

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

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

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

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

آیا مفید بود ؟