خانه / شرکت طراحی سایت / ساخت اسلایدر لایه‌ای در وردپرس با افزونه Layer Slider +آموزش ویدئویی

ساخت اسلایدر لایه‌ای در وردپرس با افزونه Layer Slider +آموزش ویدئویی

اسلایدر لایه‌ای در وردپرس

اضافه شدن ویدئوی آموزشی در تاریخ ۲۸ آذرماه ۱۳۹۶
سلام دوستان عزیز وردپرسی؛
امروز با مبحث ساختاسلایدر لایه‌ای در وردپرس همراه شما عزیزان هستیم. اسلایدرها برای اهداف مختلفی از جمله معرفی سایت خود، بروز رسانی محتوای وب‌سایت، استفاده از انواع مختلف رسانه ها، نمایش محصولات و موارد مختلف دیگر مورد استفاده قرار می‌گیرند. همچنین ایجاد اسلایدری جذاب درون وبسایت باعث جلب نظر کاربر شده و مدت زمان بیشتری او را در وب سایت ماندگار می‌کند. این امر به موتورهای جستجو نشان می‌دهد که وب سایت شما جذاب است. بنابراین، یک اسلایدر ممکن است به ارتقای رتبه وب‌سایت شما نیز کمک کند البته اگر به جا و درست استفاده شود.
امروز در این پست قصد داریم در عرض ۵ دقیقه افزونه‌ای را به شما معرفی کنیم که خیلی ساده و سریع امکان ساخت اسلایدر در وردپرس را به صورت بسیار جذاب ایجاد کنید.

اسلایدر لایه‌ای در وردپرس

با استفاده از افزونه Layer Slider می‌توانید اسلایدهایی کاملا رسپانسیو و چند لایه با ظاهری بسیار جذاب درون وبسایت وردپرسی خود ایجاد کنید. این افزونه که توسط تیم aumsrini توسعه داده شده است دارای دو نسخه پرمیوم و رایگان است که ما در این آموزش به بخش رایگان آن خواهیم پرداخت.

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

نصب و راه اندازی

bee-layer-slider-plugin-اسلایدر لایه‌ای در وردپرس

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

add new slider- اسلایدر لایه‌ای در وردپرس

Global Settings

آموزش افزونه Layer Slider را از بخش تنظیمات آن شروع می‌کنیم. پس از کلیک بر روی گزینه Global Settings صفحه‌ای باز می‌شود که چهار تب در آن دیده می‌شود.

general settings- اسلایدر لایه‌ای در وردپرس

تب اول که General Settings نام دارد مربوط به تنظیمات عمومی اسلایدر لایه‌ای در وردپرس است. از این بخش می‌توانید یک بک گراند پیشفرض برای اسلایدرهای خود انتخاب کنید. همچنین شما قادر خواهید بود یک حاشیه با اندازه و رنگ دلخواه برای همه اسلایدرهای خود در نظر بگیرید.

Text layer options

text layer options- اسلایدر لایه‌ای در وردپرس

تب بعدی که Text Layer Options نام دارد مربوط به تنظیمات متن‌هایی است که در اسلایدر لایه‌ای در وردپرس نمایش داده می‌شوند. شما از این بخش می‌توانید موارد زیر را تنظیم کنید:

Animation: نحوه به نمایش درآمدن متن
Tap Padding: فاصله متن از بالا
Left Padding: فاصله متن از چپ
Font Size: اندازه متن
Text Color: رنگ متن
Text Background color: رنگ بک‌گراند نوشته
Text Padding: اندازه بک گراند نوشته

Image layer slider

image layer slider- اسلایدر لایه‌ای در وردپرس

تب سوم Image Layer Options نام دارد. شما در این بخش می‌توانید تنظیمات مربوط به لایه‌ای از عکس که بر روی بک‌گراند قرار می‌گیرد را مانند تب قبل تنظیم کنید.
تب آخر این صفحه How To Use است که ویدئوی آموزشی از چگونگی استفاده از افزونه در آن گنجانده شده است. می‌توانید آن را نیز مشاهده کنید.

حال بیایید ببینیم که چگونه با افزونه Layer Slider یک اسلایدر لایه‌ای در وردپرس ایجاد کنیم.

Add New Slider

بر روی گزینه Add New Slider کلیک کنید. از این بخش می‌توانید متن‌ها و عکس‌های خود را برای ساخت اسلایدر لایه‌ای در وردپرس وارد کنید.

add new slider- اسلایدر لایه‌ای در وردپرس

Slide Background Image: عکس پیش‌زمینه اسلایدر خود را از این بخش انتخاب کنید.
Image layer: از این بخش می‌توانید لایه از عکس را روی پیش‌زمینه قرار دهید.
Text layer: متن‌های خود را از این بخش وارد کنید.

برای ایجاد چند اسلاید بر روی گزینه ی  Add Slide کلیک کنید. در پایان بر روی گزینه انتشار کلیک کرده و پس از آن به زیر منوی Layer Sliders مراجعه کنید.

Layer Sliders

در این صفحه اسلایدرهایی که ایجاد کرده‌اید را می توانید ویرایش و یا حذف نمایید.

all slider- اسلایدر لایه‌ای در وردپرس

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

pages-اسلایدر لایه‌ای در وردپرس

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

result- اسلایدر لایه‌ای در وردپرس

همانطور که مشاهده می‌کنید اسلایدر لایه‌ای در وردپرس بدون هیچ مشکلی درون وبسایت ایجاد شده است.

جمع بندی

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

با تشکر از همراهی شما.

آموزش ویدئویی

Check Also

قالب تک‌صفحه‌ای وردپرس Elead

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