چگونه یک آکاردئون تصویر را به صفحه المنتور اضافه کنیم

آیا می خواهید آکاردئونی از تصاویر را به یک صفحه اضافه کنید Elementor ?

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

اگر واقعاً می‌خواهید یک آکاردئون تصویری اضافه کنید، می‌توانید یک افزونه یا افزونه که با ویجت آکاردئون تصویر همراه است نصب کنید. یکی از افزونه هایی که می توانید نصب کنید این است JetTabs.

JetTabs یک افزونه است Elementor عضو خانواده JetPlugins، مجموعه ای از افزونه های Elementor که توسط Crocoblock توسعه یافته است. JetTabs دارای چهار ویجت است: Swicter، Tabs، Image Accordion و Classic Accordion.

نحوه اضافه کردن آکاردئون تصویر در المنتور با JetTabs

قبل از شروع، مطمئن شوید که افزونه JetTabs را نصب و فعال کرده اید. شما می توانید این افزونه را تنها با 23 دلار در سال دریافت کنید. همچنین، می‌توانید JetTabs را با یک گزینه خرید یک‌باره از طریق بسته تم Jupiter X یا Monstroid2 دریافت کنید.

دفعات بازدید: نحوه ایجاد یک منوی پیمایش یک صفحه در Elementor

هنگامی که آماده شدید، یک صفحه جدید (صفحات -> افزودن جدید) یا یک پست جدید (پست ها-> افزودن) ایجاد کنید و آن را با Elementor ویرایش کنید. البته می توانید یک صفحه یا پست موجود را نیز ویرایش کنید.

در ویرایشگر Elementor، ویجت Image Accordion را از پانل ویجت به ناحیه ویرایش بکشید.

هنگامی که ویجت Image Accordion اضافه شد، به پنل سمت چپ بروید تا آن را سفارشی کنید. به طور پیش فرض، آکاردئون از سه عنصر تشکیل شده است. برای افزودن یک تصویر به هر عنصر، کافی است یک عنصر را در زیر بلوک Elements باز کنید و بر روی انتخابگر تصویر کلیک کنید. همچنین می توانید عنوان، توضیحات و پیوند دکمه مورد را تنظیم کنید.

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

بلوک را باز کنید تنظیمات زیر زبانه محتویات برای تنظیم جهت (عمودی یا افقی)، اندازه عنصر فعال، مدت زمان پویانمایی و سبک افکت آسان.

سبک سازی آکاردئون

برای سبک آکاردئون خود، می توانید به زبانه دسترسی داشته باشید سبک در پنل سمت چپ 7 بلوک وجود دارد که می توانید برای استایل دادن به آکاردئون باز کنید. در بلوک اول (بلوک Container) می توانید ارتفاع آکاردئون، رنگ پس زمینه، شعاع حاشیه و سایه را تنظیم کنید.

در بلوک آیتم، می‌توانید فاصله بین آیتم‌ها، رنگ پس‌زمینه مورد، شعاع حاشیه آیتم و سایه کادر آیتم را تنظیم کنید.

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

هورا.

اکنون Elementor Pro را دریافت کنید!!!

نتیجه

اینجا ! این برای این مقاله است که به شما نشان می دهد چگونه یک آکاردئون تصویر را به صفحه Elementor اضافه کنید. اگر در مورد نحوه رسیدن به آنجا نگرانی دارید، به ما اطلاع دهید نظر.

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

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.

...