نیاز به ایجاد گالری تصاویر تب دار در Elementor ?

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

با Elementor, نیازی به نصب هیچ افزونه اضافی برای ایجاد یک گالری تصویر در وب سایت وردپرس خود قرار دهید. دو ابزارک برای ایجاد یک گالری تصاویر توسط Elementor ارائه شده است: Basic Gallery و Gallery.

ابزارک Basic Gallery - موجود در Elementor Free - به شما امکان می دهد یک گالری تصاویر اساسی ایجاد کنید در حالی که ابزارک Gallery به شما امکان می دهد یک گالری تصاویر پیشرفته تر ، از جمله گالری تصاویر تب دار ، ایجاد کنید.

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

نحوه ایجاد یک گالری تصاویر تب دار در Elementor

ویجت گالری در نسخه حرفه ای Elementor موجود است. بنابراین مطمئن شوید که Elementor خود را به نسخه حرفه ای ارتقا داده اید، اگر این کار را نکرده اید. مزایای زیادی وجود دارد که با استفاده از Elementor Pro از جمله توانایی ایجاد a تم وردپرس بدون کد نویسی

دفعات بازدید: نحوه ایجاد یک گالری تصاویر تب دار در Elementor

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

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

نحوه ایجاد یک گالری تصاویر تب دار در Elementor

زیر بلوک تنظیمات زیر زبانه محتوا، گزینه را تنظیم کنید نوع سور چندین.

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

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

یکی از موارد (برگه ها) را باز کنید. برچسب برگه را در قسمت مشخص کنید عنوان. برای انتخاب تصاویر مورد نظر جهت افزودن به برگه ، روی دکمه بعلاوه کلیک کنید.

تصاویر را از کتابخانه رسانه وردپرس خود انتخاب کنید. اگر یکی ندارید ، فقط آنها را بارگیری کنید. روی دکمه کلیک کنید ایجاد یک گالری جدید -> درج گالری برای افزودن گالری به برگه.

نحوه ایجاد یک گالری تصاویر تب دار در Elementor

سایر موارد (برگه ها) را باز کرده و مراحل فوق را تکرار کرده تا برچسب برگه را تنظیم کرده و تصاویر را اضافه کنید.

گالری را سفارشی کنید

پس از افزودن تصاویر به هر برگه ، می توانید گالری خود را سفارشی کنید. در بلوک تنظیمات، می توانید طرح ، ارتفاع ردیف ، فاصله بین تصاویر و اندازه تصویر را تنظیم کنید. همچنین گزینه ای برای فعال کردن ویژگی Lazy Load وجود دارد.

بلوک را باز کنید نوار فیلتر برای تعریف برچسب برگه اصلی (برگه "همه") ، نشانگر و انیمیشن.

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

اگر می خواهید عنوان و توضیحات را روی ماوس نمایش دهید ، باید تصویر مجزا را در گالری ویرایش کنید و پارامتری را که تعریف کردید (متن alt ، عنوان ، زیرنویس یا توضیحات) اضافه کنید.

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

تصویر

این بلوک به شما امکان می دهد رنگ حاشیه تصویر ، رنگ حاشیه نشانگر ، عرض حاشیه ، شعاع حاشیه ، فیلتر CSS و انیمیشن اشاره گر را تنظیم کنید.

نحوه ایجاد یک گالری تصاویر تب دار در Elementor

پوشش

این بلوک به شما امکان می دهد رنگ پوشش ، رنگ پوشش روی حالت شناور ، حالت مخلوط و انیمیشن شناور را تنظیم کنید.

محتوا

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

نوار فیلتر

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

می توانید این تنظیمات را دستکاری کنید تا زمانی که از نتیجه راضی نباشید. پس از اتمام ، روی دکمه کلیک کنید انتشار / به روزرسانی در پایین در پانل سمت چپ صفحه خود را منتشر یا به روز کنید.

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

نتیجه

اینجاست این برای این مقاله است که به شما نشان می دهد چگونه می توانید گالری تصاویر تب دار را در Elementor ایجاد کنید. اگر در مورد چگونگی رسیدن به آنجا نگرانی دارید fبه ما اطلاع دهید در نظر.

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

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

...