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

برای دانلود افزونه صفحه‌ساز ویژوال کامپوزر visual composer در وردپرس < اینجا کلیک کنید >

ویژوال کامپوزر یک انتخاب مناسب برای طراحان حرفه‌ای و حتی کاربران تازه‌کار است. این افزونه در کنار قالب‌های حرفه‌ای وردپرس معمولاً ارائه می‌شود و به دلیل وابستگی بالای بسیاری از قالب‌ها به این افزونه، اغلب همراه با فایل قالب در دسترس قرار می‌گیرد.

شروع کار با ویژوال کامپوزر

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

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

در کنار این تنظیمات، پیشنهاد می‌شود ابتدا با امکانات پایه شروع کنید و سپس در صورت نیاز تنظیمات پیشرفته را بررسی نمایید.

طراحی برگه جدید با ویژوال کامپوزر

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

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

مدیریت ستون‌ها و ردیف‌ها

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

1. جابجایی ردیف: با استفاده از قابلیت درگ و دراپ، می‌توانید ترتیب ردیف‌ها را تغییر دهید.
2. بخش‌بندی ردیف: امکان تقسیم‌بندی ردیف‌ها به بخش‌های مساوی یا دلخواه وجود دارد.
3. افزودن ردیف جدید: با کلیک روی علامت “+”، می‌توانید یک ردیف دیگر به صفحه خود اضافه کنید.
4. افزودن المان‌ها به ردیف: المان‌هایی مانند متن، تصویر، ویدئو یا دکمه را می‌توانید به هر ردیف اضافه کنید.

این ابزارها طراحی صفحات پیچیده و گرافیکی را به‌سادگی ممکن می‌کنند.

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

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

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

برای دانلود افزونه صفحه‌ساز ویژوال کامپوزر visual composer در وردپرس < اینجا کلیک کنید >

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

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

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

Visits: 0