لم أفهم سبب إسقاط هذه النقطة من كل القوالب .. على كل حال هذه هي طريقة عرض قالب التعليقات في الصفحات :

قم بتحرير قالب page.php و أضف السطر التالي بعد أكواد عرض محتويات الصفحة :

<?php comments_template(); ?>

ربما الأنسب من وجهة نظري لوضع الكود أن تبحث عن التالي في قالب Page.php :

<?php endwhile; endif; ?>
<?php edit_post_link('تحرير.', '<p>', '</p>'); ?>

الكود بالأعلى هو للقالب القياسي الموجود في النسخة المعربة من ثيم الإفتراضي إبحث عنها أو عن شئ مشابه و إستبدلها بـ

<?php edit_post_link('تحرير.', '<p>', '</p>'); ?>
<?php endwhile; ?>
<?php comments_template(); ?>
<?php endif; ?>

هذا كل شئ .. ودمتم سالمين ^_^

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

مواقع إستخدمت فيها الحقول الخاصة …

• متابعات عقبة إظهار فيديو في السايد بار الجانبي
• مجموعة تايم كود إظهار صور مصغرة بجانب التدوينات
• مدونة شبايك عن شبايك في فوتر المدونة للتحكم فيها من لوحة التحكم

حسناً لنبدأ …


من لوحة تحكم المدونة ومن صفحة اضافة تدوينة جديدة ستجد في الاسفل .. صندوق ” خصائص إضافية ” او ” Custom fields ” .. سنقوم بإنشاء حقل جديد … في مثالنا هنا سنقوم بإضافة حقل لإستخدامة لوضع رابط مرجع التدوينة .. سنضع في حقل الاسم (key) اسم هذا الحقل وليكن في مثالنا references و في حقل القيمة (value) سنضع رابط هذا المرجع وليكن http://ar.wikibooks.org .. لا تنسى الضغط على زر “ اضف حقل مخصص ” … شاهد الصورة :

الأن إلى القوالب …
لنتعرف على شكل الدالة التي سنستخدمها :

get_post_meta($post_id, $key, $single);

و تأخذ ثلاث بارامترات ..
$post_id : معرف التدوينة ID
$key : إسم الحقل الذي تريد إستخدامه
$single : وتأخذ إحدى القيمتين :
true لعرض أول حقل عند إستخدام اكثر من حقل بنفس الأسم
false لعرض الحقول كمصفوفة كما سنشرح لاحقا

حسنا داخل حلقة عرض التدوينة أضف التالي :

<h3>مراجع التدوينة</h3>
<?php echo get_post_meta($post->ID, "references",true); ?>

$post->ID : لجلب المعرف الخاص بالتدوينة .. ID
references : إسم الحقل الخاص الذي أضفناه
true : لا أملك سوى حقل references و حيد و بالتالي اريد عرضه هو فقط …

احفظ القالب و اذهب و شاهد التدوينة .. ستجد http://ar.wikibooks.org/ ظهرت في نهاية التدوينة … كما في الصورة

ما رأيك أن نجعلها كرابط بدلاً من ظهورها كنص .. إستخدم التالي :

<h3>مراجع التدوينة</h3>
<?php $references = get_post_meta($post->ID, "references",true); ?>
<a href="<?php echo $references ?>"><?php echo $references ?></a>

الأن أصبح لدينا رابط لمرجع التدوينة … لنفرض الأن أن لدينا تدوينة لم أقم بإضافة مراجع لها … سيظهر في نهاية التدوينة ” مراجع التدوينة “ دون أن يظهر تحتها أي مراجع لاني لم اقم باضافتها .. لاخفاء ” مراجع التدوينة “ عند عدم وجود مراجع سنستخدم شرط if للتحقق من وجود مراجع أم لا … شاهد الكود

<?php if(get_post_meta($post->ID, "references", $single = true)!="") :?>
   <h3>مراجع التدوينة</h3>
   <?php $references = get_post_meta($post->ID, "references",true); ?>
   <a href="<?php echo $references ?>"><?php echo $references ?></a>
<?php endif; ?>

تدوينة متعددة المراجع !
الأن نريد اضافة أكثر من مرجع للتدوينة .. من لوحة التحكم من جديد قم بإضافة المراجع الأخرى و بنفس key أو الإسم وهو references الأن إلى القوالب من جديد .. في هذه الحالة سنستخدم foreach لجلب كافة الحقول الاضافية التي تحمل الاسم references … شاهد الكود :

<?php if(get_post_meta($post->ID, "references", $single = true)!="") :?>
   <h3>مراجع التدوينة</h3>
   <?php $references_field = get_post_meta($post->ID, "references",false);
   foreach ( $references_field as $references ) { ?>
   <a href="<?php echo $references ?>"><?php echo $references ?></a> <br />
<?php } endif; ?>

احفظ القالب و قم بمعاينة التدوينة ستجد بقية المراجع قد ظهرت … شاهد الصورة :

تطبيق بسيط .. صورة مصغرة للتدوينات

لنقوم بعمل تطبيق صغير على الدرس .. تطبيقنا هنا هو اضافة صورة مصغرة للتدوينة تظهر بجوارها في الصفحة الرئيسية و في الأرشيف بينما لا تظهر مثلا في صفحة العرض الكامل للتدوينة …

من لوحة التحكم وكما شرحنا سابقاً قم باضافة حقل جديد وليكن بإسم post-image ثم نضع في القيمة عنوان الصورة .. في قالب index.php و archive.php و search.php و قبل سطر إستدعاء الدالة the_content سنقوم بإضافة الكود التالي :

<?php if(get_post_meta($post->ID, "post-image", $single = true)!="") :?>
   <div class="post-image">
      <?php $post_image = get_post_meta($post->ID, "post-image",true); ?>
      <img src="<?php echo $post_image ?>" alt="" />
   </div>
<?php endif; ?>

و هذا هو كود CSS الذي أستخدمته في المثال الموجود في الصورة بالأعلى :

.post-image{
	float:left;
	margin:0 10px 0 10px;
	padding:2px;
	border:1px #CCC solid;
}

إذا اردت أن تظهر الصورة المصغرة في صفحة عرض التدوينة مفردة فاضف الكود أيضاً في القالب single.php و إذا اردت إستخدمها مع الصفحات فأضف الكود لقالب page.php

هناك دوال أخرى غير الدالة التي شرحتها ولكنها كلها تقوم بنفس الوظيفة مع اختلافات بسيطة في طريقة الاستخدام .. يمكنك مراجعة صفحة الحقول الخاصة على WordPress Codex

أتمنى أن يكون الشرح بسيط وواضح و أي أستفسار سأكون سعيداً بالإجابة عليه إن شاء الله ..

حسناً اليك بعض الطرق :

TwitterCounter.com

يتيح لك موقع TwitterCounter اضافة عدد متابعيك كصورة مثل هذا النموذج :
يمكنك الأختيار من بين أربع نماذج مختلفة ستجدها هنا بالاضافة إلى إمكانية إختيار الصورة الكبيرة كالتالية

لإضافة هذا العداد في موقعك بكل بساطة إستخدم هذا الكود في موقعك مع تغير mo3aser إلى إسم حسابك في تويتر ( هذا الكود للبادج الإفتراضي )

<script src="http://twittercounter.com/embed/?username=mo3aser" type="text/javascript"><!--mce:2--></script>

أو يمكنك إستخدام إضافة TwitterCounter للوردبريس و التي تعتمد على نفس الموقع لتوليد هذا العداد

عرض عدد المتابعية كنص :

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

إضافة Twounter للوردبريس توفر هذا الأمر .. كل ما عليك تفعيل الاضافة و إستخدام الكود التالي في المكان الذي تريد ان يظهر فيه العداد في القوالب مع تغيير username إلى إسم حسابك في تويتر …

<?php echo twounter('username') ?>

أما إذا أردت عرض العداد في تدوينة أو صفحة فأستخدم الكود التالي مع تغيير username إلى إسم حسابك في تويتر :

[twounter]username[/twounter]

يمكنك رؤية مثال على عمل الإضافة في فوتر مدونة شبايك

و لاتنسى أن تتابع حسابي على تويتر .. الشئ بالشئ يذكر

Feedburner Text Count إضافة ووردبريس تمكنك من عرض عدد متابعي الخلاصات بشكل نصي مما يتيح لك تخصيص طريقة عرضها كما تريد … كمثال على عمل الاضافة يمكنك رؤية عدد متابعي خلاصات المدونة في الهيدر

بعد تركيب الإضافة قم بإضافة إسم الخلاصات الخاصة بك كما هو على feedburner في صفحة خيارات الاضافة الموجودة في قائمة إعدادات .. بالطبع عليك تفعيل FeedCount من حسابك في feedburner حتى تعمل الإضافة .. بعد تسجيل دخولك في feedburner إضغط على Publicize ثم إختر من القائمة اليمنى FeedCount ثم إضغط على زر activate لتفعيلها ..

لعرض عدد متابعي الخلاصات اضف السطر التالي في المكان الذي تريد :

<?php fb_textcounter(); ?>

ملاحظة : الإضافة لا تعمل على السيرفر المحلي !

صفحة الإضافة على Wordpress.org

إنتهيت بفضل الله من تعريب اضافة WordPress Mobile Edition و التي تقوم باضافة  واجهة تصفح للمدونة لمستخدمي الهواتف النقاله …  حيث يتم تحويلهم الى هذه  الواجهة بشكل تلقائي بمجرد دخول المدونة … هذه الاضافة تدعم المتصفحات الشهيرة على الهواتف بالاضافة الى الهواتف بتقنية اللمس مثل iPhone و الهواتف التي تستخدم Android …

طريقة تركيب الاضافة :

• انقل الملف wp-mobile.php الى مجلد الاضافات plugins   الموجود داخل مجلد wp-content
• انقل المجلد carrington-mobile-1.0.2 الى مجلد القوالب themes الموجود داخل مجلد wp-content
• من صفحة الاضافات في لوحة التحكم قم بتقعيل الاضافة Wordpress Download Monitor

لإضافة رابط لنسخة الجوال في قوالب الثيم إستخدم الكود التالي :

<?php if (function_exists('cfmobi_mobile_link')) { cfmobi_mobile_link(); } ?>

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

في ملف wp-mobile.php إبحث عن :

function cfmobi_mobile_available($content) {

ستجد أسفلها التالي :

if (!defined('WPCACHEHOME')) {
		$content = $content.'<p><a href="'.trailingslashit(get_bloginfo('home')).'?cf_action=show_mobile">التصفح من نسخة الجوال</a>.</p>';
}

قم بحذفه ..

بعض الصور لمدونتي بإستخدام  iphone .. مع الشكر للأخ aldirazi … إضغط على الصورة لرؤية صورة مكبرة ..

لمعاينة عمل الاضافة قم بالدخول من جوالك على مدونتي أو من متصفحك اضغط على رابط المعاينة بالأسفل :
تحميل معاينة

موقع الاضافة الرسمي

Dear IE 6 موقع بفكرة طريفة قائمة على عرض رسائل من المستخدمين الى IE6 الموقع يحتوي حتى لحظة كتابة هذه التدوينة على أكثر من 1000 رساله متنوعة اللهجة ولكنها مجمعة على طلب الرحيل ، منها من يطلب الرحيل باسلوب لطيف و البعض الأخر غاضب لدرجة السباب يعتمد الموقع على تجميع هذه الرسائل من خلال تويتر ، فقط قم باتباع حساب الموقع على تويتر ثم ارسل لهم رد (reply) برسالتك و سيتم عرضها في الموقع …

حسناً .. عن نفسي يمكنني أن اقول له  ( عاملا بارحموا عزيز قوم ذل ) :

عزيزي IE6 … كنت يوما ما الأفضل .. ارحل الان لتترك ذكرى طيبه   ..

ماذا عنك ماذا يمكنك أن تقول لـ IE6 … لكن بدون سب ..

DinPattern

Squidfingers

K10k

Dromoscopio

TileMachine

EveryDayIcons

Citrus Moon Patterns

Shizoo

Kollermedia

/>ava7 patterns

PixelDecor

BgPatterns

snap2objects

Patterrific

COLOURlovers

بالطبع يمكنك تجاهل هذا الأمر فليس الهدف هو تجاوز إختبار CSS ولكن الهدف هو ظهور الموقع على كل المستعرضات بشكل سليم ولكن إن كنت أحد المهوسين برؤية الشريط الأخضر في صفحة فحص CSS و رؤية كلمة Congratulations! No Error Found و في نفس الوقت تريد استخدام هذه الخواص فإليك الطريقة :

أولا سنقوم بتجميع كافة الخواص الغير قياسية و كتابتها في ملف CSS منفصل و لنسميه مثلاً invalid.css وليكن على سبيل المثال بالشكل التالي ( الخواص بالأسفل لجعل الحواف دائرية وهي خاصه فقط بفايرفوكس و سفاري و هي خواص غير قياسية ) :

.class-name{
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}

ثانيا سنقوم بإستدعاء هذا الملف في ترويسه الصفحات ولكن بطريقة مختلفة بعض الشئ حيث سنستخدم الجاقا سكريبت بالشكل التالي:

<script type="text/javascript"><!--
document.write('<link rel="stylesheet" type="text/css" media="screen" href="Your-path/invalid.css" />');
--></script>

الأن عند فحص الصفحات سيتخطى الفاحص ملف invalid.css و لن يقوم بفحصه .. و سترى Congratulations! No Error Found !

طريقة تمييز تعليق كاتب المقال  و أصحاب العضويات عن تعليقات الزوار في ووردبريس 2.7 أكثر سهولة عن الاصدارات السابقة و التي كنت تضر الى التعديل على قالب التعليقات لاضافة بعض الأسطر للقيام بذلك ولكن في ووردبريس 2.7 كل ما عليك هو وضع الخواص التي تريدها داخل كلاسين CSS وهما byuser وهو لتعليقات الأعضاء  و bypostauthor وهو لتعليقات كاتب المقال .. بالشكل التالي :

li.byuser {
/* خواص CSS  */
}
 
li.bypostauthor {
/* خواص CSS  */
}

لاحظ بأن تعليق كاتب المقال يطبق عليه الكلاسين bypostauthor و byuser ولذلك يجب كتابة الكلاس bypostauthor بعد الكلاس byuser حتى يكون له الأولوية في التطبيق على رد كاتب المقال كما في الأعلى .