وردپرس به دلیل داشتن رابط کاربری ساده ، موضوعات بسیار قابل تنظیم و تنوع بی انتها ، CMS گسترده ای در سراسر جهان است. پلاگین ها قدرتمند است. این برنامه ایجاد ، توسعه و مدیریت وب سایت ها را حتی برای بیشترین آماتور کاربران ساده کرده است.

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

متأسفانه ، اگر شما یک آماتور یا مبتدی باشید ، حتی با این کار نمی توانید انجام دهید وردپرس، از آنجا که برای اصلاح طرح زمینه خود ، به درجه خاصی از تخصص در HTML ، CSS ، PHP و چندین مهارت دیگر نیاز دارید که بستگی به ماهیت موضوع ، بلکه همچنین پروژه یا هدف شما دارد.

با این حال ، حتی اگر یک رمزگذار باتجربه باشید ، مطمئناً به ابزاری نیاز دارید که بتواند در نتیجه و زمان صرفه جویی در وقت و کیفیت داشته باشید.

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

با استفاده از این افزونه می توانید:

  • صفحات جذاب جذاب (صفحه فرود)
  • از صفحات فروش تا نگاه حرفه ای
  • سایت های "ویترین" برای کسب و کار شما
  • صفحات ماژول برای آموزش شما
  • در کوتاه مدت همه

به نظر من بهترین ابزار قالب بندی (یا طرح بندی) در اینترنت است. مخصوصاً برای کاربران وردپرس.

بنابراین در این آموزش به شما نشان می دهم چگونه می توانید ظاهر منحصر به فردی به وب سایت خود بدهید (یا وبلاگ) با پلاگین ویژوال آهنگساز.

بنابراین ...

چگونه به نصب و پیکربندی افزونه WPBakery Page Builder

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

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

سپس با انجام برخی تنظیمات اساسی شروع خواهیم کرد. برای انجام این کار، به مکان مورد نظر بروید "تنظیمات >> ویژوال آهنگساز » در داشبورد خود را.

تنظیمات کلی

آهنگساز بصری تنظیمات عمومیبرگه اول (تنظیمات کلی)، به شما اجازه می دهد تغییر دهید:

  • استفاده از مطالب که بصری نوشتن در دسترس خواهد بود. شما می توانید موارد را بررسی کنید (پست) و / یا صفحات (با ما)
  • قوانین مختلفدسترسی نقشهای مختلف با استفاده از این گزینه می توانید تعیین کنید چه چیزی را تغییر می دهد. نقشهای مختلف موجود نمایش داده می شود برای بررسی عناصر موجود در آن ، باید روی هر یک کلیک کنید (نقش) دسترسی خواهد داشت شما این گزینه را دارید که استفاده از " بصری آهنگساز »برای کاربران با نقشی خاص.
    ویرایشگر را در صفحه ساز WPbakery فعال کنید
  • موارد را فعال یا غیرفعال کنید پاسخگو
  • زیر مجموعه های قلم های Google را تعریف کنید

انتخاب نقش wpbakeryگزینه های طراحی

در گزینه های طراحی ، شما می توانید ظاهر بصری پیش فرض عناصر مختلف "" را تغییر دهید. بصری آهنگساز '. قبل از استفاده از آن ، مطمئن شوید که گزینه را علامت زده اید « از گزینه های طراحی سفارشی استفاده کنید ».

تنظیمات CSS

این گزینه ها به شما امکان می دهد رنگی را که برای همه عناصر اعمال می شود ، تعریف کنید. 

  • " CSS سفارشی »به شما این امکان را می دهد تا هر مورد را بیشتر شخصی سازی کنید ، فقط توسعه دهندگان می توانند بدانند که چیست.
  • برگه « مجوز محصولات »به شما امکان می دهد خود را فعال کنید پلاگین برای دریافت به روزرسانی خودکار
  • برگه « کد کوتاه دارایی اساساً در مورد توسعه دهندگان است.

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

نحوه ایجاد یک صفحه سفارشی با بصری آهنگساز

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

سردبیر-جلویی از حد سردبیر باطن

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

ویرایشگر بصری ویرایشگر داشبورد گوتنبرگ

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

با سردبیر دفتر پشتی

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

پس از ورود به ویرایشگر Back-office ، می توانید یک طرح کلی برای صفحه انتخاب کنید.

به روز رسانی ها با ما بسته به آنچه شما قصد دارید با صفحه انجام دهید متفاوت باشد. بنابراین شما می توانید انتخاب کنید « فرود صفحه » برای ایجاد یک صفحه اصلی ، "لیست خدمات" برای صفحه ای که خدمات را نشان می دهد ، و غیره. با تجربه حتی می توانید شرط بندی کنید en صفحات سفارشی طراحی شده بسیار طرفدار.

انتخاب انتخاب هر چه باشد با ما، ارائه عناصر مانند همه مشابه است. شما می توانید یک جدید اضافه کنید عنصر en cliquant sur "+" در بالای صفحه متا جعبه « ویرایشگر بصری »، یا با کلیک بر روی نماد یک مدل اضافه کنید "مدل".

در هر خط می توانید (از چپ به راست) :

  • حرکت خط
  • ستون ها را در ردیف مدیریت کنید
  • اضافه کردن یک ستون جدید

رابط سازنده صفحه wpbakeryگزینه های دیگر در سمت راست جعبه موجود است. این گزینه به شما اجازه میدهد (از چپ به راست) برای:

  • خط را کاهش دهید
  • یک ردیف را ویرایش کنید
  • یک ردیف را کپی کنید
  • یک ردیف را حذف کنید

طرح wpbackeryدر وسط هر ستون ، می توانید یک مورد را قبل از آن اضافه کنید ، یک ستون را ویرایش یا حذف کنید.

بخش گزینه ها wpbackeryبخش گزینه ها wpbackery

منابع پیشنهادی

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

1 - نحوه مدیریت ستون ها

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

البته الگوهای 11 ستون های مختلف موجود است ، اما می توانید با کلیک کردن روی پیوند ، تعداد دلخواه خود را ایجاد کنید "شخصی سازی شده" درست زیر لیست ستونها

به عنوان مثال ، برای نمایش بخشی از صفحه با ستونهای 2 در عرضهای برابر ، باید انتخاب کنید (یا اضافه کنید) "1 / 2 + 1 / 2". 

ستون ها در وبلاگ شما نمایش داده می شوند و عرض آنها متناسب با ابعاد موضوع توزیع می شود. یک ستون می تواند تا حد امکان موارد را در بر داشته باشد ، بنابراین محدودیتی در این سطح وجود ندارد.

طرح بخش wpbakery

عناصر مختلف را می توان به هر ستونی منتقل کرد.

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

  • حرکت عنصر
  • تغییر عنصر
  • تکراری عنصر
  • برداشتن عنصر

گزینه های از حد عناصر

2 - نحوه اضافه کردن عناصر

شما می توانید هر ستون را با عناصر پیشنهادی " بصری آهنگساز '. برای افزودن یک مورد ، روی دکمه کلیک کنید "+" روی یک ستون خاص یا بر روی دکمه "+" پلاگین منوی اصلی.

عنصر wpbakery را اضافه کنید
وقتی ستونی خالی است (ne شامل بدون محتوا)او یک دکمه دارد "+" داخل.
 به عنوان مثال برای افزودن فیلم ، روی این دکمه کلیک کنید و عنصر ویدیو را انتخاب کنید.

اضافه کردن یک ویدیو

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

تنظیم ویدیو wpbakeryویدئوی شما در ویرایشگر پشت دفتر در دسترس خواهد بود. تغییرات خود را یک بار دیگر ذخیره کنید. اکنون می توانید با کلیک کردن ساده ، آن را مشاهده کنید " پیش نمایش ".

وردپرس wpbakery را اضافه کنیدروند افزودن مورد برای همه موارد دیگر یکسان است ، به استثنای چند مورد. اطلاعاتی که باید تکمیل شوند بسته به عناصر ممکن است متفاوت باشد. 

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

تنظیمات بلوک متنجالب ترین با این پلاگین، این است که شما قادر خواهید بود برای ایجاد ستون های فرعی اگر موضوع شما اینگونه نیست ، برای این کار بر روی دکمه add کلیک کنید (" + ")، و عنصر را انتخاب کنید " نظرات WP اخیر "،" فیس بوک پسندیدن و بالاخره « دسته بندی WP '.

اکنون این الگوی ستون سفارشی را ایجاد کنید 1 / 3 + 2 / 3 »یا هر مورد دیگر و عنصر را اضافه کنید نوار کناری در ستون سمت چپ یا در ستون سمت راست. مهم نیست زیرا همه اینها بستگی به این دارد که شما می خواهید نوار کناری خود را که در این پسوند طرح ایجاد شده است نسبت به Visual Composer ارائه دهید.

پیکربندی ستون wpbakery

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

3 - نحوه ذخیره و استفاده مجدد از یک الگوی صفحه

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

برای ذخیره الگو ، روی نماد الگوها کلیک کنید. در پنجره ظاهر شده ، نام مدل خود را در "وارد کنید طرح فعلی را به عنوان یک الگو ذخیره کنید »، سپس بر روی« ذخیره الگو '.

مهم: شما باید این کار را در صفحه ای که می خواهید به عنوان الگو ذخیره کنید انجام دهید و نه در یک صفحه خالی.

wpbakery مدل را ثبت کنید

این همان روشی است که شما می توانید مدل های مختلفی را که ذخیره کرده اید ، پایین تر در همان پنجره در بخش پیدا کنید "بارگذاری یک مدل".

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

با سردبیر دفتر جلو

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

در هر زمان می توانید از یک گزینه به گزینه دیگر تغییر دهید (دفتر برگشت دفتر یا EDGE).

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

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

  • فعال یا غیرفعال کردن راهنماها
  • شبیه ساز ، که به شما امکان می دهد وبلاگ خود را در دستگاه های مختلف ببینید
  • دکمه برگشت به دفتر پشت
  • دکمه تغییرات را ذخیره کنید
  • این بصری آهنگساز

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

گزینه های از حد عناصر-از-مقابل دفتر

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

این چیزی است که من توانستم در 1 دقیقه در خانه به آن برسم. با تمرین می توانید به نتایج بسیار رضایت بخشی برسید. و اگر با استفاده از این افزونه قدرتمند به ساخت وب سایت وردپرس خود نیاز دارید ، دریغ نکنید با تیم BlogPasCher تماس بگیریدچه کسی از تحقق پروژه های شما خوشحال خواهد شد

امیدوارم این آموزش کاملاً به زبان فرانسه به شما کمک کند تا اولین قدم های خود را با پلاگین « ویژوال آهنگساز '. اگر مشکل دارید، ما (یا کمک) خوشحال خواهم شد که به شما کمک کنم فراموش نکن: یک صفحه وب زیبا می تواند کنجکاو را به مشتریان تبدیل کند.

پسوندهای پیشنهادی

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

افزونه های بیشتر را کشف کنید CodeCanyon را

این آموزش را با کسانی که به آن نیاز دارند به اشتراک بگذارید.