شرح تصميم قوالب ووردبريس -الجزء السابع-

فى الدرس السابق، تعرفنا على كيفية برمجة القوائم الجانبية Sidebars، أما فى هذا الدرس -بإذن الله- سنتعرف على كيفية برمجة صفحة عرض التدوينة، والمقصود بصفحة عرض التدوينة بتلك الصفحة التى أنت بها الآن وتقرأ تلك التدوينة !، وللبدء فى برمجة صفحة عرض التدوينة، يجب أن تقوم بإنشاء ملف جديد يدعى single.php، وهو الملف الذي سنعمل عليه، وهو الملف المسئول عن عرض التدوينة.
بعد إنشاء هذا الملف، بدايةً سنقوم بإضافة دالة get_header فى أول الملف؛ ليقوم بتحميل صفحة header.php، والتى تحتوى على الجزء العلوى من المدونة، ثم فى نهاية الملف، سنقوم بوضع دالة get_footer ؛ لتقوم بتحميل صفحة footer.php، والتي تحتوى على الجزء السفلي من المدونة، ثم بينهما سيكون المحتوى الذي سنقوم ببرمجته، ثم نقوم بوضع دالة get_sidebar؛ لكي يتم تحميل ملف القوائم الجانبية فى مكانه المناسب.
الآن بينهما سنقوم بوضع كود الـHTML المسئول عن عرض التدوينة، ثم سنقوم بوضع الـLoop الخاص بعرض التدوينة كما فى الكود التالي:

if(have_posts()){
while(have_posts()){
the_post();
?>
هنا عرض التدوينة
<?php

}
}else{
?>
<article>
<h1>
No Articles Were Found !</h1>
</article>
<?php
}

ثم مكان جملة (( هنا عرض التدوينة )) تستطيع وضع كود الـHTML الخاص بعرض التدوينة، وأيضًا مكان جملة No Articles Were Found تستطيع وضع الجملة التى سيتم عرضها فى حالة عدم وجود تدوينة ! والآن سنعمل على الجزء الخاص بالتعليقات !
الآن مكان عرض التعليقات سنقوم بإستبداله بدالة comments_template، وهي دالة تاخذ بارامتران، البارامتر الأول وهو اسم الملف الذي يحتوى على كود عرض التعليقات، وإذا تركت هذا البارامتر فارغًا سيتم محاول تحميل ملف comments.php (الذي لم ننشئه حتى الآن)، وإن لم يجد الملف سيقوم بوضع التعليقات بصورة إفتراضية بسيطة.
ثم بعد ذلك عليك أن تقوم بإستبدال بعض البيانات الموجودة كود عرض التدوينة بدوال فى ووردبريس، معظم تلك الدوال، مثل عرض عنوان التدوينة والتاريخ والكاتب وعدد التعليقات، موجودة فى هذا الدرس، أما بالنسبة لعرض صورة التدوينة Thumbnail، فقد تم شرحه فى نفس الدرس، اما بالنسبة لعرض محتوى التدوينة نفسها فتكون عبر دالة the_content.
ماذا إن كانت التدوينة تحتوى على وسوم Tags؟
ببساطة سنقوم بعمل تحقق من إن كان هنالك Tags للتدوينة أو لا عن طريق دالة has_tag، ويتم عرضها عبر دالة the_tags، كما بالكود التالي:

if(has_tag()){
?>
<div class="tags"><?php the_tags(); ?></div>
<?php
}

حسنًا، ماذا إن كانت التدوينة من النوع الذي يحتوى على أكثر من صفحة؟!
سنقوم بوضع دالة للقيام بتلك المهمة، وهي دالة wp_link_pages، وسنقوم بإستخدامها كما بالكود التالي:

<?php
wp_link_pages("before=<p class='post-pages'>&after=</p>&pagelink=Page %");
?>

تستطيع إستبدال الكود الذي بعد كلمة before و علامة = إلى الكود الذي سيتم وضعه قبل رابط الصفحة، ثم تستطيع إستبدال الكود الذي بعد كلمة after وعلامة = إلى الكود الذي سيتم وضعه بعد رابط الصفحة، اما بالنسبة لما بعد كلمة pagelink فهو النص الذي سيتم عرضه، حيث أنه سيتم عرض كلمة Page أىّ صفحة، ثم العلامة المئوية التي هي الرقم، أى تلك الدالة ستقوم بكتابة الروابط كما بالكود التالي:

<p class='post-pages'><a href="#">Page 1</a></p>

ملاحظة: بالنسبة لعرض صور Thumbnail للتدوينات، ستجد أن تلك الخاصية غير موجودة فى مدونتك بعد تفعيل القالب، وذلك لأننا لم نقم بتفعيل تلك الخاصية من ملف functions.php، ولذلك سنقوم بفتح ملف functions.php، ومن ثم وضع الكود التالي:

if(function_exists('add_theme_suppor')){
add_theme_support('post-thumbnails',array('post'));
}

حيث ان كلمة post الموجودة فى المصفوفة هي لكي تظهر تلك الخاصية فى التدوينات فقط وليست الصفحات !

المزيد من المواضيع:

---