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

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

<div class="block-post" id="post-<?php the_ID(); ?>">

لاحظ أننى قمت  بوضع كلاس يسمّى block-post، وهذا الكلاس موجود فى ملف الـCSS الخاص بي، ولكننا يجب أن نقوم بتغيير تلك الطريقة فى وضع كلاس، حيث أن الووردبريس غالبًا ما سيضيف بعض من الكلاسات من عنده، لذلك يجب أن نستبدل تلك الجملة بدالة post_class، ثم سنقوم بإضافة block-post كبارامتر لهذه الدالة، حتى يتسنى للوردبريس إضافة الكلاس الخاص بك.

<div <?php post_class("block-post"); ?> id="post-<?php the_ID(); ?>">

الآن لنتحدث قليلاً عن صيغ التدوينات أو Post Formats، وهي إمكانية جديدة أضيفت إلى برنامج ووردبريس فى إصداره 3.4، وإذا كنت قد صممت بالـHTML و CSS نظامًا لعرض تدوينة من أنواع أخرى، فيمكنك حسب كل تدوينة أخذ نوعها ومن ثم تحديد الكلاسات المناسبة لها لكي تظهر بصورة مناسبة.
وللقيام بتلك العملية سنستهلك وقتًا كبيرًا فى كتابة الكود وسيمتلئ ملف index.php بالأكواد، لذلك سنقوم بتقسيم تلك المهمة، حيث أننا سنأخذ كود عرض التدوينة الذى انتهينا منه، وهو كالتالي:

<div <?php post_class("block-post"); ?> id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink(); ?>"><?php
the_title(); ?></a></h2>
<p><?php echo the_time(get_option(date_format)); ?
><strong>&nbsp;By&nbsp;<?php the_author_posts_link(); ?></strong> </p>
<?php
if(comments_open() && !post_password_required()){
comments_popup_link('0','1','%','comments');
}
?>
<p>
<?php if(has_post_thumbnail) ?>
<div class="thum">
<a href="<?php the_permalink(); ?>"><?php
the_post_thumbnail(); ?></a> </div>

<?php
the_content_rss('', TRUE, '', 50);
?>

</p>
<p class="cat"><?php
the_category("&nbsp;|&nbsp;"); ?></p> <p class="con"><a href="<?php the_permalink(); ?
>">Read More</a></p> <div class="clear"></div>
</div>

سنقوم بأخذ هذا الكود، ووضعه فى ملف جديد سنسميه content.php (بجوار index.php)، والآن بداخل ملف index.php وفى نفس مكان الكود السابق الذي تم قصه، سنقوم بإضافة بعض الأكواد كي يتم تحميل ملف content.php فى نفس المكان، وهذا الكود هو دالة get_template_part، وهي دالة تستخدم بارامترين، البارامتر الأول وهو اسم الملف الذي سيتم وضعه فى نفس مكان الدالة، والبارامتر الثاني هو عبارة عن كلمة إضافية يتم إضافتها فى بعض الأحيان بعد البارامتر الأول وعلامة -
وفى حالتنا سيكون البارامتر الثاني هي دالة اخرى تدعي get_post_format، وسنفهم لماذا الآن، ولكن دعنا الآن نضع الكود التالي:

get_template_part("content",get_post_format());

لاحظ أنني قمت بإضافة كلمة content فقط بدون أى صيغة، والآن فلنركز على دالة get_post_format.
ببساطة هي دالة تستخدم فى التحقق، إن كان نوع التدوينة من النوع العادي Standard سيتم إرجاع False وفى تلك الحالة سيتم إستدعاء ملف content.php من قبل دالة get_tamplate_part، أما إن كانت التدوينة من نوع آخر، فسيتم إرجاع قيمة نصية تحتوى على نوع هذه التدوينة، ولذلك سيتم إستدعاء الملف التالي: content-TYPE.php، حيث أن كلمة TYPE ستكون هي اسم نوع التدوينة !
فمثلاً إذا أردت أن أقوم بإنشاء ملف خاص بالنوع Gallery، سأقوم بإنشاء ملف يدعى content-gallery.php، أما إذا أردت أن أقوم بإنشاء ملف خاص بالنوع Link فسأقوم بإنشاء ملف يدعى content-link.php، أوللتعرف على أنواع التدوينات فى ووردبريس إضغط هنا. 
فى حالتي انا لم أقم بتصميم أنواع أخرى للتدوينات، لذلك سأقوم بإستدعاء ملف content.php وحده فقط !
والآن إذا أردت وضع تصميم خاص لكل نوع من أنواع التدوينات، يمكنك إنشاء ملفات content-TYPE.php، ثم وضع الكود الخاص بعرض هذا النوع من التدوينات فى رئيسية المدونة، وتستطيع كما قلت التعرف على اسماء أنواع تدوينات الووردبريس من هنا.
أتمنى ألا تكون تلك المعلومات معّقدة، فأنا أحاول قدر الإمكان تبسيط كل جزئية فى الدورة :)

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

---