تخفیف

سبد خرید

نمایش خلاصه ای از خرید هایی که شما انجام خواهید داد

مبلغ کل
0
تسویه حساب
سبد خرید خالی می باشد

آموزش نمایش تصویر قبل و بعد در وردپرس
امین صفرپور
امین صفرپور
تعداد کل دانلود ها : 1283084
تعداد کل مطالب : 1858

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

تعداد دانلود:
0
تعداد بازدید:
1092
تاریخ:
دسته بندی:

هشتگ ها :

#

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

 

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

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

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

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

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

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

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

دکمه twenty20 را اضافه کنید

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

قبل از بعد از تصاویر

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

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

قبل از عکس کوتاه وارد کنید

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

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

ویجت نوار کناری برای قبل و بعد از عکس

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

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

قبل و بعد از عکس

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

اسلاید قبل و بعد از تصویر

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

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

محصولات مشابه فروشی
هشتگ ها :

این محصول بدون نظر می باشد شما میتوانید اولین نظر را ثبت کنید

ارسال نظر

آخرین های مشابه مشاهده بیشتر

  • تلفن : 04136383693
  • پیامک : 500020606688
  • آدرس : آذربایجان شرقی، تبریز، شهرک مصلی، خیابان راجی، راجی 4، کوچه بیست هشتم، قطعه 1339، طبقه چهارم

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

  • logo-samandehi