آموزش کار با صفحه ساز گرافیکی وردپرس با 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

خرید افزونه

راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) کانال تلگرام همیار وردپرس

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۲۶۵,۸۴۵ نفر

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

دیدگاه‌های این نوشته جدید شاخص

  1. 4 روز عضو همیار وردپرس

    سلام
    روزتون بخیر
    هرجا سر میزنم میگند visual composer با wpbakery یکی هست. درحالیکه توی خود سایت تولید کننده نشان میده که چه تفاوت های بسیاری بین این دو وجود دارد. visual composer بسیار حرفه ای تر است از wpbakery. از تصاویر نشان داده شما هم برداشت میشود که شما روی افزونه wpbakery کار کرده اید.
    آیا همینطور نیست؟
    این سوال رو پرسیدم چون قصد خرید دارم

  2. 3 سال عضو همیار وردپرس

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

  3. سلام مطالب خوبی میزارید با اجازه با ذکر منبع و لینک به پست تون در سایت خودم کپی میکنم

  4. سلام
    اگر من بخوام این افزونه رو روی قالبی که خودم از صفر درست کردم، ست کنم باید چیکار کنم؟ یعنی میخوام مثلا هر المان رو دیزاین کنم و …
    باید داخل کدهای خود افزونه را ویرایش کنم یا باید فایل جدیدی خودم بسازم ( اگر خودم باید فایل بسازم و … با چه اسم و id ها و class هایی باید این کار ها را بکنم ) ؟ اگر میشه لطف کنید کمی در این باره توضیح بدید .
    ممنون

  5. 2 سال عضو همیار وردپرس

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

مطالب زیر را حتما بخوانید

محبوبترین‌های آموزش آنلاین

  • دوره ۱۳ جامع وبمستران هوشمند

    ۶.۸ میلیون تومان
    ساخت کسب‌و‌کار اینترنتی امروزه یکی از اساسی‌ترین کارها برای ایجاد یا توسعه درآمدزایی میباشد. هر ایده‌ای که دارید میتوانید آنلاین در فضای اینترنتی راه اندازی نمایید فقط کافیست که بخواهید. یا اگر چندین سال...
  • دوره جامع ۰ تا ۱۰۰ آموزش طراحی سایت و آموزش طراحی فروشگاه اینترنتی

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

    ۲۹۰ هزار تومان
    اینستاگرام فرصتی فوق‌العاده است. با توجه به اینکه هر روز آمار استفاده کنندگان ایرانی از اینستاگرام افزوده می‌شود و واقعا خود اینستاگرام هم به شدت قوی و مرتب بروزرسانی می‌کند، بازار خیلی خوبی برای تجارت...
مشاهده همه آموزش‌های آنلاین