03.05.2008

ظهور القائمة الجانبية في الأسفل في قوالب ووردبريس

سأناقشُ في هذه التدوينة أمرين مهمين: الأول, هو مشكلة ظهور القائمة الجانبية في قوالب ووردبريس في الأسفل. الثاني: هو سببٌ جديد, لماذا أصرُ على استخدام Windows Live Writer كبرنامج احترافي للتدوين من سطح المكتب؟.

أولاً: لاحظتُ مؤخراً مشكلة غريبة عجيبة عند تصفح رحلة ضَوْء باستخدام Internet Explorer 6 وهي نزول القائمة الجانبية Sidebar للمدونة بأسفل الصفحة في حين أنه من المفترض أن تظهر بأعلى الصفحة. أضعتُ من وقتي قرابة الساعتين أحاول فهم المشكلة وحلها. في البداية, راجعتُ كود ملف Sidebar.php وكود Style.css جيداً, فلم أجد أي سبب من المحتمل أنه تسبب في هذه المشكلة. جربتُ عشرات الحلول الأخرى دون جدوى. نعم, دون جدوى لأنني لم أستطع فهم سبب المشكلة جيداً في البداية.

أخيراً, عدت فتصفحتُ رحلة ضَوْء باستخدام Internet Explorer 6 ثم تأملتها لدقائق ففهمت المشكلة. والمشكلة ببساطة هي كالآتي:

ثمة بعض الصور المنشورة في تدوينات في الصفحة الرئيسة التي يتجاوز عرضها عرض div معين في ملف CSS للثيم. وكان الحل ببساطة شديدة, هو بتصغير أبعاد تلك الصور.

لماذا تسببت هذه الصور بمشكلات في عرض رحلة ضَوْء باستخدام Internet Explorer 6؟

في IE6 وعندما يزداد عرض Div معين عن الحجم المحدد في ملف CSS فإن IE سيظهر المحتوى الموجود فيه إلى الأسفل لأنه سيطفو على محتوى آخر! فحين أنه في المتصفحات الأخرى, لن تطفو تلك المحتويات على محتويات أخرى!

إذا كنت تعاني من هذه المشكلة, فتأكد أولاً من عرض الصور التي تعرضها في مدونتك. إذا وجدت أن لا مشكلة في عرض تلك الصور, فإنني أعتقد جازماً بأن المشكلة سوف تكون في بعض الحسابات الرياضية في أبعاد بعض المحتويات Div في ملف CSS. يجب أن تحسب أبعادها جيداً.

ثانياً: ما علاقة كل هذا ببرنامجي المفضل جداً للتدوين من سطح المكتب Windows Live Writer ؟ إذا كان Internet Explorer 6 مثبتاً على جهازك وتريد نشر تدوينة باستخدام Windows Live Writer وإذا تضغط على مفتاح F12 لمعاينتها قبل النشر, فإن Windows Live Writer سيعرض التدوينة كما لو أنك تتصفح مدونتك باستخدام Internet Explorer 6, وبالتالي, ستستطيع معاينة “كيف تظهر مدونتك في IE6 حتى وإن لم تكن تستخدمه لتصفح الإنترنت أو لتصفح مدونتك”. شخصياً, لقد اكتشفتُ هذا الخلل بواسطة Windows Live Writer. بالطبع, ثمة بعض المواقع التي تظهر لك مدونتك في أكثر من متصفح, ولكن Windows Live Writer يظهر لك معاينة حقيقية وحية لمدونتك في كل مرة تنشر فيها تدوينة جديدة.

شخصياًَ, استخدم متصفح Opera و Firefox. ولا أطيق استخدام جميع إصدارات Internet Explorer ولا أكتب عنها في رحلة ضَوْء, هذه المشكلة التي تحدثت عنها في هذه التدوينة, هي ليست سوى مشكلة من عشرات المشكلات مع Internet Explorer. ما دفعني حقاً لقضاء ساعتين في حل هذه المشكلة هو أن النسبة العظمى من متصفحي رحلة ضَوْء هم من مستخدمي Internet Explorer 6.

أردتُ أن أشارككم بتجربتي في هذه المشكلة وفي حلها, آمل الفائدة لمن يعانون من هذه المشكلة …

ذات صلة:

الكاتب: مهدي

مهندس الكترونيات واتصالات ومدوّن تقنيني، مؤسس ومُحرر رحلة ضَوْء. يمكنك متابعته على تويتر كما يمكنك زياره موقعه الشخصي أو مدونته الشخصية.



المشاركات: 12 مشاركة

  1. 2ibrahim قال:

    مرحباً أخي م . مهدي

    أعاني من هذه المشكلة توقعت أن تكون المشكلة من نفس النسخة (استخدم 2.5.1)
    الصور أبعادها مضبوطة وكل شي تمام
    لم أستطع حل هذه المشكلة,,
    دمت بخير وعافية ,,

  2. مهدي قال:

    @ 2ibrahim: كما ذكرتُ في هذه التدوينة. جرّب التأكد من الأبعاد في ملف Style.css.

  3. wael قال:

    بسم الله الرحمن الرحيم

    السلام عليكم ورحمة الله وبركاته

    جزاك الله كل خير اخي على ماتقدمه لاخوانك من علم وخير

    حدثت معي نفس هذه المشكلة مرة ولكن كان السبب بالسطر الفارغ بين سطر واخر باحد التدوينات وعندما قمت بمسحه عاد كل شيئ طبيعي

    السلام عليكم ورحمة الله وبركاته

  4. شكراً وسأقوم بتشغيل الموقع الخاص بي من خلال fairfox

  5. عندما قمت بنقل محتويات مدونتي القديمة إلى صفحة جديدة .. أصبحت القوائم الجانبية بالأسفل .. حذفت جميع الصور وما زالت القوائم بالأسفل .. فهل شرحت لي كيف أتأكد من إعدادات CSS؟

  6. مهدي قال:

    @ أفلاطونية: أسهل طريقة لذلك هي باستخدام متصفح فيرفوكس وبتثبيت إضافة Web Developer ومن خلالها, تستطيع معرفة الأبعاد وتصحيحها.

  7. وسيم قال:

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

  8. مهدي قال:

    @ وسيم:

    ذكرتُ ذلك يا وسيم في التدوينة:

    “ثمة بعض الصور المنشورة في تدوينات في الصفحة الرئيسة التي يتجاوز عرضها عرض div معين في ملف CSS للثيم. وكان الحل ببساطة شديدة, هو بتصغير أبعاد تلك الصور.”

  9. شموع قال:

    السلام عليكم ورحمة الله

    اخي الفاضل بارك الله فيك لقد حدثت لي هذه المشكلة
    فأنا أعرض تصاميمي واضفت مصغرة للتصاميم
    واضفت اضافة Lightbox 2 ولكن المشكلة ما زالت
    فمـا الحل وان قمت بتصغير التصاميم فما الفائدة منها ؟!
    اتمنى منك مساعدتي

    وجزاك الله خيرا

    • مهدي قال:

      @ Lightbox 2: لا أدري حقاً كيف بوسعي مساعدتك, ولكنني جربت هذه الإضافة Lightbox 2 ووجدتها متعارضة مع الكثير من الإضافات. أعتذر.

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

  11. احمد قال:

    السلام عليكم

    اخي جربت ثيم جديد على مدونتي ويظهر السايدبار على التدوينات

أضف تعليقاً

سياسة نشر التعليقات:

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

 




Spam Protection by WP-SpamFree

© 2010 | رحلة ضَوْء (ر.ض.)، جميع الحقوق محفوظة – لا يجوز إعادة النشر (النقل).

فيسبوك تويتر قناة رحلة ضَوْء