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

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

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

2
19 دی 1400
آخرین بروزرسانی: 14 آبان 1402

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

اسلایدر چیست؟

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

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

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

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

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

برای ساخت اسلایدر روش های گوناگونی وجود دارد:

افزونه هایی چون revolusion slider و مستر اسلایدر و طراحی اسلایدر با المنتور و … که ما در ادامه ساخت اسلایدر با ویژوال کامپوزر را آموزش می دهیم. در ابتدا باید افزونه را دانلود و نصب کنید.

محصول پیشنهادی
بنر
افزونه ویژوال کامپوزر 💚 (افزونه Visual Composer اورجینال)
دسته بندی : افزونه صفحه ساز وردپرس
5625
فروش
88%
رضایت

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

در افزونه ویژوال کامپوزر چیست گفتیم که یک نمونه افزونه صفحه ساز قدرتمند است که با کمک آن بدون نیاز به کد نویسی می توانید صفحات مورد نظر خود را با Drog & Drop طراحی کنید. پس از نصب این افزونه می توانید از ویژگی ها مختلف این صفحه ساز استفاده کنید. یکی از ویژگی های این صفحه ساز قابلیت ساخت اسلایدر می باشد. برای این کار کافیست پس از نصب وارد قسمت برگه ها شوید و برگه جدید را انتخاب کنید سپس واردصفحه زیر می شوید:

ساخت برگه جدید

ادیت برگه در ویژوال کامپوزر

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

انتخاب المان

حالا قسمت image carousel را باز می کنیم.

 

وارد قسمت تنطیمات طراحی اسلایدر با ویژوال کامپوزر می شوید و می توانید تنظیمات طراحی اسلایدر خود را شروع کنید.

(1):در این قسمت می توانید یک نام انتخاب کنید.

(2): تصاویر دلخواه خود را برای اسلایدر انتخاب کنید.

(3): اندازه تصاویر را از این قسمت تعیین کنید یا می توانید به صورت دستی وارد کنید یا به صورت نوشتن بزرگ یا کامل.

(4): نوع باز شدن اسلایدر ها را ازاین قسمت تنطیم کنید.

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

(6): در این قسمت می توانید سرعت جا به جایی اسلایدر ها را تعیین کنید.

(7): می توانید تعیین کنیدچه تعداد اسلایدر ها در هر صفحه از نمایش داده شود.

(8): حالت نمایش اسلایدر ها به صورت اتوماتیک باشد یا نباشد.

 

(9): تنظیمات دکمه های قبلی و بعدی نمایش داده شود.

(10): با زدن تیک این مورد می توانید قسمتی از اسلاید بعدی را هم ببینید.

(11):کنترل صفحه بندی پنهان شود یا خیر.

(12): با زدن این تیک حالت تکرار یا loop اسلایدر فعال می شود.

 در نهایت گزینه ذخیره را بزنید.

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

فاطمه سامانی
فاطمه سامانی
فاطمه هستم و نزدیک به دو ساله فعالیتم تو حوزه سئو و وردپرس جدی شده. به نظر من "تنها کسی که تو دنیا می تونه کمکت کنه خودتی، پس به خودت باور داشته باش"
مقالات مرتبط
بنر
آموزش گام به گام بسته نصب آسان در لوکال هاست
اگر در لوکال هاست وب سایت خود را راه اندازی کنید می توانید یکباره وب سایت خود را به هاست منتقل کنید. یعنی بدون آنکه نیاز به هاست و دامنه داشته باشید، سایت را بدون استرس و نگرانی راه اندازی می کنید  و پس از مطمئن شدن از همه تغییرات دلخواهتان، آن را به هاست اصلی انتقال می دهید. همچنین در مصرف ...
بنر
آموزش قالب وودمارت؛ آموزش صفر تا صد طراحی فروشگاه
اگر می خواهید یک سایت حرفه ای طراحی کنید که کلیه امکانات یک فروشگاه آنلاین را داشته باشد کافی است یکی از 50 دموی فارسی و اختصاصی مانند دیجی کالا و موتن رو قالب وودمارت را نصب و استفاده کنید. همچنین این قالب فروشگاه ساز به همراه اپلیکیشن ارائه شده و کاربران می توانند یک نسخه از وب سایت را روی ...
بنر
آموزش نصب و فعالسازی ioncube در زمپ
ionCube Loader ماژولی است که برای اجرای فایل های رمزگذاری شده روی سرور نصب می شود. نصب و فعالسازی ioncube به سادگی انجام می شود. در صورت فعال نبودن ionCube شما با خطا مواجه می شوید. اما راهکار ساده رفع این خطا نصب ionCube در کمتر از چند دقیقه است که در ادامه به توضیح آن به صورت ویدئویی می پردازیم.
بنر
آموزش نصب آسان قالب وردپرس در Cpanel
شاید شما هم این جمله را شنیده باشید. در کم تر از 10 دقیقه سایت وردپرس خود را نصب کنید. در نگاه اول به نظرتان این جمله فقط یک تبلیغ برای جذب مخاطب به نظر می‌رسد اما کاملا درست است. کافی است از بسته نصب آسان وردپرس استفاده کنید تا سایت شما در کم تر از 10 دقیقه، روی هاست نصب شود. با هم نصب قالب ...
2 دیدگاه
hosein1000
hosein1000
24 آبان 1402 11:32
پاسخ به‌صورت خصوصی ارسال شده و تنها برای مطرح کننده و پاسخ دهنده قابل نمایش است!
آیا مفید بود ؟
0
فاطمه سامانی
فاطمه سامانی
24 آبان 1402 14:01
پاسخ به‌صورت خصوصی ارسال شده و تنها برای مطرح کننده و پاسخ دهنده قابل نمایش است!
آیا مفید بود ؟