ساخت اسلایدر در وردپرس با افزونه layer slider

استفاده از اسلایدر در وب سایت و صفحات مختلف وب، باعث زیبایی در چهره وب‌سایت می‌شود که می‌تواند تاثیر زیادی بر ذهن مخاطب و بازدید‌کنندگان بگذارد. امروزه در وب سایت های بسیار زیادی از اسلایدر استفاده می‌شود که به صورت تمام عرض و معمولا در بالای صفحات وب سایت قرار می‌گیرد.

در وب سایت های وردپرسی هم نیز به همین منوال بوده و وب مستران زیادی با روش های مختلفی در وب سایت خود از اسلایدر نیز استفاده می‌کنند. اسلایدر انواع مختلفی و با ویژگی‌های مختلفی دارد. برای ساخت آن در سیستم وردپرس روش های گوناگونی نیز وجود دارد. یکی از روش هایی که می‌توان با کمک آن در وردپرس اسلایدری ایجاد نمود، استفاده از پلاگین و افزونه های ایجاد اسلایدر است.

‌

‌

در مخزن وردپرس افزونه های فراوانی برای این کار وجود دارد و هر افزونه نیز امکانات و ویژگی‌های خاص خود را دارد. افزونه layer slider یکی از بهترین و کامل‌ترین افزونه های ایجاد اسلایدر وردپرس است که امکانات فراوانی در این رابطه به کاربران خود ارائه می‌دهد.

قصد داریم در این مقاله به معرفی افزونه layer slider و آموزش ایجاد یک اسلایدر با این افزونه بپردازیم.

‌

معرفی افزونه layer slider

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

افزونه لایر اسلایدر در بین رقیبان خود از امکانات حرفه‌ای و فراوانی برخوردار است که توانسته خود را بین آنان از همه بالاتر ببیند. با کمک این افزونه می‌توان اسلایدر‌های دو بعدی و سه بعدی با ویژگی‌ها و استایل‌های متفاوتی ایجاد کنید.

‌

‌

برخی از ویژگی‌های این افزونه را به صورت تیتر وار اشاره می‌کنیم:

• راحتی و سادگی کار با افزونه
• طراحی کاملا واکنش‌گرا
• کد نویسی بهینه و استاندارد
• المان‌های فراوان جهت ایجاد اسلایدر
• هماهنگی کامل با افزونه ووکامرس
• دارای بیش از سیزده قالب پیش فرض
• امکان استفاده از تصاویر و ویدئو در اسلایدر
• عدم محدودیت در ایجاد اسلایدر با افزونه
• امکان استفاده از افکت‌های مختلف برای ایجاد متن در اسلایدر

و ویژگی‌های دیگری که با نصب این افزونه می‌توانید از آن برخوردار شوید.

‌‌

آموزش افزونه layer slider

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

پس از فعال‌سازی افزونه layer slider در پیشخوان وردپرس بخش جدیدی با عنوان layer slider به وجود می آید. در layer slider در پیشخوان وردپرس نیز چندین بخش وجود دارد که در ادامه همین مقاله به بررسی آن‌ها خواهیم پرداخت.

‌

تنظیمات افزونه layer slider

در ابتدا آموزش این افزونه بر روی بخش Global settings کلیک می کنیم که پس از باز شدن این بخش با ۴ قسمت مواجه می شوید.

‌

General Settings

اولین قسمت یا بخش Global settings بخش general setting است که همان‌گونه از نامش پیداست مربوط به پیکربندی یا تنظیمات عمومی و اصلی افزونه است.

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

‌

‌

Text layer options

دومین قسمت در Global settings قسمت Text layer options است. در این قسمت می‌توانید تنظیماتی را اعمال نمایید که مربوط به متن‌های استفاده شده در اسلایدر است.

در این بخش می توانید

• چگونگی نمایش متن
• فاصله یا margin متن ها از ۴ طرف
• اندازه و سپس رنگ متن
• رنگ بک‌گراند متن و رنگ و سایز تصویر زمینه متن را به صورت پیش فرض تعیین نمایید.

‌

‌

Image layer slider

بخش بعدی که در تنظیمات این افزونه با عنوان روبرو هستیم Image layer slider است که مربوط به تنظیمات تصاویری است که قرار است بر روی تصویر زمینه مشخص شده اسلایدر قرار بگیرد.

‌

‌

How to use

و در آخر در بخش How to use  ویدئویی وجود دارد که به آموزش پیکربندی این بخش از افزونه می‌پردازد.

‌

ایجاد اسلایدر با افزونه لایر اسلایدر

خب حالا که با افزونه layer slider آشنا شدید، زمان ایجاد یک اسلایدر با این افزونه است. در ادامه به این موضوع می‌پردازیم.

Add New Slider

برای ساخت اسلایدر در افزونه ابتدا بایستی بر روی Add New Slider کلیک نمایید. با کلیک بر روی این گزینه می‌توانید تصاویر یا ویدئو, متن‌ها و … را در یک اسلایدر ایجاد کنید.

‌

‌

با استفاده از گزینه Slide Background Image شما قادر هستید بک گراند اسلایدر خود را انتخاب کنید. از گزینه بعدی یعنی Image layer می‌توانید تصاویری که می‌خواهید بر روی اسلایدر از آن‌ها بهره ببرید را، انتخاب کنید.

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

پس از ورود به زیر منوی لایر اسلایدر قادر هستید اسلایدر‌هایی را که به وجود آورده اید را حذف و یا آن‌ها را ویرایش نمایید.

‌

‌

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

‌

‌

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

‌