فهد أونلاين

الـ postmetadata في الووردبريس هي المعلومات التي تظهر تحت كل موضوع والتي تبين القسم وعدد التعليقات

مثال:

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

أولا نلقي نظرة على ملفات الستايل الذي يستخدمه الأخ عبد الله وهو Misty Look والذي قام بتعريبه الأخ رشيد

باستخدام برنامج الـ Notepad++ نقدر نستخدم طريقة سريعة للبحث في جميع ملفات الثيم عن الكود المعني بجلب المعلومات المطلوبة تحت كل موضوع وذلك باتباع التالي :

1- نفتح البرنامج وبعدها نضغط في الكيبورد Ctrl+F لتظهر أداة البحث

2- نختار بعدها Find in files من أعلى نافذة البحث

3- نكتب في خانة البحث postmetadata

4- نحدد المجلد الذي يوجد به ملفات الثيم في خانة Directory

5- وبعدها نضغط على Find them all … شاهد الصورة أدناه

6- ستظهر لي نتائج في أسفل الصفحة وكما هو موضح بالصورة أدناه تم إيجاد الكود في أربع ملفات

7- نفتح جميع الملفات اللي ظهرت لنا في البحث وفي حالة الثيم هذا الملفات هي :

404.php

index.php

page.php

style.css

8- في ملف الـ index مثلا نجد الكود في سطر رقم 18 كما هو موضح في ناتج عملية البحث وكذلك في سطر رقم 18 في ملف الـ page وهنا نلاحظ أنه في كافة الملفات لم يتم تحديد التنسيق في كل مرة ولكن قام المصمم باستخدام كلاس معرف في ملف style.css كما بالصورة أدناه:

وبذلك لا يوجد ما نستطيع فعله في كل ملف وكل شغلنا راح يكون في ملف الـ Style.css

9- نذهب إلى ملف style.css وتحديدا في سطر رقم 264 في حالة هذا الثيم وسنلاحظ الكود الذي يحدد تنسيق معلومات الميتا كما بالصورة أدناه

كما نلاحظ في الصورة أن المصمم أعطى نفس التنسيق للكلاس post-info الذي يعرض المعلومات تحت عنوان كل موضوع و postmetadata الذي يعرض المعلومات تحت كل إضافة ولو قمنا بإضافة أي تنسيق سيتم تطبيقه عليهما الإثنين ولكن حسب طلب الأخ عبدالله فهو يريد تغيير محاذاة المعلومات التي تعرض تحت كل إضافة من اليمين إلى النصف

10- إذا أردنا تطبيق التنسق عليهما الإثنين يمكننا فقط إضافة سطر واحد وهو text-align:center كما هو موضح بالصورة أدناه

11- أما إذا أردنا تغيير التنسيق للكلاس postmetadata فقط فتوجد طريقتنا أولهما إضافة كود تنسيق للميتاداتا في كلا من الصفحات الثلاث index - page - 404 وأنا شخصيا لا أفضل هذه الطريقة لأن الهدف من الـ css هو تنظيف الصفحات الأخرى من أكواد التسيق قدر الإمكان وملف الفيديو أدناه يوضح كيفية عمل تنسق مختلف للكلاس postmetadata وفصله عن الـ post-info

WP-How-To-Align-Postmetadata-Text

أقل من 1 ميقا

يمكنكم مشاهدة التعديل بمدونة الأخ عبد الله بعد انتهائه من تطبيق الخطوات اعلاه

تحياتي