آموزش افزونه Beaver Builder و ساخت صفحات زیبا در وردپرس
Beaver Builder یک افزونه صفحه ساز کشیدن و رها کردن قدرتمند و انعطاف پذیر وردپرس است که در فرانت اند سایت کار کرده و به شما کمک می کند وب سایت سفارشی خود را بدون درگیر شدن با کدهای HTML و CSS و یا بدون استفاده از شورت کد، در عرض چند دقیقه بسازید. در این مقاله به آموزش افزونه 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 است. بقیه کارها همگی در فرانت اند سایت شما اتفاق می افتد. در ادامه آموزش به بررسی مهمترین تب های بخش تنظیمات بک اند می پردازیم.
ماژول ها
مهمترین تب تنظیمات، تب ماژول ها است. در این تب ویژگی هایی که می خواهید در فرانت اند سایت برای شما نمایش داده شود را انتخاب می کنید. با کلیک بر روی تب “ماژول ها” وارد صفحه زیر می شوید.
در این صفحه می توانید ماژول هایی که برای طراحی نوشته ها و برگه ها نیاز دارید را انتخاب کرده و آنها را فعال کنید. سپس بر روی دکمه “ذخیره تنظیمات ماژول” کلیک کنید.
انواع نوشته
در تب “انواع نوشته” مشخص می کنید که برای چه نوع پستی می خواهید صفحه ساز را به کار ببرید.
در حالت پیش فرض تنها برگه ها انتخاب شده اند و نوشته ها غیر فعال هستند. اینکه صفحه ساز را برای نوشته ها نیز فعال کنید، بسیار وسوسه انگیز است اما توصیه می کنیم که اگر برای اولین بار است که از صفحه ساز استفاده می کنید، در ابتدا آن را تنها برای برگه ها فعال کنید و وقتی با طرز کار افزونه آشنا شدید، نوشته ها را نیز فعال نمایید.
اگر از افزونه هایی مانند افزونه WooCommerce استفاده می کنید که انواع پست های سفارشی را به سایت شما اضافه می کنند (مانند محصولات)، در این قسمت می توانید افزونه Beaver Builder را برای آنها نیز فعال کنید.
دسترسی کاربر
در تب “تنظیمات دسترسی کاربر” می توانید دسترسی کاربران به امکانات صفحه ساز را محدود کنید.
آموزش ساخت صفحه جدید با افزونه Beaver Builder
جادوی افزونه Beaver Builder در فرانت اند اتفاق می افتد. در این قسمت از آموزش به شما نشان خواهیم داد که چگونه با استفاده از این افزونه یک صفحه بسازید.
ابتدا یک برگه جدید بسازید. مشاهده می کنید که در بالای صفحه یک آیتم جدید به نام Beaver Builder اضافه شده است.
در ویرایشگر گوتنبرگ وردپرس که ویرایشگر پیش فرض نسخه 5 وردپرس است، برگه جدید به صورت زیر درخواهد آمد.
روی آن کلیک کنید تا صفحه ساز فرانت اند را فعال سازی کنید. اولین بار که صفحه ساز را باز می کنید یک پیام پاپ آپ روی صفحه ظاهر می شود که از شما می پرسد که آیا می خواهید کار با صفحه ساز را یاد بگیرید یا خیر. بعد از اینکه آموزش ها را دیدید، صفحه ای مانند شکل زیر مشاهده خواهید کرد.
حال شما آماده اید که ماژول ها را به داخل صفحه خود بکشید. روی ماژول مورد نظر خود کلیک کرده و آن را نگه داشته و در داخل صفحه رها کنید.
شما می توانید ابتدا از قسمت ردیف ها تعداد ستون های مورد نظر خود را انتخاب کرده و بعد در داخل هر ستون ماژول را وارد کنید.
اگر پنل ماژول سمت چپ صفحه بسته شد، برای اضافه کردن محتویات بیشتر و ماژول های بیشتر، روی آیکون + کلیک کنید.
شما می توانید ماژول ها را در اطراف صفحه نمایش با کلیک کردن و نگه داشتن آیکون صلیبی شکل در بالا سمت چپ هر ماژول، بکشید و آنها را مجدداً جای گذاری کنید.
برای ویرایش کردن ماژول ها می توانید روی آنها کلیک کنید. حتی می توانید با کلیک کردن بر روی نماد کپی در هر یک از ماژول ها، ماژول ها را بر روی صفحه کپی کنید.
در صورتیکه بخواهید از ابزارک های وردپرس استفاده نمایید می توانید بر روی تب استاندارد کلیک کرده و در پنجره کشویی باز شده ابزارک های وردپرس را انتخاب نمایید.
اگر مایل باشید مجدداً آموزش استفاده از افزونه را مشاهده کنید می توانید پنجره کشویی سمت راست صفحه را باز کرده و روی قسمت “کمک نیاز دارید؟” کلیک کنید.
بعد از اینکه برگه سفارشی خود را آماده کردید بر روی دکمه “انجام شد” کلیک کنید.
امیدواریم این آموزش مورد توجه و استفاده شما قرار گرفته باشد.
دانلود افزونه
ممنون از آموزش تون