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

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

افهم أهمية عنصر "Div" بالنسبة إلى الشريط الجانبي

"Div" أو العلامة ، هو عنصر HTML. إنها حاوية للعناصر المختلفة التي تشكل صفحة الويب، بما في ذلك محتويات. يجب أن يحتوي كل عنصر على عنصر خاص به " ".

يجب أن تعرف كيف تعمل علامات الفتح والإغلاق في HTML الآن. على سبيل المثال ، عند تعيين عنوان بسمك h2 Title والبحث في محرر النصوص ، ستلاحظ أنه محاط بعلامات ، هكذا :

عنوان-في-علامات

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

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

هنا ملف "single.php" للموضوع " Zerif لايت ". يحتوي هذا الملف على الكود الذي يحدد كيفية ظهور المقالات في البرنامج المساعد (للحصول على عناصر فريدة). في الصورة التالية ، يتم تمييز علامات "Div" لتظهر لك مكان فتحها ومكان إغلاقها.

فب--الشريط الجانبي بين عناصر أحادية شعبة

هذا عرض بسيط لكيفية عمل عناصر div حتى نتمكن من تحديد سبب مشكلة العرض بشكل أفضل.

إصلاح مشكلة العرض على وورد

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

هناك بعض الأسئلة التي يجب أن تسأل نفسك:

هل هذه المشكلة موجودة في جميع أنحاء موقعك؟

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

يمكن أن يكون هناك عدد من الأسباب المختلفة لمشكلة عامة حيث يظهر الشريط الجانبي أسفل المحتوى ، ومن المحتمل أن تظهر في أحد هذه الملفات الرئيسية:

  • footer.php
  • header.php على
  • index.php
  • sidebar.php
  • style.css

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

يمكنك عرضها مباشرة في المحرر الموجود في قائمة "المظهر" في لوحة القيادة.

هل هذه المشكلة موجودة فقط على الصفحات؟

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

هل هذه المشكلة موجودة فقط على صفحات المدونة؟

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

مشكلة العائمة القضبان

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

الخاصية الأكثر أهمية هو العقار الطفو الذي يظهر عادة في تنسيقين:

تعويم: اليسار، تعويم: الحق؛

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

طلب مساعدة الخبراء

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

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

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