کامل‌ترین آموزش ویژوال کامپوزر در وردپرس

آموزش ویژوال کامپوزر
آموزش ویژوال کامپوزر

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

آموزش ویژوال کامپوزر

آنچه در این مقاله به اختصار خواهید خواند:

  • ویژوال کامپوزر چیست؟
  • ویژگی­‌های افزونه ویژوال کامپوزر
  • نصب ویژوال کامپوزر
  • تنظیمات افزونه ویژوال کامپوزر
  • ساخت صفحات گرافیکی در ویژوال کامپوزر
  • ایجاد المان جدید در ویژوال کامپوزر
  • اضافه کردن الگو
  • نمونه صفحه طراحی شده با ویژوال کامپوزر

ویژوال کامپوزر چیست؟

what is visual-composer-آموزش ویژوال کامپوزر
ویژوال کامپوزر چیست؟

افزونه قدرتمند ویژوال کامپوزر در سال 2011 توسط گروه WP Bakery تولید شده و با بیش از 2 میلیون نصب فعال پرفروش‌ترین صفحه ساز وردپرس بعد از المنتور شناخته شده و پس از خرید و دانلود قابل استفاده است. با کمک این افزونه قادر خواهید بود با المان‌های موجود در آن ساختار سایت خود را به دلخواه طراحی کنید، برخی از این المان‌ها شامل بلاک‌های متنی، تصاویر، ایجاد گالری، آیکون‌ها، جداول، نمودار، باکس پیغام، دکمه‌ها، ایجاد اسلایدر و ایجاد کدهای HTML خام می‌باشند. در ادامه به بررسی برخی از قابلیت‌های این افزونه خواهیم پرداخت.

ویژگی‌­های افزونه ویژوال کامپوزر

  • طراحی کاربری بسیار آسان
  • عدم نیاز به کدنویسی
  • طراحی ریسپانسیو و واکنش‌­گرا
  • قابلیت ویرایشگر Drag & Drop المان­‌ها
  • دارای بیش از 40 المان طراحی
  • قابلیت پیش نمایش سریع
  • قابلیت ایجاد اسلایدرهای جذاب و کاربرپسند
  • پشتیبانی از زبان فارسی
  • سازگار با اکثر قالب­‌های وردپرسی
  • سازگاری با افزونه ووکامرس
  • قابلیت ایجاد و دسترسی شورت کدها
  • قابلیت افزودن سطر و ستون­‌های دلخواه

نصب ویژوال کامپوزر

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

visual-composer-setting menu-آموزش ویژوال کامپوزر
منوی تنظیمات ویژوال کامپوزر

تنظیمات افزونه ویژوال کامپوزر

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

تنظیمات عمومی

visual-composer-General settings-آموزش ویژوال کامپوزر
تنظیمات عمومی
  • غیرفعال‌سازی المان‌های محتوای ریسپانسیو: با فعالسازی این گزینه می‌توانید این افزونه را برای دستگاه‌های هوشمند مانند موبایل غیرفعال کنید.
  • زیرمجموعه های فونت های گوگل: از این بخش می‌توانید فونت­‌های خاصی را برای المان‌های visual composer در وردپرس انتخاب کنید، بطور پیشفرض بر روی latin تنظیم است.
  • Disable Gutenberg Editor: این گزینه نمایش حالت ویرایشگر گوتنبرگ را غیرفعال می­‌کند.
  • الگو پیش فرض برای انواع نوشته: این بخش به شما اجازه می‌دهد در صورت تمایل یکی از صفحات از قبل طراحی شده را به عنوان الگوی اصلی انتخاب کنید.

نقش مدیر

The role of the manager in Visual composer-آموزش ویژوال کامپوزر
نقش مدیر

در این سربرگ لیستی از دسترسی نقش کاربران را مشاهده خواهید کرد که با باز کردن منوی کشویی هر کدام از آن‌ها به ویژگی‌ها و تنظیمات پیشرفته دسترسی خواهید داشت، به عنوان مثال گزینه‌های نقش مدیر کل را مورد بررسی قرار می‌دهیم.

User role access-آموزش ویژوال کامپوزر
لیست دسترسی کاربران به ویژوال کامپوزر
  • پست تایپ­‌ها: با استفاده از این گزینه می‌توانید ویژوال کامپوزر را برای بخش‌های مورد نظر مانند برگه‌­ها، مطالب و غیره فعال کنید. بطور پیشفرض ویژوال کامپوزر فقط برای برگه­‌ها فعال می­‌باشد.
  • ویرایشگر پیشرفته: در این بخش می­‌توانید ویرایشگر پیشرفته مربوط به ویژوال کامپوزر را فعال و یا غیرفعال کنید، همچنین بصورت کامل ویرایشگر کلاسیک را غیرفعال نمایید.
  • ویرایشگر زنده: با کمک این گزینه قادر خواهید بود تغییرات ایجاد شده را به صورت زنده مشاهده کنید.
  • HTML فیلتر نشده: این گزینه اجازه استفاده از HTML سفارشی در ویژوال کامپوزر را فعال می­‌کند.
  • تنظیمات صفحه: فعال یا غیرفعالسازی کنترل دسترسی به تنظیمات صفحه ویژوال کامپوزر از این گزینه امکانپذیر است.
  • گزینه های تنظیمات: امکان استفاده از گزینه­‌های تنظیمات برای انواع المان­‌ها را فراهم می­‌کند.
  • الگوها: در این قسمت می‌توان تعیین کرد که چه کسانی به الگوها دسترسی داشته باشند.
  • المنت­‌ها: از این بخش کنترل دسترسی کاربران به محتوای المان­‌ها را می­‌توان مشخص کرد.
  • سازنده شبکه بندی: چنانچه می‌خواهید امکان دسترسی به عنصر شبکه‌ساز وجود داشته باشد این گزینه را فعال کنید.
  • پیش تنظیمات المان: هر کدام از عناصر تنظیماتی دارند که با کمک این گزینه می‌توانید برای افراد صاحب دسترسی در سایت آن‌ها را فعال یا غیرفعال کنید.
  • Drag and Drop: هر کدام از المان‌های موجود قابلیت درگ و دراپ (کشیدن و رها کردن) دارند، در صورت تمایل می‌توانید آن‌ها را فعال یا غیرفعال کنید.

تنظیمات دیگر نقش‌ها به همین ترتیب خواهند بود.

تنظیمات طراحی

Design settings in visual-composer-آموزش ویژوال کامپوزر
تنظیمات طراحی

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

  استفاده از تبلیغات در میان متن نوشته ها + آموزش ویدیویی

Css سفارشی

custom CSS in visual-composer-آموزش ویژوال کامپوزر
Css سفارشی

این سربرگ امکان افزودن کدهای Css سفارشی را جهت ایجاد تغییراتی در افزونه ویژوال کامپوزر بدون نیاز به ویرایش فایل برای شما فراهم می‌کند.

قرار دهنده کد کوتاه

Shortcode inserter-آموزش ویژوال کامپوزر
قرار دهنده کد کوتاه

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

سازنده شبکه‌بندی

Networking builder-آموزش ویژوال کامپوزر
سازنده شبکه بندی

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

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

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

visual-composer Button
دکمه ویژوال کامپوزر

در صفحه بعد دو گزینه مشاهده خواهید کرد که در حالت Frontend Editor علاوه بر ایجاد تغییرات می‌توانید همزمان صفحه خود و تغییرات ایجاد شده را بصورت زنده مشاهده کنید و حالت ویرایشگر پیشرفته که دارای عناصر ویژوال کامپوزر برای ساخت صفحات گرافیکی به کار می‌رود. دکمه “ویرایشگر پیشرفته” را انتخاب کنید.

Frontend Editor
دکمه Frontend Editor

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

add element button
افزودن المان، اضافه کردن الگو و اضافه کردن بلاک متن

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

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

elements in visual composer
المان‌های ویژوال کامپوزر

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

Row button
المان افزودن ردیف

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

row in visual composer
ردیف در ویژوال کامپوزر
  1. قابلیت کشیدن و رها کردن ردیف برای جابجایی و مرتب­‌سازی در صفحه
  2. افزودن ستون به ردیف
  3. تغییر اندازه ستون­‌ها
  4. ویرایش ستون
  5. حذف ستون
  6. افزودن المان دلخواه به ردیف
  7. کوچک کردن ردیف
  8. ویرایش ردیف
  9. کپی کردن ردیف
  10. حذف ردیف

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

row in visual composer1
ردیف در ویژوال کامپوزر

بر روی ذخیره تغییرات یا پیش نمایش کلیک کنید تا بتوانید نتیجه کار را مشاهده کنید.

row in visual composer3
ردیف در ویژوال کامپوزر

به راحتی می‌توانید با کمی صبر و تامل المان‌های موجود در ویژوال کامپوزر را امتحان کنید و از امکانات جذاب آن بهره ببرید و صفحات زیبا بسازید.

اضافه کردن الگو

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

Add template in visual composer-آموزش ویژوال کامپوزر
اضافه کردن الگو

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

Add template name in visual composer
وارد کردن نام الگو

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

my template in visual composer
لیست الگوهای شما

نمونه صفحه طراحی شده با ویژوال کامپوزر

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

Sample page designed with Visual Composer
نمونه صفحه طراحی شده با ویژوال کامپوزر

همان‌طور که مشاهده می‌کنید به راحتی می‌توان با کمک visual composer در وردپرس یک صفحه اختصاصی و زیبا طراحی کرد.

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

آموزش ویژوال کامپوزر

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

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

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

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

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

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

  1. 2 هفته عضو همیار وردپرس

    سلام چجوری میتونم یه لیست باکس این چنینی بسازم؟ از المنت لیست استفاده کردم ولی باکسی نیست و امکان پیوند لینک هم وجود نداره.
    s17.picofile.com/file/8420911184/1.PNG
    s16.picofile.com/file/8420911192/2.PNG

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

    سلام
    وقت بخیر
    میخواستم بدونم آیا توی ویژوال کامپوزر امکان این هست که از یه رابط مثل المنتور یه افزونشو به صورت کد قرار بدیم نوی بخض ویژوال کاپوزر؟
    سایت من این هست
    successfactory-official.ir
    بالای سایتم توی قسمت موبایل و دسکتاپ یکجور نمایش داده نمیشه کادرش و فکر میکنم مشکل از کامپوزرم باشه
    باتشکر از سایت خوبتون

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

    با سلام چطوری الگو هارو ذخیره کنیم که برای تمام صفحه ها یا همان نوشته ها تکرار بشه؟؟

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

    سلام وقت بخیر ببخشید من چندتا ستون المان شخص ایجاد کردم واسه بخش کارشناس های سایتم میخوام حالت افقی حرکت کننن تو یه ردیف ولی این المان تو ویژال کامپوزر ثابته
    میشه راهنماییم کنید با تشکر

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

    سلام آیا می توان با این افزونه باکس دانلود هم ساخت؟

  6. 4 سال عضو همیار وردپرس

    سلام وقت بخیر

    اموزش نحوه نمایش محصولات وردپرس رو داخلش نداره

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

    من میخوام -موضوع لباس ورزشی در سایت نشون بدم
    موضوعات مختاف دیگهی رو جدا جدا

    واسه هر کدوم یه ردیف جدا جدا داشته باشه

    هر ردیف 5 ستون داشته باشهو ردیف هاش 4 تا 5 تا باشن

    بتونم به دل بخواه کم یا اضافه کنم

    با تشکر

  7. 11 ماه عضو همیار وردپرس

    با سلام
    چجوری میتونم تو المان “جداکننده با متن” تگ html المان رو از h4 به h2 تغییر بدم؟

  8. 11 ماه عضو همیار وردپرس

    سلام وقت بخیر
    با این افزونه می توان برگهی محصولات افزونه EDD نیز طراحی کرد

  9. 12 ماه عضو همیار وردپرس

    سلام وقت بخیر
    ببخشید یه سوال دارم
    راهی هست که برگه ای که میسازیم و به عنوان صفحه ی نخست قرار میدیم به جای اینکه تصویر شاخصش فقط نشون داده بشه کل صفحه به عنوان صفحه ی نخست قالب قرار بگیره؟؟
    ممنون میشم راهنمایی کنید خیلی ذهنم رو درگیر کرده

    • 7 سال عضو همیار وردپرس

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

  10. 12 ماه عضو همیار وردپرس

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

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

    سلام ببخشید همچین باکس های رو چطور میشه ساخت تو متن یه برگه؟

    s7.picofile.com/file/8383863418/1.JPG

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

    ببخشید این حالتی که با کلیک بر روی اون باز و بسته میشه رو چطور میشه اضاف کرد ؟

    s6.picofile.com/file/8379545134/Captur555e.JPG

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

    سلام و خسته نباشید

    چطور میتونم قسمتی از متن های مطالبم رو مثل این نمونه داخل پاراگراف شیک بزارم؟

    s6.picofile.com/file/8376414792/b5.JPG

    • 7 سال عضو همیار وردپرس

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

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

      تو این قسمت هرچی میبینم نقل قول رو پیدا نمیکنم

      s7.picofile.com/file/8377248876/77.JPG

      میشه راهنمایی کنید

    • 7 سال عضو همیار وردپرس

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

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

      پیداش کردم تو گزینه های ویرایشگر بود نه ویژال کامپوزر

      s6.picofile.com/file/8377249142/54.JPG

      ولی مال ما خیلی سادست چطور میتونم یکم خوشگل تر و شبیه ارزدیجیتالش کنم ؟

      شما با دریافت هزینه انجام میدین ؟ اگر نه جایی رو بهم معرفی کنید انجام بدن مرسی

  14. 1 سال عضو همیار وردپرس

    سلام. چطور میتونم این افزونه رو تهیه کنم؟

  15. 4 سال عضو همیار وردپرس

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

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

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

    • 7 سال عضو همیار وردپرس

      سلام
      نسخه رسمی و استاندارد visual composer هستش دوست عزیز.

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

      درسته خیلی مدت ازین کامنت میگذره ولی برای دانش بقیه افرادی که این مطلب رو میبینن:
      بله این دو افزونه کاملا از هم متفاوت هستند. در وبسایت های ایرانی اصلا افزونه Visual Composer Website Builder رو پیدا نمیکنید فقط افزونه WP Bakery Page Builder که قبلا اسمش Visual Composer Page Builder بوده هست. و فقط در یک وبسایت ایرانی به تفاوت این دو اشاره شده!
      افزونه wp bakery یا همون ویژوال کامپوزر ایرانیا فقط قابلیت های صفحه سازی داره ولی افزونه VC Website Builder مثل امنتور قابلیت ساخت قالب هم داره طبق گفته خودشون.
      متاسفانه تو ایران مخصوصا مارکت های وردپرسی یه سری باورهای غلط رو ایجاد میکنند.
      منبع: visualcomposer.com/visual-composer-vs-wpbakery-review

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

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

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

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

  20. 4 سال عضو همیار وردپرس

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

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

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

  23. سلام ببخشید من نصبش کردم
    موقع که میخای تعییراتو ذخیره کنی نمیشه
    هر چی روی ذخیره نعییرات میزنی هیچ اتفاقی نمیوفته
    مشکل از کجاس

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

    با سلام و احترام
    ماژول WPBakery Page Builder فعال و تا دیروز داشتم باهاش کار میکردم منتها امروز برام باز نمیشه و وقتی میخوام برم تو تنظیماتش میگه متاسفانه دسترسی ندارید
    میشه لطفا راهنمایی بفرمایید مشکل کار از کجاست؟

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

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

    سلام
    من استفاده کردم قبلا کامل کار میکرد اما الان روی یه وردپرس ورژن جدید و قالب جدید که خودم ساختم تست کردم کار می کنه اما کافی به صفحه اسلایدر یا اسلاید پستی اضافه کنم کلا صفحه نمایش برگه خطای ؛ The connection was reset؛ روی میده هیچی نشون نمی تا دوباره اون اسلایدر رو از تو صفحه پاک نکنم .درضمن با ومپ کار می کنم ماژول rewrite هم فعال کردم .حتی پوسته ۲۰۱۷ روهم تست کردم با اونم همین مشکل رو داره . اگه لطف کنید راهنمایی بکنید ممنون میشم
    باتشکر

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

      مشکل رو پیدا کردم این طوری حل شد میزارم شاید به کار دوستان بیاد بعدا :

      در سرور لینوکسی اگر گاها در مرورگر با خطای the connection was reset مواجه شدید مشکل از تنظیمات آپاچی می باشد

      درصورتیکه موردی را تغییر دادید به حالت قبل بازگردانید ، اگر موردی را تغییر نداده اید خط زیر را به انتهای فایل httpd.conf اضافه کنید

      ThreadStackSize 8388608

      برگرفته از انجمن پارسی(حق کپی رایت هم رعایت بشه بهتر)

  27. سلام من این افزونه رو دارم روی وب سایتم ولی چندتا افزونه مثل سئو نسب کردم ایتمهای که داخل صفحه بود که می تونستم عکس و ایکون هر چیزی رو تغییر بدم تبدیل به کد شدن باید چیکار کنم برگردن و یا توی تنظیمانتش باید تغییراتی اعمال کنم

  28. سلام میشه اول سایت رو روی لوکال با این افزونه طراحی کرد بعد روی هاست بارگزاری کرد؟
    این افزونه روی لوکال به خوبی کار میکنه؟

  29. سلام

    من از دانش آموختگان قدیمی همیار ورد پرس هستم و پس از دوره آموزشی هم همیشه از مطالب حرفه ای نویسندگان حرفه ای شما استفاده میکنم. برای طراحی سایت جدیدم نیاز به قالبی با باکسهای استاندارد برای بنرهای تبلیغاتی داشتم به صورتی که کاملا آزادانه بتوانم این باکس ها را Drag & Drop کنم. ایا این افزونه برای بنرهای تبلیغاتی هم فکری کرده است؟

  30. سلام
    بخش extra class name یا “نام کلاس اضافه”
    کار باهاش به چه شکلی هست و کدهای داخل اون رو از کجا باید بگیریم؟

  31. براي فعالس سازي ويژوال كمپرسور راه رايگاني هم وجود داره

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

    با سلام؛
    ببخشید من می خوام این افزونه رو بخرم.
    1) آیا این افزونه حتماً باید بر روی یک قالب پیشرفته نصب شود و سپس صفحات را ایجاد یا تغییر دهد و یا اینکه می توان بر روی یک قالب ساده نصب شود و کلاً قالب را برای ما بازسازی کند؟
    2) آیا این افزونه قابلیت این را دارد که اجزای قالبهای ساده را دقیقاً به همان نحوی که ما علاقه داریم تغییر داده و یک قالب زیبا برای ما درست کند؟
    3) آیا این افزونه فقط بر روی بعضی از قالبها که قابلیت کار با ویژوال کامپوزر را دارند کار می کند یا سازگاری مهم نیست و این افزونه با همه قالبهای وردپرسی سازگار است؟
    4) آیا مشکلاتی که کاربران درباره نسخه موجود بر روی سایت همیار ذکر کرده اند برطرف شده است؟
    با تشکر

    • 7 سال عضو همیار وردپرس

      سلام
      1- فرقی نداره. مهم اینه که از قالب شما پشتیبانی کنه
      2- بله
      3- بله سازگاری مهمه
      4- مسلما بروز رسانی شده
      در ژاکت وجود داره میتونید از پشتیبانی ژاکت کمک بگیرید.

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

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

  34. سلام
    این افزونه با حالت Strech Row در RTL مشکل داره. راه حل رفع مشکلش رو می دونید؟

    تشکر

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

    • مشکلم حل شد مچکر

    • سلام، منم همین مشکل رو دارم ، چطوری حل شد؟

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

      ببین کدهای css داخل قالب مخصوصا قسمت سفارشی سازی مشکل نداره از لحاظ دستوری مثلا ؛ روی فراموش کرده باشی بزاری چون من قبلا برام پیش اومده این مشکل دیدم مشکل از css های قسمت سفارشی سازی بود که به قالب داده بود. شما هم امتحان کنید

  36. سلام.. من از افزونه ویژوال کامپوزر توی این قالب سون مگ استفاده می کنم .. اما نمیدونم چرا ردیف ایجاد نمیکنه .. لطفا من رو راهنمایی کنید خیلی حیاتیه… تمام ورژن های افزونه رو امتحان نمودم اما باز هم فایده ای نداشت..

  37. سلام من میخام این افزونه رو بخرم و روی ورژن قبلی نصب کنم چطور میتونم ورژن قبلی رو پاک کنم بعد این رو نصب کنم ممنونم راهنمایی کنید

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

  39. سلام،
    این افزونه بسیار خوبیه
    ولی ی مشکلی من باهاش دارم
    میخواستم ببینم میتونید راهنمایی کنید؟
    وقتی که یک ردیف با بیش از یک ستون ایجاد میکنم ( برای مثال دریف 3 ستونه )
    در هنگام مرورگری با موبایل مطالب موجود در این دریف که برای مثال 3 ستون دارد را از ستون چپ به راست نمایش میدهد و این به دلیل اینکه صفحات موبایل دارای نمایشگر کوچکتری نسبت به لپ تاپ هستند و مطالب رو زیر یکدیگر نشون میدهد مشکل به وجود آورده است

    *توضیح بیشتر:
    برای مثال من در یک ردیف سه ستونی این جمله را نوشته ام
    در ستون اول از سمت راست:امروز هوای
    در ستون دوم از سمت راست: تهران
    در ستون سوم از سمت راست: بارانی است

    چون ستون های یک ردیف در حالت مرورگری با موبایل زیر هم نشان داده می شود و این افزونه ستون های یک ردیف را از چپ به راست نشان میدهد این مشکل به وجود می آید و این جمله را به این صورت نشان میدهد: بارانی است تهران امروز هوای
    *

    اما هنگام مرورگری با لپ تاپ و نمایشگر های بزرگ چون ستون ها سر جای خودشان نشان داده می شوند هیچ مشکلی وجود ندارد

  40. سلام و عرض ادب
    خیلی ممنون بابت آموزش و مطالب مفیدتون

    من با استفاده از visual composer برگه دلخواه رو میسازم و در فسمت frontend editor هم هیچ مشکلی نیست و دقیقا همون چیزیه که ساختم ، ولی وقتی که سایت رو باز میکنم ، ابعاد و جایگاه المان ها به هم میریزه و شبیه تنظیمات من نیست

    (لازم به ذکره که بعد از تنظیمات در frontend editor به روز رسانی رو انجام میدم و در قسمت صفات برگه ، قالب به صورت پیش فرض هستش و قالب سایت من هم superstore هست)

    ممنون میشم که بفرمایید چطور این مشکل رو حل کنم

    خیلی ممنون

    • 7 سال عضو همیار وردپرس

      سلام
      ctrl+ f5 بزنید ببینید تغییری میکنه یا نه!
      ممکنه این افزونه با قالب شما سازگاری نداره

    • نه خیر تغییری نمیکنه
      قالب من superstore هستش و داخل توضیحات قالب نوشته که با این افزونه سازگاره.

      ممنون از شما که پاسخ دادید.

  41. سلام
    میخواستم بدونم این افزونه با قالب تاپ کامرس هماهنگی داره

  42. سلام.میشه بفرمایین امکان تغییر عناصر موجود در صفحه ساز وجود داره یا نه؟ مثلا اسلایدر صفحه ساز swift رو از کجا میتونم با اسلایدری که دوست دارم عوض کنم؟
    اگه نمیشه چطوری میتونم اسلایدر بذارم تو صفحه؟

  43. 4 سال عضو همیار وردپرس

    سلام.
    من 10 مدل از افزونه visual compoer را نصب کردم ولی هیچکدام در برگه جدید این لوگوی آبی یا چیز دیگری اضافه نشد. لطفا لینک دانلود این افزونه را بگذارید. اسم کامل انگلیسی افزونه را هم بگذارید کمک میکنه………

    با تشکر

  44. 4 سال عضو همیار وردپرس

    سلام.
    لینک دانلود رو هم اگه میشه بذارین

  45. 4 سال عضو همیار وردپرس

    الان آپدیت این افزونه اومده ولی ما لایسنس میخواد من قالبمو از خودتون تهیه کردم و کلا الان از کار افتاده ممنون میشم منو راهنمایی کنید

    • 7 سال عضو همیار وردپرس

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

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

    “در صورتی که این پیج مربوط به صفحه ی اصلی با توجه به قالب آدرس دهی کنید.
    این نکته رو یادآور بشم که اگه قراره این برگه به عنوان صفحه ی اصلی سایت باشه در تب قالب ها در ویرایشگر حتما اون رو به عنوان تمپلیت بارگزاری کنید.”
    سلام میشه در مورد این دو قسمت از توضیحاتتون بیشتر توضیح بدین! من یکی از برگه هایی که با VC ساختم رو میزارم به عنوان صفحه اصلی اصلا درست نشون نمیده! نه بک گراندی که تعبیه کرده بودم، نه کادر جستجو، نه یکی از ابزارکهایی که لازم داشتم، هیچ کدوم نشون داده نمیشن! در حالی که در حالتی که به عنوان صفحه اصلی نیست موارد به درستی نشون داده میشن! من به عنوان قالب هم سیوش کردم اما تفاوتی نکرد! در مورد آدرس دهی که گفتین هم نفهمیدم منظورتون چیه! میشه راهنمایی کنین؟؟ من باید این صفحه رو صفحه اصلی کنم حتما! تشکر میکنم ازتون.

  47. 4 سال عضو همیار وردپرس

    با سلام. با تم صحیفا سازگاری داره؟

  48. سلام
    من وقتی صفحه ای که دارمو با ویژوال کامپوزر ویرایش میکنم(front end) همه چی درسته
    اما وفتی به داخل صفحه اصلی سایتم میرم همه چی درهمه ! انگار استایلی بهش نداده
    مشکل از کجا میتونه باشه؟ چون تمام فایلهای در هاستم هست .

  49. با سلام
    من کامپوزر رو در ادیتور وردپرسم نمیبینم تمام تنظیمات درسته ولی نمایش داده نمیشه . روی دکمه backend هم کلیک میکنم نمایش نمیده در ضمن تمام پلاگین هارو هم غیر فعال کردم تاثیری نداشت

  50. سلام من یک قالب دارم که از ویزوال کاممپوسر در اون استفاده شده در قالب یک المان خارجی به اسم بلاگ ساخته شده که من میتونم اونو در صفحه ام استفاده کنم من میخواهم اون رو ویرایش کنم در زیر پوسته ولی با وجود اینکه تمام دایرکتوری رو به درستی منتقل کردم به پوشه زیر پوسته این اتفاق نمی افته میخواستم بدونم راه خاصی برای این کار وجود داره؟؟؟
    ساختار پوشه بندی
    C:wampwwworganicwp-contentthemesorganicfood-childframeworkshortcodesblogpost
    C:wampwwworganicwp-contentthemesorganicfoodframeworkshortcodesblogpost
    اصلا برای ویرایش المان های صفحه ساز باید چکار کنم

  51. 4 سال عضو همیار وردپرس

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

  52. 4 سال عضو همیار وردپرس

    سلام و خسته نباشید
    من از قالب GOODNEWS ورژن: 5.8.3 فارسی شده استفاده میکنم
    و از پلاگین Visual Composer ورژن: 4.7.4 استفاده میکنم

    ولی وقتی میخوام صفحه اصلی رو با Visual Composer طراحی کنم
    صفحه جدید که میسازم و و ارد قسمت Page Builder میشم و Add Element رو میزنم هیچ کدوم رو نمیتونم اضافه کنم نمیدونم مشکل از کجا هست

    لطفاً کمک کنید ، تا جایی که فهمیدم بدون این پلاگین نمیشه این کار رو کرد… 🙁

  53. سلام خسته نباشید من از چن تا سایت چندین بار این افزونه رو نصب کردم اما وقتی میرم توfron end edit اینو که میزنم لوگوی کامپوزر میاد تو صفحه میمونه و گیر میکنه چیکار کنم حل شه ؟ همه چی هم اپدیته

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

    این افزونه لایسنس نیاز داره؟
    برای آپدیت باید چکار کرد؟

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

  56. سلام
    من وقتی میخام از این ادیتور برای پیج « ارتباط با ما » استفاده کنم ، چه در حالت فرانت و چه در حالت بک اند با ارور 404 مواجه میشم
    صفحه موجود هست برای رویت اما وقتی میزنم برای ویرایش 404 رو نشونم میده
    ممنون میشم راهنمایی کنید

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

    با سلام
    من وقتی برگه ای رو با این افزونه طراحی می کنم برگه به صورت تصویر زیر می شود.
    http://s9.picofile.com/file/8272026168/Screenshot_10_24_2016_11_31_55_%D9%82.png
    اگر امکانش هست راهنمایی کنید

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

  59. 4 سال عضو همیار وردپرس

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

  60. سلام. وقت بخیر.
    آیا امکانش هست که یک دسته ی خاص رو برای نشون دادن به شکل یکی از تمپلیتای پیشنهادی ویژوال کامپوزر انتخاب کرد؟ اگه آره ممنون میشم که بگید چجوری.
    این چیزی که به نظر میرسه انگار فقط میشه یه تعداد خاص از مطالب و عکس ها رو نشون داد و اگه مثلا یه مطلب دیگه بخوایم اضاف کنیم باید بریم و دستی بهش اضاف کنیم.

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

دوره‌های آموزشی