آموزش کار با صفحه ساز گرافیکی وردپرس با Visual composer

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

صفحه ساز گرافیکی وردپرس با visual composer

 

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

visual composer-صفحه ساز گرافیکی وردپرس

صفحه ساز گرافیکی در پیشخوان وردپرس

پس از نصب افزونه می توانید آن را در پیشخوان وردپرس مشاهده کنید. در وهله اول با تنظیماتی رو به رو می شوید! که البته به صورت پیش فرض انجام شده و فقط جهت نمایش می توانید آن را در زیر مشاهده کنید:

settings-صفحه ساز گرافیکی وردپرس

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

page-صفحه ساز گرافیکی وردپرس

همانطور که مشاهده میکنید دو گزینه Frontend editor و backend editor تشکیل شده است که اولی برای محیط ویرایشگر در سمت کاربری است و دیگری در سمت ادمین است.

Backend Editor

backend editor-صفحه ساز گرافیکی وردپرس

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

Add Template

برای ایجاد یک تم یا همان قالب در این برگه روی دکمه نارنجی رنگ کلیک میکنیم و با صفحه ای مانند زیر مواجه می شویم:

add theme-صفحه ساز گرافیکی وردپرس

نام قالب مورد نظر را وارد می کنید و بر روی گزینه ذخیره قالب کلیک میکنید تا ایجاد شود. از بخش کتابخانه قالب ها می توانید قالب مورد نظر را انتخاب کنید.

Add Text Block

برای افزودن یک بلوک متنی می توانید روی دکمه سبز رنگ کلیک کرده و یک بلوک متنی مانند تصویر زیر ایجاد کنید:

text block-صفحه ساز گرافیکی وردپرس

افزودن المان

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

add elements-صفحه ساز گرافیکی وردپرس

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

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

یک مثال…

به عنوان نمونه ما با کمک صفحه ساز گرافیکی وردپرس المان هایی را ایجاد میکنیم:

sample-صفحه ساز گرافیکی وردپرس

اول یک بلوک متنی ایجاد کردیم سپس ویژگی icon box را انتخاب کرده و سه آیکون باکس اضافه کردیم و نتیجه به صورت تصویر زیر می شود:

icon box-صفحه ساز گرافیکی وردپرس

بدین صورت می توان هر آیتمی را که میخواهیم اضافه کنیم.

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

امکانات و قابلیت های کلی افزونه صفحه ساز و ویرایشگر دیداری ویژوال کمپوسر Visual Composer

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

تغییرات نسخه 5.2

  • پشتیبانی از RTL (راست چین)
  • سازگاری و رفع باگ با ووکامرس 3.1.0
  • افزوده شدن خط جداکننده زیگزاگ
  • رفع باگ های دیگر

تغییرات نسخه 5.1.1:

  • رفع مشکل امنیتی در AJAX
  • سازگاری با ووکامرس 3.0
  • سازگاری با PHP 7.1
  • و…

دانلود نسخه به روزافزونه

1 پاسخ

دیدگاه خود را ثبت کنید

Want to join the discussion?
Feel free to contribute!

دیدگاهتان را بنویسید