آموزش ساخت اسلایدر با ویژوال کامپوزر به چه صورت است؟

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

در کنار روش های این مقاله، برای اسلایدر می توان افزونه WP Carousel Pro را هم بررسی کرد.

نحوه ساخت اسلایدر با ویژوال کامپوزر

قبل از اینکه بخواهیم شما را با چگونگی ساخت اسلایدر با ویژوال کامپوزر آشنا کنیم، بهتر است با اسلایدر و ویژوال کامپوزر آشنایی بیشتری پیدا کنید.

– افزونه ویژوال کامپوزر چیست؟

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

برای پیاده‌سازی طراحی بخش‌های دلخواه سایت با ویژوال کامپوزر در وردپرس می‌توان Smart Sections Theme Builder را هم از نظر امکانات و سازگاری بررسی کرد.

برای صفحه‌ساز دیوی، می توان امکانات افزونه WooCommerce Page Builder – DHWCPage را متناسب با نیاز سایت بررسی کرد.

– چرا باید از اسلایدر در سایت استفاده کنیم؟

آیا می خواهید یک اسلایدر تصویر به سایت وردپرس خود اضافه کنید؟ با ساخت اسلایدر شما می توانید چندین تصویر را به سایت خود اضافه کنید و آنها را در یک گالری کشویی به بازدیدکنندگان نشان دهید. معمولاً می‌توانید اسلایدرهای خود را تنظیم کنید تا پس از چند ثانیه تصاویر را به صورت دستی یا خودکار تغییر دهد. به این ترتیب، کاربران زمان برای مشاهده هر تصویر و کلیک بر روی یکی از آنها برای اطلاعات بیشتر دارند. بنابراین اگر می خواهید سایت شما چشم نوازتر به کاربران نمایش داده شود، اضافه کردن اسلایدر به صفحات مختلف را فراموش نکنید.

بیشتر بخوانید: آموزش حذف فونت گوگل از سایت وردپرس 

آموزش ایجاد اسلایدر با ویژوال کامپوزر

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

برای پروژه های مرتبط با صفحه‌ساز دیوی، بررسی ویژگی های افزونه WC Builder Pro می تواند مفید باشد.

از گزینه‌های مرتبط با افزودن المان‌های طراحی به صفحه‌ساز ویژوال کامپوزر، Elegant Elements for WPBakery است؛ انتخاب آن به ساختار و نیازهای سایت بستگی دارد.

در اولین قدم شما باید افزونه Simple Slider را در سایت خود نصب و فعال کنید. اگر با طریقه نصب افزونه آشنایی ندارید می توانید مطلب “چگونه در وردپرس افزونه اضافه کنیم؟ راه های نصب پلاگین در وردپرس” را مشاهده کنید. پس از اینکه افزودنی در سایت شما فعال شد، قابلیت اسلایدر به صورت خودکار به المان های صفحه ساز ویژوال کامپوزر شما اضافه می شود. حال در ادامه مطلب همراه ما باشید تا نحوه ایجاد اسلایدر با ویژوال کامپوزر را به شما آموزش دهیم.

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

سپس در میان المان های مختلف به دنبال Simple Slider بگردید، یا می توانید به سادگی کلمه کلیدی “Slider Slider” را از کادر جستجو در بالا سمت راست تایپ کنید.

پس از آن باکس تنظیمات Simple Slider برای شما ظاهر می شود که کافیست روی Add Slide کلیک کنید.

بیشتر بخوانید: افزونه المنتور (Elementor) یا ویژوال کامپوزر (Visual composer)؟

سپس اولین تصویر خود را در اسلایدر اضافه کنید. برای اینکار روی افزودن تصویر کلیک و سپس تصویر خود را آپلود نمائید.

بیشتر بخوانید: معرفی بهترین ادان های ویژوال کامپوزر که بسیار کمک کننده هستند!

هنگامی که تصاویر شما آپلود شد، چیزی همانند تصویر زیر خواهد بود:

همچنین برای افزودن یک انیمیشن، صفحه را به سمت پایین اسکرول کرده و به Slide content animation بروید.

بیشتر بخوانید: افزودنی Ultimate Addons For Wpbakery | افزودنی صفحه ساز وردپرس، ویژوال کامپوزر

فعلاً تصویر را ذخیره و سعی کنید پیش نمایش آن را به صورت آنلاین مشاهده نمائید.

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

بر روی Add Slide کلیک کنید، سپس تصویر دوم را آپلود کنید.

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

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

بیشتر بخوانید: آموزش ویژوال کامپوزر وردپرس | نصب و کار با افزونه Visual Composer

سوالات متداول

جمع بندی

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

در سایت‌هایی که به نمایش انیمیشن‌های لوتی در صفحه‌ساز ویژوال کامپوزر نیاز دارند، Lottier for WPBakery یکی از ابزارهای قابل ارزیابی است.