آموزش طراحی صفحات فرود با WP Bakery

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

 

افزونه ویژوال کامپوزر حرفه‌ای‌ترین افزونه صفحه ساز وردپرس به‌شمار می‌آید که تا به حال بیشترین فروش را در بین افزونه‌های وردپرسی داشته است. سایت کوکاکولا، ایسوس و سایت‌های بزرگ دیگری برای طراحی سایت و صفحات فرود خود از ویژوال کامپوزر یا WP Bakery Visual Composer استفاده می‌کنند.

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

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

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

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

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

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

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

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

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

افزونه صفحه ساز وردپرس Visual Composer فارسی

بیش از ۴۰ المنت برای طراحی

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

طراحی صفحات بدون برنامه‌نویسی

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

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

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

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

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

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

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

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

آموزش کاملا غیرحضوری

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

علاوه بر یادگیری به‌صورت آنلاین، می‌توانید فایل هر جلسه را روی سیستم خود دانلود کنید و روی موبایل و تبلت خود یادگیری را ادامه دهید.

در پایان هر دوره، از فرم سوالات موجود در پنل کاربری خود می‌توانید سوالات و ابهامات را ارسال کنید. مدرس و پشتیبانان دوره سریعا به شما پاسخ خواهند داد.

سوالات متداول

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

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

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

مدرس دوره

رضا حسینی رادرضا حسینی راد
  • مدیر و موسس وبسایت میهن وردپرس با رتبه ۱۲۰ ایران
  • نویسنده کتاب شاه کلید سئو
  • مشاور و مدرس کسب‌و‌کار اینترنتی
  • دارای گواهینامه SEO Expert از MOZ
  • دارای گواهینامه بین المللی PHP , HTML & CSS و JavaScript از W3Schools

سرفصل‌ها

جلسه 1: نصب و راه اندازی ویژوال کامپوزر

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

جلسه 2: انجام تنظیمات ویژوال کامپوزر

  • ساخت مجدد صفحات
  • استفاده از برگه‌های خالی در ویژوال

جلسه 3: شروع کار با ویژوال کامپوزر و محیط کاربری آن

  • شروع کار با صفحه ساز
  • نکاتی درباره ویژوال کامپوزر
  • ویرایش قالب‌های ویژوال کامپوزر
  • کار با بخش قالب‌ها در ویژوال کامپوزر
  • ویرایشگر backend ویژوال کامپوزر چیست
  • کار با ویرایشگر بک‌اند ویژوال کامپوزر
  • ویرایشگر فرانت‌اند ویژوال کامپوزر
  • کار با ویرایشگر فرانت‌اند ویژوال کامپوزر
  • دلیل انتخاب ویرایشگر فرانت‌اند
  • شروع کار با ویژوال کامپوزر
  • استفاده از گوتنبرگ
  • استفاده از ویرایشگر کلاسیک وردپرس

جلسه 4: کار با ردیف‌ها و ستون‌ها در ویژوال کامپوزر

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

جلسه 5: آشنایی با المنت‌های مختلف در ویژوال کامپوزر

  • المنت‌های ویژوال کامپوزر
  • افزودن المنت به صفحه
  • نمایش متن در صفحه طراحی شده
  • افزودن متن دلخواه به صفحه
  • کار با المنت‌های مختلف
  • گروه‌بندی المنت‌ها در ویژوال کامپوزر
  • حذف المنت‌های اضافی ویژوال کامپوزر
  • استفاده از آیکون جدید در ویژوال کامپوزر
  • تنظیمات رنگ و پس زمینه آیکون‌ها
  • استفاده از المنت بلاک متن در صفحه ساز
  • استفاده از جداکننده
  • کشیدن خط افقی فرضی در صفحه
  • نمایش خط افقی همراه با متن
  • افزودن عنوان به بخش‌های مختلف صفحه
  • نمایش اطلاعیه در صفحه
  • نمایش پیام خطا در صفحه
  • نمایش پیام موفقیت آمیز در صفحه
  • نمایش لایک فیسبوک صفحه
  • نمایش لایک فیسبوک پیج فیسبوک شما در صفحه
  • نمایش توییت‌های توییتر در صفحه
  • نمایش لایک‌های پست توییتر شما
  • پین کردن صفحه در پینترست
  • نمایش آکاردئون باز شونده در صفحه
  • نمایش سوالات متداول در صفحات سایت
  • نمایش پرسش و پاسخ در صفحه
  • نمایش تصویر در صفحه
  • نمایش گروهی چند تصویر در صفحه
  • نمایش تصاویر چرخان در صفحه
  • افزودن اسلایدر تصاویر به صفحه
  • تب بندی یک بخش از صفحه مورد نظر
  • تب بندی افقی و عمودی
  • ساخت باز شونده در صفحه مورد نظر
  • افزودن ردیف و ستون و المنت به باز شونده
  • ساخت تور آموزشی برای صفحه طراحی شده
  • ساخت یک بخش با پس زمینه شفاف برای صفحه طراحی شده
  • افزودن تیتر و سرتیتر به صفحات سایت شما
  • نمایش دکمه CTA در سایت
  • افزودن دکمه با آیکون و رنگ دلخواه
  • CTA چیست؟
  • ساخت باکس CTA در سایت
  • افزودن ناحیه ابزارک به صفحه
  • افزودن ابزارک در بخشی دلخواه از صفحات سایت
  • نمایش مطالب سایت بصورت اسلایدی از بخش مورد نظر
  • نمایش ویدیو پلیر آنلاین در سایت
  • نمایش ویدیو از یوتیوب و ویمئو
  • نمایش ویدیو از هاست شما
  • نمایش گوگل مپ در صفحات
  • دلیل وجود پیام Development در نقشه گوگل
  • بهترین روش برای نمایش نقشه در سایت
  • افزودن کد HTML دلخواه در صفحات سایت
  • افزودن کد جاوا اسکریپت دلخواه در صفحات سایت
  • نمایش درصد پیشرفت پروژه‌ها در سایت
  • نمایش اطلاعات بصورت دایره‌ای در صفحه
  • نمایش اطلاعات بصورت دایره متحرک در صفحه

جلسه 6: ساخت صفحه فرود عملی با ویژوال کامپوزر

  • ساخت قالب جدید در ویژوال کامپوزر
  • ساخت یک صفحه فرود به‌صورت عملی

لیست آپدیت‌های رایگان

بروزرسانی شماره ۱

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

  1. U37452 ۱۶ فروردین ۱۴۰۰

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

  2. U38550 ۱۴ فروردین ۱۴۰۰

    با سلام
    به محتوای آموزش چطور میتونم دسترسی داشته باشم؟ ثبت نام و شروع یادگیری میزنم پیغام میده سبد شما خالی است و سرفصل ها هم باز نمیشه.لطفاً راهنمایی بفرمایید. ممنون

    • تیم پشتیبانی تیم پشتیبانی ۱۴ فروردین ۱۴۰۰

      با سلام
      در حال حاضر فروش این دوره متوقف شده است

      • U38550 ۱۴ فروردین ۱۴۰۰

        پیشنهاد شما برای دوره مشابه چی هست و آیا این دوره دوباره برای فروش آماده خواهد شد؟

        • رضا حسینی راد رضا حسینی راد ۱۴ فروردین ۱۴۰۰

          منتظر باشید فردا یه ویدیو رایگان منتشر میکنیم توی ۲ ساعت ساخت سایت و صفحات رو یاد میگیرید.

  3. U36746 ۰۳ اسفند ۱۳۹۹

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

    • رضا حسینی راد رضا حسینی راد ۰۳ اسفند ۱۳۹۹

      سلام قالب رو تغییر بدید و روی قالب دیگری ویژوال رو تست کنید. مشکل حل میشه؟

  4. U17441 ۱۰ آذر ۱۳۹۹

    سلام. ببخشید این عکس رو ببینید:

    این بیکری هست.

    اینو ببینید. این ویژوال.. هست. این دو کاملا متفاوتن پس چرا می‌گید wp bakary visual composer ؟
    چون هر دوی اینا به روز‌اند پس این که ویژوال جدید بیکریه اشتباهه.
    من کاملا گیج شدم ممنون می‌شم کمکم کنید

    • تیم پشتیبانی تیم پشتیبانی ۱۰ آذر ۱۳۹۹

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

  5. U17441 ۰۵ آذر ۱۳۹۹

    ببخشید من الآن متوجه نشدم، بیکری که یه چیر جداییه چرا نوشتید wp bakary visual composer؟

  6. U27749 ۰۱ آذر ۱۳۹۹

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

  7. U27000 ۰۲ مرداد ۱۳۹۹

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

  8. U27000 ۲۹ تیر ۱۳۹۹

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

    • تیم پشتیبانی تیم پشتیبانی ۳۰ تیر ۱۳۹۹

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

  9. U29056 ۱۷ تیر ۱۳۹۹

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

    • تیم پشتیبانی تیم پشتیبانی ۱۷ تیر ۱۳۹۹

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

  10. U21960 ۲۵ اردیبهشت ۱۳۹۹

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

  11. U24850 ۰۴ فروردین ۱۳۹۹

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

    • رضا حسینی راد رضا حسینی راد ۰۴ فروردین ۱۳۹۹

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

  12. U9016 ۰۲ بهمن ۱۳۹۸

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

    • تیم پشتیبانی تیم پشتیبانی ۰۲ بهمن ۱۳۹۸

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