ایکون
قالب اکسترا
120 وبسایت آماده شرکتی و فروشگاهی
فقط با 1,378,000 تومان
مشاهده و خرید
مجموعه مقالات وردپرس

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

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

2
07 آذر 1397
آخرین بروزرسانی: 21 اسفند 1402

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

محبوبه حیدری | مدیر سئو
محبوبه حیدری | مدیر سئو
من محبوبم، کارشناسی ارشد مدیریت IT دارم و بیشتر از 5 ساله که تخصصی وردپرس و سئو کار می‌کنم. معتقدم که هیچ چیز نشدنی وجود نداره؛ فقط استقامت و تلاش میخواد.
مقالات مرتبط
بنر
آموزش قالب وودمارت؛ آموزش صفر تا صد طراحی فروشگاه
قالب وودمارت یک راه حل قدرتمند برای طراحی یک فروشگاه اینترنتی است. این قالب با انعطاف پذیری بالا، مجموعه ویژگی‌های غنی و رابط کاربری بصری، به شما این امکان را می‌دهد تا فروشگاه رویایی خود را به راحتی راه اندازی کنید. در این مقاله، آموزش قالب وودمارت را شروع و شما را با جنبه های مختلف این قالب ...
بنر
آموزش گام به گام بسته نصب آسان در لوکال هاست
اگر در لوکال هاست وب سایت خود را راه اندازی کنید می توانید یکباره وب سایت خود را به هاست منتقل کنید. یعنی بدون آنکه نیاز به هاست و دامنه داشته باشید، سایت را بدون استرس و نگرانی راه اندازی می کنید  و پس از مطمئن شدن از همه تغییرات دلخواهتان، آن را به هاست اصلی انتقال می دهید. همچنین در مصرف ...
بنر
آموزش نصب و فعالسازی ioncube در زمپ
ionCube Loader ماژولی است که برای اجرای فایل های رمزگذاری شده روی سرور نصب می شود. نصب و فعالسازی ioncube به سادگی انجام می شود. در صورت فعال نبودن ionCube شما با خطا مواجه می شوید. اما راهکار ساده رفع این خطا نصب ionCube در کمتر از چند دقیقه است که در ادامه به توضیح آن به صورت ویدئویی می پردازیم.
بنر
آموزش نصب آسان قالب وردپرس در Cpanel
شاید شما هم این جمله را شنیده باشید. در کم تر از 10 دقیقه سایت وردپرس خود را نصب کنید. در نگاه اول به نظرتان این جمله فقط یک تبلیغ برای جذب مخاطب به نظر می‌رسد اما کاملا درست است. کافی است از بسته نصب آسان وردپرس استفاده کنید تا سایت شما در کم تر از 10 دقیقه، روی هاست نصب شود. با هم نصب قالب ...
2 دیدگاه
nazikoohi
nazikoohi
07 آذر 1397 11:38

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

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

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

آیا مفید بود ؟