راهنمای و بررسی افزونه وردپرس Beaver Builder

راهنمای و بررسی افزونه وردپرس Beaver Builder

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


اگرچه Block Editor یک ویژگی جدید جالب توجه است ، اما وقتی طراحی صفحات و پست های سفارشی می شود ، هیچی از افزونه های سازنده صفحه استفاده نمی کند. افزونه Beaver Builder WordPress نمونه ای کاملی از مزایایی است که این نوع ابزار ارائه می دهد – استفاده از آن آسان و شگفت آور قدرتمند است.

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

بیایید مستقیم به راهنمای جدید و بهبود یافته ما در سازنده صفحه Beaver Build WordPress بپردازیم!

چرا ممکن است به یک صفحه سازنده وردپرس احتیاج دارید

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

ویرایشگر کلاسیک وردپرس

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

با این حال اخیراً ، توسعه دهندگان WordPress نسخه جدیدی از ویرایشگر را که اکنون توسط گوتنبرگ تهیه شده است ، ارائه کردند:

ویرایشگر وردپرس گوتنبرگ

این تغییر مدتها بود که در حال آمدن بود ، اما همچنین چیز جدیدی نیست. Block Editor یک نسخه ساده از سازنده صفحه است – راه حلی که مدتی محبوب کاربران WordPress است.

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

با این حال ، شایان ذکر است که Block Editor یک ویژگی بسیار محدود است. این امکان را به شما می دهد تا پست ها و صفحات را با روشی بصری طراحی کنید ، اما کتابخانه کوچکی از بلوک ها و پشتیبانی کمی برای طرح بندی های پیچیده ارائه می دهد. به همین دلیل است که هنوز هم باید به گزینه های سازنده صفحه دیگر خود نگاه کنید – مانند افزونه ای که ما در بقیه این پست در موردش بحث خواهیم کرد.

مبانی سازنده Beaver

Beaver Builder برای وردپرس

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

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

برخی از ویژگی های اصلی این افزونه عبارتند از:

  • یک کتابخانه بزرگ از محتوا “ماژول ها” ، از گزینه های اصلی (مانند ماژول های متن و تصویر) گرفته تا قابلیت های پیشرفته تر (Call To Action ، نقشه و ماژول های گالری و غیره).
  • رابط ویرایش سفارشی که شما را قادر می سازد صفحات ، پست ها و انواع پست های سفارشی بصری بسازید و فوراً تغییرات خود را مشاهده کنید.
  • امکان ایجاد طرح بندی های پیچیده چند ستونی و تنظیم اندازه ها ، فاصله ها و موارد دیگر.
  • بخش های از پیش ساخته و الگوهای صفحه که به شما امکان می دهند روند طراحی را شروع کنید ، که می توانید در صورت لزوم اصلاح کنید.
  • گزینه ایجاد و ذخیره الگوهای خود برای استفاده های بعدی.
  • گزینه هایی برای اضافه کردن HTML سفارشی و کلاس های CSS شخصی شما ، برای کاربران پیشرفته تر.

البته همه این قابلیت ها با هزینه ای همراه هستند. در حالی که وجود دارد Beaver Builder Lite نسخه به صورت رایگان در دسترس است ، تنها چند ماژول اساسی را ارائه می دهد ، و شامل نمی شود بسیاری از ویژگی های اصلی مانند قالب ها و گزینه های واردات / صادرات. با این حال ، نسخه lite برای ارائه آزمایشی به این سازنده صفحه مفید است و می دانید که چگونه این برنامه را دوست دارید.

اگر قصد استفاده جدی از Beaver Builder را دارید ، می خواهید مجوز حق بیمه را انتخاب کنید تا به بسته کامل دسترسی پیدا کنید. این مبلغ با 99 دلار برای استفاده در وب سایت های نامحدود و یک سال پشتیبانی شروع می شود:

قیمت گذاری Beaver Builder

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

چگونه با Beaver Builder شروع به کار کنیم

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

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

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

مرحله 1: به ویرایشگر Beaver Builder دسترسی پیدا کنید

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

همچنین می توانید با رفتن به صفحه ، محتوا را با سازنده صفحه ایجاد کنید Beaver Builder> افزودن جدید. از طرف دیگر ، می توانید به سادگی بروید صفحات> افزودن جدید (یا معادل پستها و انواع پستهای سفارشی). گزینه جدیدی را مشاهده خواهید کرد:

راه اندازی Beaver Builder

این بدان معناست که می توانید محتوای خود را در ویرایشگر پیش فرض WordPress یا در سازنده صفحه ایجاد کنید. بیایید ضربه بزنیم راه انداز Beaver Builder دکمه:

ویرایشگر صفحه Beaver Builder

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

مرحله 2: یک الگوی شروع را انتخاب کنید

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

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

قالب های Beaver Builder

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

مرحله 3: ماژول های جداگانه را ویرایش کنید

هر عنصر جداگانه در ویرایشگر Beaver Builder یک ماژول مخصوص خود است. برای دیدن منظور ما ، می توانید بر روی یک قطعه متن ، یک تصویر یا یک ویژگی در الگوی شروع خود حرکت دهید. ماژول را به رنگ آبی مشخص می کنید ، و اگر روی آن کلیک کنید ، یک منوی جدید را مشاهده خواهید کرد:

تنظیمات ماژول Beaver Builder

این کادر تنظیمات مربوط به آن ماژول است. این شامل تمام گزینه های سفارشی سازی برای محتوای انتخاب شده است. دقیقاً آنچه را شامل می شود بستگی به نوع محتوائی دارد که با آنها کار می کنید.

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

تنظیمات سبک Beaver Builder

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

تنظیمات پیشرفته Beaver Builder

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

مرحله 4: سازماندهی محتوای خود و چیدمان خود را سفارشی کنید

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

ماژول فرم تماس با سازنده Beaver

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

علاوه بر این ، شما می توانید طرح کلی صفحه خود را تغییر دهید. برای دیدن نمونه ای از این عمل ، روی یک ماژول شناور شوید و ضربه بزنید ستون> تنظیمات ستون را ویرایش کنید:

ستون های سازنده Beaver

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

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

ردیف های Beaver Builder

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

در آخر ، دوباره فهرست اصلی ویرایشگر را انتخاب کنید و به سمت آن بروید ردیف ها برگه:

گزینه های ستون Beaver Builder

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

مرحله 5: مجموعه ویژگی های صفحه ساز (اختیاری) را گسترش دهید

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

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

موضوع فریم ورک Beaver Builder

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

یک افزونه اختیاری نیز وجود دارد ، Beaver Themer:

Beaver Themer Addon

با استفاده از این افزونه اضافی ، می توانید از سازنده صفحه کشیدن و رها کردن Beaver Builder در هدر و پاورقی سایت ، صفحات بایگانی ، 404 و صفحات جستجو و موارد دیگر استفاده کنید. این به شما امکان می دهد تقریباً تمام وب سایت خود را با استفاده از همان سیستم طراحی کنید.

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


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

خوشبختانه, Beaver Builder گزینه کاملی برای مبتدیان و کاربران پیشرفته تر است. به علاوه ، کارهایی که در بالا مشاهده کردید ، کار ساده ای است.

آیا تاکنون از Beaver Builder استفاده کرده اید و تجربه شما چه بود؟ در بخش نظرات زیر با ما در میان بگذارید!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Adblock
    detector