أنماطٌ للتَّنسِيِقِ، وأنماطٌ للوُصُول

سَادرٌ في فوضى القوالب. ما الذي أفعله أيها العالم. سأخبركم بالمشكلةِ وما فعلته من أجلِ حلها.

في بدايةِ تركيب ووردبرس على موقعي، كانَ الأمرُ على ما يُرام. لكن بمجردِ استيراد التدوينات من مدونتي الأولى على بلوجر ، بدأت تنسيقات الصفحة تظهر بشكلٍ مختلف. وكانت القائمة الجانبية لا تظهر في أعلى الصفحة كما هو الطبيعي، بل تختفي للأسفل، والكتابةُ تتجاوزُ الحدود اليُمنى للإطار المُحدد، وتخرج عن النسق. أدركتُ فطرياً أن هذا بسبِ الأكواد التي كنت أستعملها في الكتابة على بلوجر، فهي لا تناسب الووردبرس. بدأتُ حملةَ تحريرٍ لجميعِ التدوينات. في البداية لم أستطع ذلك بسبب المحرر المتطور، قمتُ بإلغائه من إعدادات الحساب، وبدأتُ بنسخ النصوص كلها إلى الوورد، ثم إعادة وضعها في أماكنها دونَ أكوادٍ من الفرونت بيج، أو Nvu . بعدَ أن انتهيت تماماً، كانت المدونة تظهر بشكلٍ صحيحٍ ومتناسق في متصفح فيرفوكس، بينما في إكسبلورر تعم الفوضى أنحاء الصفحة. تلقيتُ اقتراحاتٍ منها تغيير القالب. فكرتُ أن أضعَ لافتةً مكتوب عليها: لتصفحٍ أفضل لهذه الصفحة استعمل فيرفوكس، لكنَّ آشور قال لي أن هذا إملاءٌ على القارئِ، وديكتاتورية بغيضة. فتراجعت فوراً عن الفكرة 🙂 . لم يتبقَ إذن إلا ممارسة المزيد من التجارب، وحتمية مواجهة صفحات التنسيق بأكوادها الكثيرة وأوامرها المختلفة. وهذا أمرٌ ليسَ بالسهل، فسابقاً قالَ لي من يطوي المتصل في إجابته على إحدى رسائلي: أنَّ تعديلَ مثلَ هذه الأخطاء يحتاجُ إلى تحاربٍ ونضالٍ معَ صفحاتِ الأنماطِ المتعددة CSS . كما أن سِوار – وهوَ أحدُ مُطوري الووردبرس- تواجهه مشاكل في القوالب، لكنه طبعأً يتغلبُ عليها بمعرفتهِ التي لا أمتلكها الآن.

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

ففي أكواد CSS التي تُستخدم في هذا القالب، وجدتُ أن أحدَ الأكواد قد ابتدأت بهذا التوضيح:

/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */


إذن هناك تقنية معينة تستخدمها CSS لتنسيق القوائم، وهذه الميزة لا تعمل على إكسبلورر. فكرتُ ، وقلتُ لنفسي: لنلغِ هذه الميزة. ولنرَ ماذا ينتج عن ذلك.
أخذتُ نسخةً احتياطية من الملف، ثم بدأتُ بالحذفِ المنظم لأكوادٍ معينة، وأذهب لأرى النتيجة. طبعأً كنتُ أضعُ في بالي نصيحةَ سردال بعدمِ الاقتراب من أيِّ أوامر php ما لم يكن المستخدم يعرفُ ما يفعله جيداً. وحيثُ أنني لا أعرفُ ما أفعله جيداً، فالأحرى بي ألا أفكر أصلاً في العبث مع أقواس وأوامر php . حتى لو تهيأ لي أنني أفهم حكمةَ وجودها.

بعدَ عدةِ مناورات، قادني البحث إلى اكتشافٍ كنت رغبتُ بالاهتداء إليه، وكنتُ أنوي سؤالَ صاحب الأشجار أو صاحب طي المتصل عن كيفية تركيب خط Traditional Arabic على المدونة، بحيث تكون الكتابة الافتراضية بهذا الخط. لأنني أولاً أحب هذا الخط، وأستخدمه دائماً في جميعِ مراسلاتي، كما أنني لم أشعر بمناسبةِ خط Tahoma الافتراضي لمدونةٍ اسمها الهاوية.
لقد لاحظت في تنسيقات CSS الرئيسية أنها تضم جميع المواصفات الافتراضية للصفحة، من حجمِ الخطِّ، ونوعه، وحدودِ الصفحةِ وما إلى ذلك من تنسيقات. عندها قمت باستبدال كل موضعٍ وضع فيه Tahoma كخط افتراضي، إلى Traditional Arabic . ثم رأيت النتائج، وكنتُ سعيداً بذلك. لم يكن صعباً بعد ذلك فهم كيفية عمل الأوامر، ووظيفة كل سطر، وهذا جعلني أقضي ساعةً في تجربةِ التبديل والتعديل في هذه الأوامر.

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

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

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

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