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

صفحه ساز Visual Composer


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

قدم اول: وارد داشبورد وردپرس میشید.

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

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

بر روی دکمه Use front-end editor کلیک کنید.
و یا روی دکمه  ویرایش با WPBakery Page Builder

حال وارد تنظیمات ویژوال کامپوزر شدیم

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

روی دکمه افزودن المان کلیک کنید

حال باید ردیف اضافه کنیم

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

حال باید تعداد ردیف هارو انتخاب کنیم. اما بازم میتونید به دلخواه تعداد ردیف هارو شخصی سازی کنید به طور مثال{ ۱/۶ + ۱/۶ + ۱/۶ + ۱/۶ + ۱/۶ + ۱/۶} که ما این شکلی شخصی سازی کردیم.

اکنون که ستون ها را به یک ردیف اضافه کرده اید ، می توانید شروع به افزودن محتوا و ابزارک کنید. برای این کار بر روی دکمه + کلیک کنید و نوع محتوایی را که می خواهید به یک ستون از لیست ظاهر شده اضافه کنید ، انتخاب کنید.

بلوک “تنظیمات محتوا” باز می شود ، به شما امکان می دهد محتوا را اضافه و ویرایش کنید.

  • عمومی

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

  • گزینه تنطیمات طراحی

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

  • از بخش مداد

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

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

درگ اند دراپ در ویژوال کامپوزر.

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

در گوشه بالا سمت راست ویرایشگر جلوی Visual Composer ، گزینه های اضافی را مشاهده خواهید کرد.

اضافه کردن css جدید به ویژوال کامپوزر


تنظیمات – در اینجا می توانید عنوان صفحه ای را که ایجاد می کنید تعریف کنید و در صورت نیاز به CSS سفارشی ، آن را اضافه کنید.
پاسخگویی – در اینجا می توانید نحوه مشاهده صفحه خود را از دستگاه های مختلف مشاهده کنید.
ذخیره پیش نویس – این یک صفحه را به عنوان پیش نویس ذخیره می کند.
انتشار – روی آن کلیک کنید تا صفحه شما آماده شود ، در نتیجه ، می توانید آن را در وب سایت خود مشاهده کنید.
Exit – این دکمه از ویرایشگر جلوی Visual Composer خارج می شود. فراموش نکنید که قبل از خروج ، تغییرات را ذخیره کنید!

دانلود ویژوال کامپوزر

ارسال نظر