این نوشته قسمت 8 از مجموع 8 در سری آموزش کامل ویژوال کامپوزر می باشد

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

 

بررسی المان گالری تصاویر در افزونه ویژوال کامپوزر

با استفاده از المان گالری تصاویر یا Image gallery، می توانید اسلایدر های حرفه ای و زیبایی ایجاد کنید.

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

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

 

جهت افزودن المان گالری تصاویر یا Image gallery به صورت زیر عمل کنید:

  1. برای ایجاد صفحه ای جدید، طبق مقاله ایجاد صفحه سفارشی در کامپوزر عمل کنید.
  2. بر روی علامت + کلیک کنید تا صفحه حاوی المان های ویژوال کامپوزر باز شود.
  3. در این مرحله بر روی المان گالری تصاویر کلیک کنید تا به صفحه افزوده شود.

 

انتخاب المان گالری تصاویر

 

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

 

پنل تنظیمات المان گالری تصاویر

 

بررسی تب عمومی پنل تنظیمات المان گالری تصاویر یا Image gallery

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

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

چرخش خودکار: در این قسمت شما می توانید ترتیب عوض شدن عکس ها را بر حسب ثانیه تعیین کنید که به صورت پیش فرض روی 3 ثانیه قرار داد.

آدرس تصویر: می توان از دو روش “کتابخانه رسانه ها” و “لینک خارجی” تصاویر خود را اضافه کنید.

کتابخانه رسانه ها: در این روش عکس های مورد نظر را در هاست خود آپلود کرده و در اسلایدر قرار می دهید.

لینک خارجی: در روش لینک خارجی، شما می توانید آدرس و لینک های مستقیم عکس مورد نظر را در کادر وارد کرده و از این طریق به اسلایدر خود عکس اضافه کنید.

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

سایز تصاویر: سایز تصاویر مورد نظر در این قسمت قابل تغییر است که به صورت پیش فرض روی thumbnail قرار دارد.

نکته1: بهتر است سایز عکس را روی مقدار full تنظیم کنید تا عکس ها در اندازه اصلی خود نمایش داده شوند.

نکته2: سعی کنید عکس های انتخابی همواره به یک اندازه باشند زیرا رعایت این امر در زیبایی گالری بسیار موثر است.

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

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

CSS متحرک: امکان اعمال افکت های CSS به گالری را فراهم می آورد.

توصیه می شود افکت های CSS را روی گالری تصاویر اعمال نکنید.

آی دی و کلاس اضافی: در صورتی که قصد دارید استایل ویژه ای بر روی المان گالری خود اعمال کنید، می توانید از طریق ID و  Classاین کار را انجام دهید.

افزونه صفحه ساز ویژوال کامپوزر WPBakery Page Builder – قسمت هفتم – المان تصویر تکی
پیشنهاد می کنیم برای دریافت آخرین مطالب کانال تلگرام کانی تمزرا دنبال کنید .