مدونة بناء موقع الكتروني

مقالات متعددة عن طريقة بناء موقعك لديك سؤال تواصل معنا

Beaver Builder بناء موقعك بدون كود شرح كامل 2020

بواسطة | أغسطس 8, 2020 | اضفات وردبرس

عندما تبحث عن قالب لموقع الويب الخاص بك على ووردبريس ، يمكنك شراء قالب يبدو أقرب إلى ما تفكر فيه. سيكون عليك الاعتماد على ميزات القالب لتخصيصها أو  يمكنك الاستعانة بمطوّر ووردبريس لإيجاد قالب كما تتخيل تمامًا. سيكون هذا مكلفًا وقد لا يعمل بشكل جيد كما تأمل يمكنك استخدام  الاضافة Beaver Builder لإنشاء موقع الويب الخاص بك كل جزء علي حده . سيمنحك هذا حرية استخدام أي تخطيط تريده. استخدم تنسيقات متعددة لصفحات مختلفة ، واستخدم الألوان والأنماط والمحتوى الخاص بك في أي مكان على موقعك. لزيارة موقع الاضافة 

يسمح لك WP Beaver Builder وهي اضافة منشئ السحب والإفلات سهل الاستخدام لـ ووردبريس بإنشاء موقع ووردبريس فريد من نوعه في غضون دقائق ، بحيث لا تضطر إلى إنفاق الوقت والمال على قوالب ووردبريس أو المطورين.Beaver Builder هي إضافة نعم – ولكنها أكثر من مجرد إضافة. إنه إطار او مجموعة أدوات كاملة تضيف سهولة لتطوير موقع ووردبريس .ستقوم بتجميع مواقع الويب الجميلة في وقت قصير. وهذه الإضافة تتفوق على البحث عن قوالب ووردبريس وتنزيلها وتثبيتها وتكوينها ، نظرًا لأنها قابلة للتخصيص بالكامل من واجهة واحدة سهلة الاستخدام

مميزات Beaver Builder :

1- العشرات من قوالب الصفحات الإبداعية للاختيار من بينها :

مع أكثر من 30 قالب مذهلة تعمل الاضافة Beaver Builderعلى جميع قوالب ووردبريس ، لذلك لا يتعين عليك تغيير المظهر المفضل لديك لبدء استخدام الإضافة. مع إستخدم قوالب ووردبريس سريعة الاستجابة ، فإن جميع الصفحات التي تنشئها ستستجيب بنسبة 100٪ ، مما يعني أنها تبدو رائعة على جميع الأجهزة. يمكنك استخدام جميع قوالب Beaver Builder مع أي من خططك المميزة ، دون أي رسوم خفية. يمكنك العثور على العديد من قوالب الصفحات الداخلية مثل صفحات الاتصال والاشتراك في الرسائل الإخبارية والصفحات وجداول التسعير وغير ذلك الكثير. لتوفير المزيد من الوقت ، تتيح لك الإضافة أيضًا حفظ عدد لا حصر له من القوالب في المنشئ. وبالمثل ، يمكنك حفظ كل من الخام والوحدات النمطية في المنشئ.

Beaver Builder

2- سهل الاستخدام :

يتعين على المستخدمين تخمين الشكل الذي ستبدو عليه صفحتهم أو تشغيل معاينة في علامة تبويب منفصلة. باستخدام محرر الواجهة الأمامية سهل الاستخدام و لن تضطر إلى التبديل بين المعاينة والموقع المباشر. لاستخدام محرر الواجهة الأمامية ، انتقل إلى محرر صفحة ووردبريس الخاص بك واختر علامة التبويب Beaver Builder سيوجهك هذا إلى الواجهة الأمامية لموقع ووردبريس الخاص بك. بعد ذلك ، يمكنك البدء في إنشاء صفحاتك وتخصيصها. يمكنك ببساطة النقر فوق أي مكان في صفحتك والبدء في تخصيص هذا القسم و يمكنك أيضًا إضافة المزيد من الصفوف والأدوات والعناصر المتقدمة مثل التبديلات وعلامات التبويب وما إلى ذلك.

3- ضع  المحتوى الخاص بك بدقة كبيرة :

يعد وضع الصور والنصوص في محرر صفحة ووردبريس الافتراضي أمرًا مزعجًا. باستخدام Beaver Builder ، يمكنك بسهولة وضع المحتوى الخاص بك بدقة كبيرة. بمجرد الانتهاء من التحرير ، يمكنك حفظ التغييرات مباشرة من الواجهة الأمامية أو العودة مرة أخرى إلى حالة النشر الأخيرة.

4-  احصل على تحكم كامل في المحتوى الخاص بك :

يتيح لك Beaver Builder تبديل المظهر الخاص بك دون فقدان المحتوى الخاص بك. إذا قررت التوقف عن استخدام Beaver Builder ، فسيتم نقل المحتوى الخاص بك إلى محرر ووردبريس مباشرة.

Beaver Builder

5- يتوفر Beaver Builder كإضافة و قالب .

القالب هو توازن مثالي بين الإعدادات والوظائف. يمكنك تخصيص القالب تمامًا كما تقوم بتحرير صفحاتك. ويمكنك إجراء تعديلات مباشرة عبر أداة تخصيص ووردبريس. يمكن العثور على جميع إعدادات القوالب الخاصة بك في أداة التخصيص. بهذه الطريقة ، يمكنك المعاينة المباشرة لأي من تغييرات إعدادات القالب الخاصة بك. وهناك مجموعة متنوعة من الإعدادات المسبقة. بنقرة زر واحدة ، تقوم الإعدادات المسبقة تلقائيًا بتحديث إعدادات القالب لإنشاء العشرات من الأنماط المختلفة.

6- يعتبر Beaver Builder صديقًا للمبتدئين وكذلك للمطورين

المبتدئين الذين يحتاجون إلى مساعدة للبدء سيجدون Beaver Builder مفيدًا للغاية. سيستمتع المطورون الذين يعملون على مواقع العملاء بميزاتها مثل وضع المحرر ، الذي يمنع العملاء من كسر تخطيطك. يمكن للمطورين أيضًا دمج الأدوات المخصصة أو الرموز القصيرة .يمكن حفظ كل تخطيط تقوم بإنشائه كقالب وإعادة استخدامه. كما يمكنك أيضًا نقل تخطيطاتك من موقع ووردبريس إلى موقع آخر باستخدام أدوات الاستيراد / التصدير الافتراضية لـ ووردبريس.

إنشاء قالب ووردبريس مخصص للمبتدئين :

على عكس مواقع HTML الثابتة ، فإن قوالب ووردبريس عبارة عن مجموعة من ملفات القوالب المكتوبة بلغة PHP و HTML و CSS و JavaScript. عادة ، ستحتاج إلى فهم جيد لجميع لغات تصميم الويب هذه أو استئجار مطور ويب لإنشاء قوالب مخصصة.

نظرًا لأن العديد من أصحاب الأعمال الصغيرة لا يستطيعون تحمل التكاليف المرتفعة لقالب ووردبريس المخصص ، فقد استقر الكثير منهم على القوالب الافتراضية التي تأتي مع ووردبريس.

بينما جعلت أطر عمل قوالب ووردبريس إنشاء قالب ووردبريس أسهل ، فهي حل للمطورين ، وليست مالك موقع ويب عادي.

من ناحية أخرى ، جعلت اضافات لمنشئ صفحات ووردبريس من السهل جدًا إنشاء تخطيطات صفحة مخصصة باستخدام واجهة السحب والإفلات ، لكنها اقتصرت على التخطيطات فقط. لا يمكنك إنشاء قوالب مخصصة باستخدامه.

حتى Beaver Builder ، قرر حل هذه المشكلة من خلال الوظيفة الإضافية التي تسمى Beaver Themer.
Beaver Themer هي وظيفة إضافية لبناء المواقع تتيح لك إنشاء تخطيطات قوالب مخصصة باستخدام واجهة سحب وإفلات وبدون تعلم البرمجة.

إعداد Beaver Themer لبناء قوالب مخصصة :

يعد Beaver Themer اضافة ل Beaver Builder ، لذلك ستحتاج إلى كلا الاضافتين للبدء.

أولاً ، تحتاج إلى تثبيت وتفعيل Beaver Themer. يتيح لك Beaver Themer إنشاء قوالب مخصصة ، ولكنك ستظل بحاجة إلى قالب لتبدأ بها. نوصي باستخدام قوالب خفيفة الوزن تتضمن قالب صفحة كامل العرض لتعمل كقالب بداية.

يمكنك العثور على العديد من هذه القوالب في دليل قوالب WordPress.org. تتضمن معظم قوالب ووردبريس الحديثة نموذجًا بعرض كامل. أفضل اختياراتنا هي:

  • Astra – قالب ووردبريس مجاني وخفيف الوزن لجميع الأغراض تأتي مع دعم مدمج لـ Beaver Builder.
  • OeanWP – قالب ووردبريس مجاني يأتي مع دعم منشئ الصفحة بالكامل.
  • قوالب StudioPress – جميع قوالبها متوافقة مع Beaver Builder وستعمل بشكل رائع مع Beaver Themer.

إعداد القالب الخاص بك لـ Beaver Themer :

عند إنشاء قوالب ووردبريس مخصصة باستخدام Beaver Themer ، من المهم التأكد من أن Beaver Themer لديه حق الوصول إلى النص الكامل للصفحة (من الحافة إلى الحافة).

هذا هو تخطيط Astra الافتراضي. كما ترى ، يتضمن هذا التخطيط شريطًا جانبيًا يصعب التعامل معه عند استخدام Beaver Themer.
Astra

يمكنك تغيير ذلك من خلال زيارة لوحة إدارة موقع الويب الخاص بك ثم الانتقال إلى المظهر »تخصيص الصفحة. من هنا ، تحتاج إلى التبديل إلى التخطيط »علامة التبويب الشريط الجانبي.

علامة التبويب الشريط الجانبي

بمجرد الوصول إلى هناك ، ما عليك سوى تحديد “No Sidebar” ضمن خيار التخطيط الافتراضي والنقر فوق الزر “نشر” لحفظ التغييرات ، سيبدأ موضوعك الآن في استخدام تنسيق بدون أشرطة جانبية.
يتيح تخطيط الصفحة الكاملة هذا لـ Beaver Themer استخدام كل شبر من الشاشة ، حتى تتمكن من إنشاء تجربة مرئية رائعة من البداية إلى النهاية ، تتضمن معظم قوالب ووردبريس ملف قالب للصفحات كاملة العرض. إذا كنت تستخدم بعض القوالب الأخرى ، فقد تجد خيارًا لإزالة الأشرطة الجانبية في إعدادات القوالب الخاصة بك.

بمجرد إعداد القوالب الخاصة بك على تخطيط كامل العرض ، فأنت جاهز لإنشاء قوالب ووردبريس المخصصة الخاصة بك باستخدام Beaver Themer.

أساسيات Beaver Themer السريعة :

يعمل Beaver Themer على قمة Beaver Builder. و يتيح لك Beaver Builder سحب العناصر وإفلاتها في الصفحة لإنشاء تخطيطات مخصصة.

يحتوي على العناصر التالية التي يمكنك استخدامها في التخطيطات الخاصة بك:

  • القوالب: مجموعة من صفوف الأعمدة والوحدات النمطية التي تشكل تخطيط الصفحة بالكامل.
    الأعمدة: وحدات التخطيط العمودية التي تساعد في محاذاة المحتوى أفقيًا.
  • الصفوف: مجموعة أفقية من وحدات متعددة
  • الوحدة النمطية: عنصر ينتج معلومات محددة مثل العنوان ، وكتلة النص ، والجدول ، والمعرض ، وما إلى ذلك.

ما عليك سوى تحرير صفحة في Beaver Builder ثم النقر فوق الزر “إضافة” في الزاوية اليمنى العليا. يمكنك بعد ذلك سحب وإسقاط الأعمدة والصفوف والوحدات النمطية إلى صفحتك والبدء في تحريرها على الفور.

اساسيات بيفر بيلدر

إذا كنت لا تريد البدء من نقطة الصفر ، فاختر من قائمة القوالب المعدة مسبقًا لتبدأ بها.
يتيح لك Beaver Builder أيضًا حفظ تخطيطاتك ثم استخدامها لاحقًا كقوالب وهنا لا نريد فقط إنشاء تخطيطات الصفحة. نريد إنشاء قالب مخصص كامل.

وهنا يضيف عنصرًا آخر إلى Beaver Builder يسمى “Themer Layout”.

Themer Layou

تسمح لك تخطيطات Themer بإنشاء تخطيطات مخصصة للرأس والتذييل ومناطق المحتوى وصفحة 404 وأجزاء القالب الأخرى.

هذه هي اللبنات الأساسية لجميع قوالب ووردبريس وباستخدامها ستتمكن من إنشاء قالب مخصص يناسب احتياجاتك.

بناء منطقة المحتوى للمقال والصفحات :

وهي عن طريق إضافة التنسيق “Singular” في صفحة إضافة جديدة.

Singular

بعد ذلك ، ستختار مكان عرض هذا التخطيط. يمكنك اختيار المفرد لاستخدامه لجميع المقالات والصفحات الفردية ، أو يمكنك اختيار المقالات أو الصفحات فقط.

رض هذا التخطيط

بعد ذلك ، انقر فوق الزر “Launch Beaver Builder” لفتح واجهة Builder.
سيقوم Beaver Builder بتحميل نموذج تخطيط فردي مع عنوان المقال / الصفحة في الأعلى ، متبوعًا بالمحتوى ومربع السيرة الذاتية للمؤلف ومنطقة التعليقات.

Launch Beaver Builder

يمكنك الإشارة والنقر لتحرير أي من هذه العناصر أو إضافة وحدات نمطية وأعمدة وصفوف جديدة حسب الحاجة ، بمجرد أن تشعر بالرضا عن التصميم ، انقر فوق الزر تم لحفظ التغييرات ونشرها.

يمكنك الآن زيارة موقع الويب الخاص بك لمشاهدته أثناء العمل.

إنشاء تخطيطات أرشيف لموضوعك المخصص :

الآن بعد أن بدأ المظهر المخصص الخاص بك في التكوين ، يمكنك الانتقال إلى إنشاء تخطيطات لأجزاء أخرى من موقع الويب الخاص بك. صفحات الأرشيف هي المكان الذي يعرض فيه ووردبريس الفئات والعلامات والمؤلف والأرشيفات الشهرية.

دعنا ننشئ تنسيقًا لصفحات الأرشيف في مظهرك المخصص.

ستبدأ بزيارة Beaver Builder »إضافة صفحة جديدة وتقديم عنوان لتنسيق الأرشيف.

صفحة الارشيف

بعد ذلك ، حدد “Themer Layout” كنوع ، و “الأرشفة” كخيار تخطيط. انقر فوق الزر “Add Themer Layout” للمتابعة.

سينقلك هذا إلى صفحة إعدادات التخطيط. من هنا تحتاج إلى تحديد “كل الأرشيف” كموقع سيتم عرض النموذج عليه. يمكنك أيضًا إنشاء تخطيطات منفصلة لكل نوع أرشيف فردي مثل التاريخ ونتائج البحث والفئة والعلامات وما إلى ذلك.

نشر صفحة الارشيف

بعد ذلك ، انقر فوق الزر “Launch Beaver Builder” لفتح واجهة Builder.

سيتم إطلاق Beaver Builder مع تخطيط أرشيف أساسي بعمود واحد. سيعرض عنوان الأرشيف في الأعلى ، متبوعًا بالمشاركات.

الشكل النهائي للقالب

يمكنك الإشارة والنقر فوق أي عنصر لتحرير خصائصه. يمكنك أيضًا إضافة وحدات نمطية وصفوف وأعمدة جديدة حسب الحاجة.

بعد ذلك ، انقر فوق الزر “تم” لحفظ التغييرات ونشرها.

تصميم صفحة كاملة العرض في ووردبريس بإستخدام  Beaver Builder :

إذا لم يكن المظهر الخاص بك يحتوي على قالب كامل العرض ، فهذه هي أسهل طريقة لإنشاء قالب كامل العرض وتخصيصه ، بحيث تسمح لك بتحرير صفحة العرض الكامل الخاصة بك بسهولة وإنشاء تخطيطات مختلفة للصفحة لموقع الويب الخاص بك باستخدام واجهة السحب والإفلات.

أولاً ، قم بتثبيت وتفعيل اضافة Beaver Builder. بمجرد تنشيطه ، يمكنك إما تعديل صفحة حالية أو إنشاء صفحة جديدة.

في جزء “المستند” على الجانب الأيمن من شاشتك ، انتقل إلى “خصائص الصفحة” وحدد البعد الكامل لعرض الشاشة من القائمة المنسدلة.

اختيار العرض الكامل للصفحة

بعد ذلك ، انقر فوق الزر “Launch Beaver Builder” في منتصف شاشتك.

اضافة عنوان

الآن ، استخدم واجهة السحب والإفلات في Beaver Builder لإنشاء صفحتك.
خصائص البني للصغحة

الطريقة الجيدة للبدء هي عن طريق النقر فوق علامة التبويب القوالب في الأعلى. حدد أحد القوالب المعدة مسبقًا لاستخدامها كأساس لصفحة العرض الكاملة الخاصة بك.
انقر فوق قالب لتحديده وسيقوم مصمم الصفحة بتحميله. يمكنك بعد ذلك تحرير أي عنصر تريد تغييره ، مثل الصور.

لتحرير صف أو وحدة في التخطيط ، ما عليك سوى النقر فوقه. في هذه الحالة ، نحن بصدد تعديل وحدة العنوان:

تحرير جزء من الصفحة

سيفتح Beaver Builder تفاصيل العنصر في نافذة منبثقة حيث يمكنك تعديل إعداداته. يمكنك تغيير النص وتغيير الخطوط والألوان وإضافة صور الخلفية أو تغييرها والمزيد.
لضلفة التعديلات للصغحة

يمكنك إضافة وحدات وعناصر واجهة مستخدم في أي وقت إلى التخطيط الخاص بك. يأتي Beaver Builder مع العديد من وحدات المحتوى الأساسية والمتقدمة التي يمكنك فقط سحبها وإفلاتها في صفحتك.
بمجرد الانتهاء من التحرير ، انقر فوق “انتهي” في الجزء العلوي من الصفحة. يمكنك بعد ذلك حفظ مسودتك أو نشرها.
افضل اضافات الوردبرس

 

اشترك في القائمة البريدية واحصل على كتاب

ادوات تحتاجها لبناء موقعك الاكتروني

اشترك في القائمة البريدية واحصل على كتاب

ادوات تحتاجها لبناء موقعك الاكتروني

لقد تم اشتراكك في القائمة قم بتفعيل اشتراكك للحصول على الكتاب

Share This
%d مدونون معجبون بهذه: