الماس هاست 
اگر به دنبال ساخت یک سایت وردپرسی هستید. که ظاهر حرفه ای، امکانات سفارشی و طراحی قابل کنترل داشته باشد، استفاده از یک افزونه صفحه ساز بهترین انتخاب است. افزونه های صفحه ساز یا همان Page Builder ها به شما اجازه می دهند بدون نیاز به کدنویسی و تنها با کشیدن و رها کردن بخش های مختلف، صفحات دلخواه خود را طراحی کنید. یکی از صفحه سازهای قدرتمند و رایگان برای وردپرس، افزونه WP Page Builder است. این افزونه با رابط کاربری ساده و امکانات زیاد، ابزاری ایده آل برای طراحان سایت، مدیران کسب و کار و حتی کاربران مبتدی محسوب می شود. در آموزش کامل استفاده از WP Page Builder برای طراحی صفحات سایت را مرحله به مرحله بررسی می کنیم تا بتوانید با خیال راحت و بدون نیاز به دانش فنی، یک سایت حرفه ای بسازید.
WP Page Builder چیست
WP Page Builder یک افزونه صفحه ساز رایگان است. این افزونه به شما امکان می دهد صفحات وردپرسی خود را با استفاده از المان های آماده مثل متن، تصویر، دکمه، فرم تماس، ویدیو، گالری و بسیاری گزینه های دیگر طراحی کنید. از مهم ترین ویژگی های WP Page Builder می توان به موارد زیر اشاره کرد:
- طراحی زنده (Live Editing)
- قابلیت کشیدن و رها کردن عناصر
- بدون نیاز به کدنویسی
- رابط کاربری ساده و تمیز
- امکان ذخیره و استفاده مجدد از طراحی ها
مراحل استفاده از WP Page Builder
برای شروع، ابتدا باید افزونه WP Page Builder را نصب و فعال کنید. برای این کار مراحل زیر را انجام دهید:
وارد پیشخوان وردپرس شوید. از منوی سمت راست روی گزینه افزونه ها کلیک کنید و سپس افزودن را انتخاب کنید. در نوار جستجو عبارت WP Page Builder را تایپ کنید. وقتی افزونه ظاهر شد، روی دکمه نصب کلیک کنید و سپس آن را فعال کنید. پس از فعال سازی، گزینه جدیدی به نام WP Page Builder در منوی پیشخوان وردپرس شما ظاهر خواهد شد.
طراحی صفحه جدید
برای شروع طراحی یک صفحه جدید با استفاده از این افزونه مراحل زیر را طی کنید. از منوی برگه ها وارد شوید و روی گزینه افزودن برگه جدید کلیک کنید. عنوانی برای برگه خود بنویسید مثلا صفحه اصلی سپس روی دکمه آبی رنگ Edit with WP Page Builder کلیک کنید در این مرحله وارد محیط طراحی گرافیکی افزونه خواهید شد. این محیط به شما امکان می دهد هر بخشی را که نیاز دارید به صفحه اضافه کنید و همان جا نتیجه را به صورت زنده مشاهده کنید.
در محیط WP Page Builder با چند بخش اصلی روبرو می شوید:
- Add Row: برای افزودن ردیف جدید (چیدمان ساختار کلی صفحه)
- Add Addon: افزودن المان هایی مثل متن، تصویر، ویدیو، دکمه، آیکن و ...
- Library: قالب ها و چیدمان های آماده برای استفاده سریع
- Settings: تنظیمات صفحه از جمله عرض، پدینگ، پس زمینه و فونت
شما ابتدا باید یک ردیف ایجاد کنید. سپس درون آن ردیف می توانید ستون ها و عناصر دلخواه خود را بچینید.
افزودن عناصر به صفحه
برای مثال، فرض کنید می خواهید یک بخش معرفی با متن و تصویر بسازید. مراحل زیر را انجام دهید:
- روی Add Row کلیک کنید و ساختار دو ستونه را انتخاب کنید
- در ستون اول روی Add Addon کلیک کنید و المان Image را انتخاب کرده و تصویر مورد نظر را بارگذاری کنید
- در ستون دوم دوباره Add Addon را بزنید و این بار Text Block را انتخاب کنید
- متن معرفی خود را در آن وارد کنید. می توانید رنگ، فونت، اندازه و تراز متن را تنظیم کنید
به همین صورت می توانید دکمه، نقشه گوگل، فرم تماس، شمارنده، ویدیو و ده ها المان دیگر را به صفحه اضافه کنید.
تنظیمات ظاهری و ریسپانسیوWP Page Builder
بعد از ساختن بخش های مختلف صفحه، نوبت به تنظیمات ظاهری و واکنش گرایی می رسد. WP Page Builder این امکان را به شما می دهد که طراحی را برای دستگاه های مختلف (دسکتاپ، تبلت، موبایل) بهینه کنید. برای هر المان می توانید تنظیمات مربوط به فاصله، رنگ، پس زمینه و سایه را تنظیم کنید برای مشاهده نمایش موبایلی، از آیکن مربوط به موبایل در نوار بالایی استفاده کنید. می توانید المان هایی را فقط در نسخه موبایل یا دسکتاپ نمایش دهید یا مخفی کنید. پس از پایان طراحی، روی دکمه Save کلیک کنید. سپس در نوار وردپرس روی انتشار کلیک کنید تا صفحه شما به صورت عمومی در سایت نمایش داده شود. اگر قصد دارید از این طراحی در صفحات دیگر هم استفاده کنید، می توانید آن را ذخیره کرده و به عنوان Layout یا Template در کتابخانه شخصی خود نگه دارید.
نکات تکمیلی
- WP Page Builder با بسیاری از قالب های وردپرس سازگاری کامل دارد. البته برای تجربه بهتر، از قالب هایی که سبک و بهینه هستند استفاده کنید.
- در صورتی که نیاز به امکانات بیشتر دارید، نسخه حرفه ای افزونه امکاناتی مثل اسلایدر پیشرفته، گالری حرفه ای، جدول قیمت گذاری و فرم های هوشمند را در اختیار شما قرار می دهد.
- در هنگام طراحی، از رنگ های ثابت و منسجم استفاده کنید تا هماهنگی گرافیکی سایت حفظ شود.
- استفاده از فضای سفید و فاصله مناسب بین عناصر باعث می شود طراحی شما حرفه ای تر به نظر برسد.
- اگر مشکلی در بارگذاری تصاویر یا فونت ها داشتید، کش مرورگر را پاک کنید یا از حالت ناشناس استفاده کنید.
در نهایت
افزونه WP Page Builder یک ابزار قدرتمند و در عین حال ساده برای طراحی صفحات وردپرس بدون نیاز به کدنویسی است. با رابط کاربری بصری، المان های متنوع و قابلیت سفارشی سازی بالا، این افزونه انتخابی عالی برای تمام کسانی است که می خواهند سایت خود را با کیفیت بالا و در کمترین زمان ممکن طراحی کنند. اگر به دنبال طراحی سریع، زیبا و بدون دردسر هستید، همین حالا WP Page Builder را نصب کرده و اولین صفحه حرفه ای خود را بسازید.
