برای نوع خاصی از کسب و کار مانند یک سرویس ویرایش عکس، افزودن مقایسه تصویر می تواند ابزار مفیدی برای توصیف خدمات شما باشد. می توانید مقایسه تصویر را به صفحه اصلی، صفحه فرود یا هر صفحه ای که در آن درباره خدماتی که ارائه می دهید صحبت می کنید اضافه کنید.
Elementor در واقع هیچ ویجت یا قابلیتی برای افزودن مقایسه تصویر ارائه نمی دهد، اما می توانید آن را با استفاده از یک افزونه دریافت کنید. ماژول های اضافی وجود دارد Elementor که ویجتی را برای افزودن مقایسه تصویر ارائه می دهد. که سه تای آن عبارتند از: افزودنیهای ضروری, افزونه های مبارک، و JetElements.
در این مقاله به شما نشان خواهیم داد که چگونه مقایسه تصاویر را در آن اضافه کنید Elementor با استفاده از JetElements
JetElements خود یک افزونه ممتاز برای Elementor است که توسط Crocoblock توسعه یافته است. این بخشی از خانواده JetPlugins است. این افزونه با ویجتی به نام ارائه می شود مقایسه تصاویر که می توانید برای افزودن مقایسه تصویر به صفحه Elementor استفاده کنید.
نحوه اضافه کردن مقایسه تصویر در المنتور
قبل از شروع مطمئن شوید که افزونه JetElements را نصب و فعال کرده اید. اگر با المنتور تازه کار هستید، می توانید مقاله قبلی ما را برای یادگیری بخوانید نحوه استفاده از Elementor.
ما مستقیماً ویجت را اضافه می کنیم مقایسه تصاویر در این مقاله.
قبل از شروع، می توانید دو تصویر را برای مقایسه آماده کنید. برای مثال می توانید یک تصویر قبل و یک تصویر بعد تهیه کنید. پس از آماده شدن، کافی است ویجت را بکشید مقایسه تصاویر در کادر ویرایش Elementor.
به طور پیش فرض، ویجت JetElements Image Compare دو مقایسه تصویر ایجاد می کند. اگر فقط نیاز به ایجاد یک مقایسه تصویر دارید (دو تصویر برای مقایسه)، می توانید یکی از مقایسه های تصویر موجود را حذف کنید.
دفعات بازدید: Elementor: چگونه انیمیشن Lottie را اضافه کنیم
برای افزودن تصویر قبل و بعد، مقایسه تصویر موجود (با کلیک بر روی آن) را باز کنید تا آن را ویرایش کنید محتویات. به سادگی تصویر قبلی را انتخاب کنید قبل از تصویر بخش را انتخاب کنید و تصویر بعد از آن را انتخاب کنید بعد از عکس بخش. همانطور که می بینید، می توانید برچسب های هر بخش را نیز لغو کنید.
پس از تکمیل انتخاب تصاویر، می توانید بلوک را باز کنید تنظیمات برای تنظیم موقعیت شروع جداکننده. اگر می‌خواهید بیش از یک تصویر مقایسه کنید، می‌توانید تنظیمات چرخ فلک را تنظیم کنید.
سپس می توانید با جابجایی به برگه، مقایسه تصویر خود را سبک دهید سبک. شما می توانید پنج بلوک تنظیم را برای استایل مقایسه تصویر خود باز کنید. اما اگر فقط نیاز به اضافه کردن مقایسه تصویر دارید، فقط باید سه بلوک اول را باز کنید.
- عمومی
می‌توانید این بلوک را برای تنظیم padding، shadow، نوع حاشیه و شعاع حاشیه باز کنید.
- برچسب
می توانید این بلوک را برای برچسب های مقایسه سبک (برچسب "قبل" و "بعد") باز کنید. می توانید مواردی مانند تراز افقی، تراز عمودی، رنگ متن، رنگ پس زمینه، تایپوگرافی (خانواده فونت، سبک فونت، اندازه فونت) و غیره را تنظیم کنید.
- دسته
می توانید این بلوک را برای استایل کردن دسته باز کنید. می توانید مواردی مانند تراز دسته، عرض کنترل، ارتفاع کنترل، رنگ دسته (چه حالت عادی یا در حالت شناور) و غیره را تنظیم کنید.
اگر بیش از یک مقایسه تصویر اضافه کنید، می توانید بلوک ها را نیز باز کنید فلش های چرخ فلک et نقطه چرخ فلک به شکل دادن به فلش ها و نقاط ناوبری.
خودشه. می توانید روی دکمه کلیک کنید انتشار دهنده / به روز رسانی برای انتشار پس از اتمام ویرایش صفحه خود را ویرایش کنید.
اکنون Elementor Pro را دریافت کنید!!!
نتیجه
اینجا ! این برای این مقاله است که به شما نشان می دهد چگونه مقایسه تصاویر را در المنتور اضافه کنید. اگر در مورد نحوه رسیدن به آنجا نگرانی دارید، به ما اطلاع دهید نظر.
با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.
اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.
...
