دليل لاستخدام Sidebars مع منشئ سمة Divi

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

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

دعنا نذهب اليها!

اشترك في قناتنا على اليوتيوب

كلمة سريعة حول استخدام الأشرطة الجانبية مع قوالب Divi

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

WordPress Sidebars مقابل Divi Sidebars

أشرطة WordPress الجانبية هي تلك المضمنة في القالب الافتراضي لموضوع Divi. ستظهر هذه الأشرطة الجانبية للصفحات أو المنشورات التي تحتوي على تخطيط يتضمن شريطًا جانبيًا ولا تستخدم Divi Builder لتصميم الصفحة.

يتم إنشاء Divi Sidebars داخل Divi Builder ويمكن ملؤها بالمحتوى باستخدام وحدات Divi ، بما في ذلك أدوات WordPress عبر وحدة الشريط الجانبي.

كيفية إنشاء منطقة الشريط الجانبي للقالب الخاص بك

عملية إنشاء شريط جانبي للقوالب الخاصة بك بسيطة للغاية.

أولاً ، تحتاج إلى إضافة Custom Body إلى القالب الذي تقوم ببنائه.

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

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

ثم ضمن صف العنوان ، أضف صفًا آخر بهيكل يتضمن عمودًا يمكنك تعيينه كشريط جانبي للقالب.

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

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

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

كيفية إضافة محتوى الشريط الجانبي إلى القالب الخاص بك

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

إضافة مناطق ودجت ووردبريس

يستخدم WordPress (و Divi) مناطق عناصر واجهة المستخدم لملء الشريط الجانبي بالفعل افتراضيًا. يمكن العثور على مناطق Widget من خلال الانتقال إلى لوحة معلومات WordPress والانتقال إلى Appearance> Widgets. هناك سترى منطقة عنصر واجهة تعامل الشريط الجانبي الافتراضية التي تم ملؤها بالفعل بالأدوات.

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

استخدام وحدة الشريط الجانبي لعرض وتصميم مناطق عناصر واجهة المستخدم

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

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

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

فوائد استخدام مناطق ودجات WordPress لمحتوى الشريط الجانبي

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

• • يمكنك استخدام الأشرطة الجانبية الموجودة في WordPress (غير المبنية باستخدام Divi) على قوالب Divi الجديدة. لذلك ، إذا كان لديك مدونة تستخدم الشريط الجانبي الافتراضي ، فلا داعي للقلق بشأن إعادة إنشاء الشريط الجانبي من البداية عند إنشاء قالب جديد في Divi Theme Builder.
  • عرض الأشرطة الجانبية المزدوجة لـ WordPress باستخدام Theme Builder. مع خيارات تخطيط Divi المتعددة المتاحة للأقسام العادية والمتخصصة ، يمكنك تعيين أكثر من عمود واحد لتضمين شريط جانبي. يمكنك أيضًا إنشاء مناطق عناصر واجهة مستخدم إضافية لكل شريط جانبي وإضافة تلك باستخدام وحدة الشريط الجانبي.
  • يمكنك تصميم WordPress Sidebars / Widget باستخدام Divi Theme Builder. إذا كنت لا ترغب في الاعتماد على CSS خارجي لتصميم قائمة WordPress الافتراضية الخاصة بك ، فيمكنك إضافتها إلى تخطيط قالب باستخدام وحدة شريط التمرير واستخدام إعدادات وحدة شريط التمرير لتصميم مناطق عناصر واجهة المستخدم.
  • استخدم الأدوات لإضافة محتوى إلى الشريط الجانبي الخاص بك غير متوفر مع وحدات Divi. في بعض الأحيان ، يمكنك استخدام عناصر واجهة المستخدم لإضافة محتوى إلى الشريط الجانبي بطريقة لا يمكنك القيام بها باستخدام وحدات Divi. هذا صحيح بشكل خاص إذا كنت تستخدم مكونات إضافية لجهات خارجية توفر أدوات مخصصة.

إضافة وحدات Divi كمحتوى الشريط الجانبي

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

ثم يمكنك تصميم هذه العناصر باستخدام إعدادات Divi المدمجة لتتناسب مع تصميم القالب.

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

دمج مناطق عناصر واجهة مستخدم WordPress مع وحدات Divi في الشريط الجانبي للقالب الخاص بك

يمكنك أيضًا دمج مناطق عناصر واجهة المستخدم (مع جميع عناصر واجهة المستخدم الخاصة بها) مع Divi Modules للحصول على تخطيط أكثر تخصيصًا لمحتوى الشريط الجانبي الخاص بك. سيمنحك هذا حرية استخدام أي من أدوات WordPress المضمنة التي تحبها بالإضافة إلى وحدات Divi.

استخدام قوالب متعددة لتعيين أشرطة جانبية مختلفة لقوالب مختلفة

يتيح لك برنامج Divi Theme Builder إنشاء أشرطة جانبية مختلفة لقوالب مختلفة. هذا مفيد لتزويد المستخدمين بمحتوى خاص بالصفحة أو المنشور.

على سبيل المثال ، يمكنك إنشاء شريط جانبي بمحتوى متعلق بمدونتك في نموذج "كل المنشورات".

ثم أنشئ شريطًا جانبيًا بمحتوى مرتبط بشكل خاص بمتجرك لقالب "جميع المنتجات".

افكار اخيرة

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

ما هي تجربتك مع إنشاء أشرطة جانبية لقوالب Divi الخاصة بك؟

أتطلع إلى الاستماع منك في التعليقات.

هتافات!