خانه / افزونه وردپرس / آموزش افزونه Beaver Builder و ساخت صفحات زیبا در وردپرس

آموزش افزونه Beaver Builder و ساخت صفحات زیبا در وردپرس

آموزش افزونه Beaver Builder

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

Beaver Builder چیزی فراتر از یک افزونه صفحه ساز و در واقع یک فریم ورک است. این افزونه یک مجموعه کامل از ابزارها است که توسعه وب سایت های وردپرسی را بسیار آسان کرده است.

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

Beaver Builder در بوت استرپ اجرا می شود و حتی با تعداد زیاد ماژول کاملاً غیر قابل نفوذ است. کد نویسی افزونه Beaver Builder روشن، دقیق و مستقیم است و این امر باعث شده که به صورت آنی اجرا شده و هیچ تاخیری نداشته باشد و همچنین منابع سرور شما را از بین نمی برد. بنابراین هم در هزینه و هم در زمان صرفه جویی می نمایید. این افزونه از بهترین افزونه های صفحه ساز وردپرس است.

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

افزونه Beaver Builder تقریباً با تمام قالب های وردپرس سازگار است. بنابراین اگر مایل به نصب چایلد تم نبودید می توانید از هر قالبی که مایل بودید استفاده نمایید.

در این آموزش افزونه Beaver Builder را مورد بررسی قرار داده و نحوه ساخت یک صفحه را با استفاده از این افزونه توضیح خواهیم داد.

آموزش افزونه Beaver Builder و نحوه ساخت یک صفحه با این افزونه

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

بعد از اینکه افزونه نصب شد آن را فعال کنید. پس از فعال سازی افزونه در منوی تنظیمات پیشخوان وردپرس زیرمنوی جدیدی به نام Beaver Builder اضافه خواهد شد.

آموزش افزونه Beaver Builder

در این بخش از آموزش افزونه Beaver Builder وارد صفحه خوش آمدگویی افزونه می شوید.

آموزش افزونه Beaver Builder

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

ویرایش بک اند

ناحیه جدید تنظیمات، تنها بخش مدیریت بک اند افزونه است. بقیه کارها همگی در فرانت اند سایت شما اتفاق می افتد. در ادامه آموزش افزونه Beaver Builder به بررسی مهمترین تب های بخش تنظیمات بک اند می پردازیم.

ماژول ها

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

آموزش افزونه Beaver Builder

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

انواع نوشته

در تب “انواع نوشته” مشخص می کنید که برای چه نوع پستی می خواهید صفحه ساز را به کار ببرید.

آموزش افزونه Beaver Builder

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

دسترسی کاربر

در تب “تنظیمات دسترسی کاربر” می توانید دسترسی کاربران به امکانات صفحه ساز را محدود کنید.

آموزش افزونه Beaver Builder

ویرایش فرانت اند

جادوی افزونه Beaver Builder در فرانت اند اتفاق می افتد. در این قسمت از آموزش افزونه Beaver Builder به شما یاد خواهیم داد که چگونه با استفاده از این افزونه یک صفحه بسازید.

ابتدا یک برگه جدید بسازید. مشاهده می کنید که در بالای صفحه یک آیتم جدید به نام Beaver Builder اضافه شده است.

آموزش افزونه Beaver Builder

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

آموزش افزونه Beaver Builder

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

آموزش افزونه Beaver Builder

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

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

آموزش افزونه Beaver Builder

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

آموزش افزونه Beaver Builder

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

آموزش افزونه Beaver Builder

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

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

آموزش افزونه Beaver Builder

اگر مایل باشید مجدداً آموزش استفاده از افزونه را مشاهده کنید می توانید پنجره کشویی سمت راست صفحه را باز کرده و روی قسمت “کمک نیاز دارید؟” کلیک کنید.

آموزش افزونه Beaver Builder

بعد از اینکه برگه سفارشی خود را آماده کردید بر روی دکمه “انجام شد” کلیک کنید.

امیدواریم آموزش افزونه Beaver Builder در سایت مدیر وردپرس به شما کمک کرده باشد که یک صفحه زیبا و سفارشی برای وب سایت وردپرسی خود بسازید.

دانلود افزونه

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

درباره ی مینا قدسی

مطلب پیشنهادی

افزونه Advanced Random Posts Widget

افزونه Advanced Random Posts Widget و نمایش تصادفی نوشته وردپرس

برای وبلاگ نویسان و مالکان سایت ها بسیار مهم است که بتوانند بازدیدکنندگان خود را …

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *