المصدر: شرح طريقة تصميم قوالب ووردبريس -الجزء الخامس- مدونة blog المبرمج

فى الدرس مفصل السابق، قمنا بتجهيز ملف index.php، وقد قمنا بتجهيز المحتوى ونظام الصفحات إلخ، وفى هذا الدرس مفصل سنُكمل طريقنا مع نفس الملف - إن شاء الله-، حيث أننا سنقوم ببعض الإضافات وبعض التعديلات عليه، حيث أننا سنخصص هذا الدرس مفصل فقط لشرح طريقة طريقة تفسيم المحتوى.
بدايةً فى الـDiv الذي يحتوى على عنوان التدوينة وعلى التاريخ واسم الكاتب ومختصر من التدوينة، هذا الـDiv قد قمنا مسبقًا بإضافة جملة joomla له، وأصبح شكله كالتالي:
رمز PHP:
<code style="white-space:nowrap"> <code> <div class="block-post" id="post-<?php the_ID(); ?>"> </code> </code>

لاحظ أننى قمت بوضع كلاس يسمّى block-post، وهذا الكلاس موجود فى ملف الـCSS الخاص بي، ولكننا يجب أن نقوم بتغيير تلك الطريقة فى وضع كلاس، حيث أن الووردبريس غالبًا ما سيضيف بعض من الكلاسات من عنده، لذلك يجب أن نستبدل تلك الجملة joomla بدالة post_class، ثم سنقوم بإضافة block-post كبارامتر لهذه الدالة، حتى يتسنى للوردبريس إضافة الكلاس الخاص بك.
رمز PHP:
<code style="white-space:nowrap"> <code> <div <?php post_class("block-post"); ?> id="post-<?php the_ID(); ?>"> </code> </code>

الآن لنتحدث قليلاً عن صيغ التدوينات أو Post Formats، وهي إمكانية جديدة أضيفت إلى برنامج ووردبريس فى إصداره 3.4، وإذا كنت قد صممت بالـHTML و CSS نظامًا لعرض تدوينة من أنواع أخرى، فيمكنك حسب كل تدوينة أخذ نوعها ومن ثم تحديد الكلاسات المناسبة لها لكي تظهر بصورة مناسبة.
وللقيام بتلك العملية سنستهلك وقتًا كبيرًا فى كتابة الكود code وسيمتلئ ملف index.php بالأكواد، لذلك سنقوم بتقسيم تلك المهمة، حيث أننا سنأخذ كود code عرض التدوينة الذى انتهينا منه، وهو كالتالي: رمز PHP:
<code style="white-space:nowrap"> <code> <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> </code> </code>

سنقوم بأخذ هذا الكود code، ووضعه فى ملف جديد سنسميه content.php (بجوار index.php)، والآن بداخل ملف index.php وفى نفس مكان الكود code السابق الذي تم قصه، سنقوم بإضافة بعض الأكواد كي يتم تحميل ملف content.php فى نفس المكان، وهذا الكود code هو دالة get_template_part، وهي دالة تستخدم بارامترين، البارامتر الأول وهو اسم الملف الذي سيتم وضعه فى نفس مكان الدالة، والبارامتر الثاني هو عبارة عن كلمة إضافية يتم إضافتها فى بعض الأحيان بعد البارامتر الأول وعلامة -
وفى حالتنا سيكون البارامتر الثاني هي دالة اخرى تدعي get_post_format، وسنفهم لماذا الآن، ولكن دعنا الآن نضع الكود code التالي:
رمز PHP:
<code style="white-space:nowrap"> <code> get_template_part("content",get_post_format());
</code> </code>

لاحظ أنني قمت بإضافة كلمة 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، ثم وضع الكود code الخاص بعرض هذا النوع من التدوينات فى رئيسية المدونة blog، وتستطيع كما قلت التعرف على اسماء أنواع تدوينات الووردبريس من هنا.
أتمنى ألا تكون تلك المعلومات معّقدة، فأنا أحاول قدر الإمكان تبسيط كل جزئية فى الدورة

المصدر: شرح طريقة تصميم قوالب ووردبريس -الجزء الخامس- مدونة blog المبرمج






©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©