<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ألوانك &#187; ووردبريس</title>
	<atom:link href="http://alwank.com/category/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://alwank.com</link>
	<description>أفضل مصادر التصميم و التطوير .. بالعربي</description>
	<lastBuildDate>Mon, 10 May 2010 02:34:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>ما الجديد في WordPress 3</title>
		<link>http://alwank.com/2010/03/wordpress-3-whats-new/</link>
		<comments>http://alwank.com/2010/03/wordpress-3-whats-new/#comments</comments>
		<pubDate>Sun, 28 Feb 2010 23:52:49 +0000</pubDate>
		<dc:creator>هشام صادق</dc:creator>
				<category><![CDATA[ووردبريس]]></category>

		<guid isPermaLink="false">http://alwank.com/?p=1114</guid>
		<description><![CDATA[حتى الآن لم أجد من يتحدث عن WordPress 3 عربياً و لو حتى بالتلميح إلى قرب صدورها بشكل رسمي إلا القليل . WordPress النسخة الثالثة في الوقت الحالي في مرحلة الاختبار قبل الصدور التجريبي و تحمل بعض المميزات الجديدة التي بالتأكيد ستسعد الكثيرين من مستخدمي WordPress و أيضاً مصممي المواقع التي تعمد على WordPress . [...]]]></description>
			<content:encoded><![CDATA[<p>حتى الآن لم أجد من يتحدث عن WordPress 3 عربياً و لو حتى بالتلميح إلى قرب صدورها بشكل رسمي إلا القليل . WordPress النسخة الثالثة في الوقت الحالي في مرحلة الاختبار قبل الصدور التجريبي و تحمل بعض المميزات الجديدة التي بالتأكيد ستسعد الكثيرين من مستخدمي WordPress و أيضاً مصممي المواقع التي تعمد على WordPress .</p>
<p>في هذا المقال سنتحدث عن مجموعة المميزات الجديدة في WordPress 3 .</p>
<h3><span id="more-1114"></span>1- أنواع المحتوى المخصصة</h3>
<p>ربما من الصعب أن تتخيل ظهور هذه الفكرة في WordPress و لكنها ستتحقق . ففي WordPress 3 سيظهر ما يعرف بأنواع المحتوى المخصصة أو Custom Post Types و لسهولة فهم فكرتها فهي ستسمح لك بتكوين أنواع محتوى أخرى غير التدوينات , فيمكنك مثلاً تكوين محتوى و تسميته &#8220;آخر الأعمال&#8221; أو &#8221; آخر المنتجات &#8221; أو أي مسمى آخر .</p>
<p>تلك الميزة كان من المقرر صدورها في النسخة 2.9 و لكن تأجل صدورها إلى النسخة 3 بسبب بعض المشاكل التقنية . و هذه الميزة لن تغني عن استخدام التصنيفات Categories و لكنها تعبر عن طريقة لتكوين أنواع أخرى من المحتوى .</p>
<h3>2- كوّن مدونات أخرى داخل مدونتك</h3>
<p><img class="aligncenter size-full wp-image-1116" title="Wordpress 3" src="http://alwank.com/wp-content/uploads/wp_1267399245965.png" alt="Wordpress 3" width="520" height="150" /></p>
<p>نعم هذه حقيقة , فالنسخة الثالثة من WordPress ستسمح لك بتكوين مدونات أخرى داخل مدونتك و لن تحتاج إلى تثبيت WordPress Mu ( النسخة متعددة المستخدمين) مرة أخرى و من الأمثلة على ذلك موقع WordPress.com و الذي يستضيف ملايين المدونات المجانية باستخدام هذا النظام . هذه الميزة أعلن عنها Matt Mullenweg في <a title="WordCamp San Francisco" href="http://2009.sf.wordcamp.org" target="_blank">مؤتمر WordCamp الأخير</a> الذي عقد في مدينة سان فرانسيسكو الأميركية .</p>
<p>إذاً من خلال هذه الميزة, يمكنك أن تكون مدونات داخل مدونتك ربما لأصدقائك أو لأي غرض آخر بسهولة و يمكنك أن تكون عناوين تلك المدونات بأن تكون نطاقات فرعية من نطاقك الرئيسي sub.domain.com أو أن تكون جزء من الموقع domain.com/blog . و هذه الميزة لن تضرك إذا لم ترد استخدامها فهي مجرد ميزة جديدة يمكن استخدامها أو تجاهلها .</p>
<h3>3- نظام تكوين القوائم</h3>
<p><img class="aligncenter size-full wp-image-1117" title="نظام تكوين القوائم" src="http://alwank.com/wp-content/uploads/wp_1267399245966.png" alt="" width="520" height="150" /></p>
<p>WordPress لا تسعى أن تقول للعالم أنها تكون برنامج إدارة محتوى و لكنها تحاول أن توفر كل ما يساعدك أن تكون مدونة بشكل احترافي . و من خلال نظام تكوين القوائم الجديد في WordPress 3, يمكنك أن تكون قوائم الموقع مثل القائمة الرئيسية التي تكون عادة في بداية الموقع و يمكنك أن تضع بها ما تريده سواء صفحات أو أقسام أو تدوينات أو مجرد رابط عادي تضيفه بنفسك في لوحة تحكم القوائم و يمكنك أيضاً ترتيبها بسهولة (Drag &amp; Drop) و تكوين قوائم جزئية Sub-Menus .</p>
<p>نظام تكوين القوائم قدمته <a href="http://www.woothemes.com/2010/01/the-awesome-custom-woo-navigation/" target="_blank">WooThemes</a> المتخصصة في قوالب WordPress في الفترة الماضية و حدث تعاون مشترك بين WooThemes و WordPress لدمج هذا النظام في النسخة الجديدة .</p>
<h3>4- وضع خلفية مخصصة لمدونتك</h3>
<p><img class="aligncenter size-full wp-image-1118" title="خلفيات مخصصة WordPress 3" src="http://alwank.com/wp-content/uploads/wp_1267399245967.png" alt="" width="520" height="150" /></p>
<p>يمكن للمستخدم الآن أن يضع خلفية مخصصة لمدونته أو موقعه من خلال لوحة التحكم بكل سهولة , فبمجرد إضافة كود بسيط في القالب الذي تستخدمه ستظهر لك إعدادات جديدة في لوحة التحكم تمكنك من رفع صورة لوضعها كخلفية للموقع دون الحاجة إلى الخبرة في التعديل على ملفات القالب المستخدم . و لتشغيل تلك الخاصية في القالب , يجب إضافة الكود التالي في ملف functions.php :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">    add_custom_background<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<h3>5- تكوين اسم مخصص لمدير الموقع</h3>
<p>من النصائح الأمنية الأساسية في WordPress أن تقوم بتغيير اسم مدير الموقع الذي تستخدمه لدخول لوحة التحكم لتحمي نفسك من هجمات صغار المخترقين الذين يستخدمون حيل بسيطة للوصول إلى لوحة التحكم و تغيير الصفحة الرئيسية لموقعك . </p>
<p>في النسخة الجديدة وفرت WordPress هذه الميزة أثناء تثبيت النسخة بأنها ستسمح لك باختيار اسم المستخدم الذي تريده قبل التثبيت بدلاً من استخدام اسم admin .</p>
<h3>6- دلائل مساعدة أثناء التثبيت</h3>
<p>ربما لا يهتم بدلائل المساعدة من هم على دراية جيدة بكيفية استخدام WordPress . و لكن للمبتدئين, يمكنهم أن يجدوا في النسخة الجديدة دليل لمساعدتهم أثناء تثبيت أي قالب أو إضافة جديدة و كذلك أثناء تثبيت WordPress نفسها .</p>
<h3>7-مجتمع مطوري الإضافات و Canonical Plugins</h3>
<p>و هي ليست ميزة في قلب WordPress و لكنها من الخطوات التي كان من الضروري تنفيذها و التي تعمل عليها <a href="http://jane.wordpress.com/">Jane Wells</a> مع المطورين . و سيفيد هذا المجتمع في أن يوفر الدعم و التحديث لإضافات WordPress و التي أحياناً يتوقف دعمها بسبب انشغال المطور أو أسباب أخرى و ستكون مهمة هذا المجتمع أن يستكمل تحديث الإضافات لكي تعمل مع أحدث نسخ WordPress .</p>
<h3>8- قوالب مخصصة للكُتَّاب</h3>
<p>تسمح WordPress في نسختها الجديدة أن يتم تكوين قوالب مخصصة لكل كاتب من الكتاب في المدونة بعد أن قدمت WordPress نفس الميزة و لكن على أساس التصنيفات بتكوين ملفات على هيئة category-slug.php . و سيتم على سبيل المثال تسمية اسم القالب باسم الكاتب على هيئة author-hisham.php في مجلد القالب .</p>
<p>بعد استعراض الجديد في WordPress 3 . هل ترى أنها مميزات ستحقق المزيد من الفاعلية في مدونتك و أنها ستفيدك بشكل مؤثر أم أن تلك المميزات سيستفيد منها فئات من المستخدمين على حساب فئات أخرى ؟</p>
<p><strong>[تحديث] </strong>: ربما لم أبذل الكثير من البحث فقد اعتمدت على متابعتي للمواقع المختصة في ووردبريس أو المصممين العرب و لم ألاحظ <a href="http://althari.ws/2010/02/16/wordpress3-post-type" target="_blank">تدوينة الأخ عبد الملك الثاري عن فكرة المحتوى المخصص Post Types</a> , لذلك وجب التنبيه و أشكره على اهتمامه :)</p>
]]></content:encoded>
			<wfw:commentRss>http://alwank.com/2010/03/wordpress-3-whats-new/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>7 نصائح لأداء أفضل لموقعك [WordPress]</title>
		<link>http://alwank.com/2010/02/7-wordpress-better-performance-tips/</link>
		<comments>http://alwank.com/2010/02/7-wordpress-better-performance-tips/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 19:04:35 +0000</pubDate>
		<dc:creator>هشام صادق</dc:creator>
				<category><![CDATA[ووردبريس]]></category>
		<category><![CDATA[نصائح]]></category>

		<guid isPermaLink="false">http://alwank.com/?p=1088</guid>
		<description><![CDATA[هناك البعض ممن يشتكي من أداء WordPress سواء كان يستخدمها لموقعه أو مدونته. و مع بعض الإضافات و التعديلات البسيطة يمكن أن تظهر WordPress بشكل و أداء أسرع و أفضل . في هذا الموضوع سنتحدث عن مجموعة من تلك الإضافات و التعديلات . نعتذر عن التأخر في إضافة المواضيع و نعدكم بالأفضل في المرة القادمة [...]]]></description>
			<content:encoded><![CDATA[<p>هناك البعض ممن يشتكي من أداء WordPress سواء كان يستخدمها لموقعه أو مدونته. و مع بعض الإضافات و التعديلات البسيطة يمكن أن تظهر WordPress بشكل و أداء أسرع و أفضل .</p>
<p>في هذا الموضوع سنتحدث عن مجموعة من تلك الإضافات و التعديلات .<br />
<span id="more-1088"></span></p>
<blockquote><p>نعتذر عن التأخر في إضافة المواضيع و نعدكم بالأفضل في المرة القادمة</p></blockquote>
<h3>1- إزالة الإضافات الغير ضرورية</h3>
<p><a href="http://alwank.com/wp-content/uploads/wpplugins.png"><img class="aligncenter size-full wp-image-1092" title="Wordpress Plugins" src="http://alwank.com/wp-content/uploads/wpplugins.png" alt="" width="520" height="150" /></a></p>
<p>إضافات WordPress هي من أهم ما نستخدمه لإضافة مميزات أخرى لا توفرها WordPress بشكل افتراضي . و تقوم تلك الإضافات بزيادة الحمل على WordPress بوجود ملفات Javascript أو CSS أخرى . إذا كانت لديك إضافات لا تقوم باستخدامها فيجب أن يتم إيقاف تفعيلها و إزالتها بشكل نهائي من مجلد الإضافات . بالإضافة إلى التأكد من أن الإضافات التي تستخدمها هي في أحدث إصدار لها .</p>
<h3>2- تحديث WordPress لآخر إصدار</h3>
<p><a href="http://alwank.com/wp-content/uploads/dloadwp.png"><img class="aligncenter size-full wp-image-1093" title="Download WordPress" src="http://alwank.com/wp-content/uploads/dloadwp.png" alt="Download WordPress" width="520" height="150" /></a></p>
<p>للأسف هناك الكثيرون ممن يتجاهلون التحديث لآخر إصدار في أي برنامج إدارة محتوى يقوموا باستخدامه بالرغم من أن التحديث من أهم ما يجب القيام به سواء من ناحية الأمان أو الأداء و يعتقد البعض أن تحديث WordPress هو أمر صعب و هو لا يحتاج إلى ضغطة واحدة في لوحة التحكم لتحديثها .</p>
<h3>3- تحسين أحجام الصور</h3>
<p><a href="http://alwank.com/wp-content/uploads/sfwd.png"><img class="aligncenter size-full wp-image-1094" title="Photoshop - Save for Web &amp; Devices" src="http://alwank.com/wp-content/uploads/sfwd.png" alt="Photoshop - Save for Web &amp; Devices" width="520" height="150" /></a></p>
<p>من النصائح المهمة في أي موقع هو تحسين حجم الصور المستخدمة في الموقع أو المدونة حيث لا يحتاج الموقع إلى وقت طويل من أجل تحميل الصفحة على أقل سرعة لنقل البيانات . يمكن القيام بتحسين أحجام الصور من خلال عدة أدوات إما من خلال برنامج Photoshop باستخدام خاصية Save for Web &amp; Devices حيث يتم حفظ الصور بجودة أقل و بحجم أمثل في مختلف الصيغ سواء كانت gif, jpg, png .</p>
<p>كذلك يمكن استخدام بعض التطبيقات على الإنترنت مثل <a href="http://tools.dynamicdrive.com/imageoptimizer/" target="_blank">Online Image Optimizer</a> أو استخدام تطبيق <a href="http://toki-woki.net/p/Shrink-O-Matic/" target="_blank">Shrink O&#8217;Matic</a> على بيئة <a title="Get Adobe Air" href="http://get.adobe.com/air/" target="_blank">Adobe Air</a> .</p>
<h3>4- استخدام خدمة لاستضافة الصور</h3>
<p><a href="http://alwank.com/wp-content/uploads/dropbox.png"><img class="aligncenter size-full wp-image-1095" title="Dropbox" src="http://alwank.com/wp-content/uploads/dropbox.png" alt="Dropbox" width="520" height="150" /></a></p>
<p>من الأفضل أن تستخدم خدمة مستقلة لاستضافة الصور الخاصة بموقعك بدلاً من استضافتها على سيرفر الموقع نفسه فخدمات استضافة الصور توفر أسرع و أفضل طريقة لتحميل الصور في الصفحات بالإضافة إلى تقليل الحمل على سيرفر الموقع . كذلك يمكن استخدام خدمة لاستضافة ملفات CSS و Javascript و ليس للصور فقط . و من الخدمات المشهورة التي تستخدم في هذا الغرض خدمة <a title="Amazon S3" href="http://aws.amazon.com/s3/" target="_blank">Amazon S3</a> و يستخدمها عدد من المواقع الكبيرة و المشهورة و منها Twitter و هي خدمة ذات مقابل مادي , و كذلك هناك <a title="Dropbox" href="http://getdropbox.com" target="_blank">Dropbox</a> الشهير و الذي يمنحك مساحة مجانية تبدأ من 2 جيجابايت .</p>
<h3>5- تحسين قاعدة بيانات WordPress</h3>
<p><a href="http://alwank.com/wp-content/uploads/optimizedb.png"><img class="aligncenter size-full wp-image-1096" title="Optimize Database" src="http://alwank.com/wp-content/uploads/optimizedb.png" alt="Optimize Database" width="520" height="150" /></a></p>
<p>من الخطوات المهمة بعيداً عن لوحة تحكم WordPress هي تحسين قاعدة بيانات الموقع و ذلك عن طريق phpMyAdmin , و يمكن أن يقوم بتلك الخطوة أي مبتدىء و لا تحتاج إلى مجهود و ذلك باختيار جداول قاعدة بيانات WordPress و اختيار Optimize Table . هذه الخطوة ستقوم بتحسين حجم قاعدة البيانات . إذا كنت تمتلك موقعاً كبيراً فربما تأخذ تلك الخطوة بضع دقائق .</p>
<h3>6- تحسين استخدام مكتبات Ajax</h3>
<p><a href="http://alwank.com/wp-content/uploads/gapis.png"><img class="aligncenter size-full wp-image-1097" title="Google Ajax APIs" src="http://alwank.com/wp-content/uploads/gapis.png" alt="Google Ajax APIs" width="520" height="150" /></a></p>
<p>من الخطوات التي يغفلها البعض أثناء تصميم و تطوير قوالب WordPress هي كثرة إضافة ملفات مكتبات Ajax و تحميلها على الموقع و أحياناً تستهلك الكثير من الوقت في عملية نقل البيانات . و يمكن دمج ملفات مكتبات Ajax من خلال <a title="Google Ajax APIs" href="http://code.google.com/apis/ajaxlibs/" target="_blank">Google Code</a> و التي توفر معظم مكتبات Ajax الشهيرة مثل <a title="jQuery" href="http://code.google.com/apis/ajaxlibs/documentation/index.html#jquery" target="_blank">jQuery</a> , <a title="MooTools" href="http://code.google.com/apis/ajaxlibs/documentation/index.html#mootools" target="_blank">MooTools</a>, <a title="Prototype" href="http://code.google.com/apis/ajaxlibs/documentation/index.html#prototype" target="_blank">Prototype</a>, <a title="Dojo" href="http://code.google.com/apis/ajaxlibs/documentation/index.html#dojo" target="_blank">Dojo</a> .</p>
<h3>7- إضافة WP Super Cache</h3>
<p><a href="http://alwank.com/wp-content/uploads/wpcache.png"><img class="aligncenter size-full wp-image-1098" title="WP Cache" src="http://alwank.com/wp-content/uploads/wpcache.png" alt="WP Cache" width="520" height="150" /></a></p>
<p>إضافة <a title="WP Super Cache" href="http://wordpress.org/extend/plugins/wp-super-cache/" target="_blank">WP Super Cache</a> من الإضافات التي يعجب الكثيرون باستخدامها فتلك الإضافة تقوم بتكوين صفحات HTML ثابتة من صفحات الموقع  أو المدونة و تخزينها على سيرفر الموقع و عند استدعاء صفحة معينة يتم جلب الصفحة الثابتة بدلاً من الصفحة الأصلية من قاعدة البيانات .</p>
]]></content:encoded>
			<wfw:commentRss>http://alwank.com/2010/02/7-wordpress-better-performance-tips/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>كيفية توجيه أجهزة الموبايل في WordPress</title>
		<link>http://alwank.com/2009/12/detect-and-redirect-mobiles-wordpress/</link>
		<comments>http://alwank.com/2009/12/detect-and-redirect-mobiles-wordpress/#comments</comments>
		<pubDate>Sat, 19 Dec 2009 18:18:34 +0000</pubDate>
		<dc:creator>هشام صادق</dc:creator>
				<category><![CDATA[ووردبريس]]></category>

		<guid isPermaLink="false">http://alwank.com/?p=1062</guid>
		<description><![CDATA[مع تزايد عدد مستخدمي أجهزة الهواتف الذكية حول العالم, أصبح من الضروري أن يتم توفير محتوى الانترنت بشكل أفضل لتلك الأجهزة مثل Blackberry و iPhone و غيرها من أنظمة تشغيل الهواتف الذكية . و للأسف في أغلب المواقع العربية على الإنترنت, لا يتم توفير نسخ مصغرة من المواقع لعرضها على أجهزة الموبايل . في هذا [...]]]></description>
			<content:encoded><![CDATA[<p>مع تزايد عدد مستخدمي أجهزة الهواتف الذكية حول العالم, أصبح من الضروري أن يتم توفير محتوى الانترنت بشكل أفضل لتلك الأجهزة مثل Blackberry و iPhone و غيرها من أنظمة تشغيل الهواتف الذكية . و للأسف في أغلب المواقع العربية على الإنترنت, لا يتم توفير نسخ مصغرة من المواقع لعرضها على أجهزة الموبايل . </p>
<p>في هذا المقال نوضح كيفية القيام بذلك في WordPress .<br />
<span id="more-1062"></span><br />
</p>
<h3>تحديد أجهزة الموبايل</h3>
<p>يجب عند زيارة الموقع أن يتم تحديد ما إذا كان الزائر قد دخل الموقع باستخدام الموبايل أو عن طريق جهاز شخصي آخر و يتم ذلك باستخدام خدمة <a href="http://detectmobilebrowsers.mobi/">DetectMobileBrowsers</a> و باستخدام ملف التحقق من الموقع و الذي يتم إضافته داخل مجلد القالب في WordPress , يتم التحقق من متصفحات الموبايل . و يتم ذلك بإضافة الكود التالي في ملف header.php في القالب :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #b1b100;">include</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'mobile_device_detect.php'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$mobile</span> <span style="color: #339933;">=</span> mobile_device_detect<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$mobile</span><span style="color: #339933;">==</span><span style="color: #009900; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  <span style="color: #990000;">header</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'Location: http://example.com/?theme=Your_Mobile_Theme'</span> <span style="color: #009900;">&#41;</span> <span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>و من خلال هذا الكود يتم تحويل متصفحات أجهزة الموبايل إلى الموقع باستخدام قالب مصغر . و عادة لا يتوفر قوالب جاهزة للموبايل لذلك من يستخدم تلك الطريقة لابد له من تصميم قالب مصغر خاص به . إضافة <a href="http://wordpress.org/extend/plugins/nkthemeswitch/">Theme Switch and Preview</a> ضرورية و ذلك للتمكن من التحويل للقالب المصغر (سطر رقم 5 في الكود السابق) .<br />
</p>
<h3>إضافات جاهزة للموبايل</h3>
<p>هناك حلول أسهل و تتم من خلال إضافات جاهزة للموبايل يتم استخدامها و تقوم بتلك العملية تلقائياً و تحويل متصفحات الموبايل لصفحة مصغرة للموقع و من ضمن تلك الإضافات <a href="http://www.bravenewcode.com/wptouch/">WPTouch</a> و <a href="http://wordpress.org/extend/plugins/wordpress-mobile-edition/">WordPress Mobile Edition</a> و <a href="http://mobiforge.com/running/story/the-dotmobi-wordpress-mobile-pack">dotMobi WordPress Pack</a><br />
<center>
<p style="text-align: center;"><a href="http://alwank.com/wp-content/uploads/wptouch-theme.jpg"><img class="size-full wp-image-1065  aligncenter" title="WPTouch Theme" src="http://alwank.com/wp-content/uploads/wptouch-theme.jpg" alt="WPTouch Theme" width="320" height="480" /></a></p>
<p></center></p>
]]></content:encoded>
			<wfw:commentRss>http://alwank.com/2009/12/detect-and-redirect-mobiles-wordpress/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>WordPress تطلق الإصدار التجريبي الأول من نسخة 2.9</title>
		<link>http://alwank.com/2009/12/wordpress-2-9-rc1-released/</link>
		<comments>http://alwank.com/2009/12/wordpress-2-9-rc1-released/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 19:38:49 +0000</pubDate>
		<dc:creator>هشام صادق</dc:creator>
				<category><![CDATA[ووردبريس]]></category>

		<guid isPermaLink="false">http://alwank.com/?p=1057</guid>
		<description><![CDATA[أصدرت Automattic منذ قليل الإصدار التجريبي الأول من برنامج التدوين الأشهر عالمياً WordPress 2.9 . النسخة 2.9 ستكون النسخة الأخيرة قبل صدور النسخة الثالثة من WordPress و المتوقع صدورها في الربع الأول من عام 2010 . نسخة WordPress 2.9 تجمع مجموعة متنوعة من المميزات الجديدة التي ستظهر لأول مرة و أشهرها خاصية &#8220;Trash&#8221; و التي [...]]]></description>
			<content:encoded><![CDATA[<p>أصدرت Automattic منذ قليل <a href="http://wordpress.org/development/2009/12/2-9-rc1/" target="_blank">الإصدار التجريبي الأول</a> من برنامج التدوين الأشهر عالمياً WordPress 2.9 . النسخة 2.9 ستكون النسخة الأخيرة قبل صدور النسخة الثالثة من WordPress و المتوقع صدورها في الربع الأول من عام 2010 .<br />
<span id="more-1057"></span></p>
<p>نسخة WordPress 2.9 تجمع مجموعة متنوعة من المميزات الجديدة التي ستظهر لأول مرة و أشهرها خاصية &#8220;Trash&#8221; و التي ستسمح للمدير بحذف تدوينات, صفحات, تعليقات أو ملفات مرفقة بشكل مؤقت بحيث يمكن استرجاعها أو حذفها للأبد .</p>
<p>كذلك تظهر النسخة الجديدة بداية الاهتمام بالصور و ترتيبها داخل المدونة حيث سيمكن في النسخة الجديدة و النسخة القادمة من WordPress تكوين ألبومات للصور . بالإضافة إلى العديد من المميزات الأخرى مثل عملية إصلاح و تحديث تلقائي لجداول قاعدة البيانات إذا حدثت مشكلة , و ترتيب التعليقات وفقاً للتاريخ &#8220;تصاعدياً أو تنازلياً&#8221; ,و إضافة التعليقات في الصفحات في القالب الافتراضي Kubric و العديد من المميزات و الإصلاحات الأخرى , يمكنك الاطلاع عليها من خلال صفحة <a href="http://codex.wordpress.org/Version_2.9" target="_blank">نسخة 2.9 في دليل WordPress</a> .</p>
<p>و في تدوينة فريق التطوير الرسمية عن الإصدار التجريبي ,تمنى <a href="http://www.crunchbase.com/person/matt-mullenweg" target="_blank">Matt Mullenweg</a> مؤسس WordPress أن يقوم مجموعة من المهتمين بالتقنية بالترقية للنسخة الجديدة و تجربتها , و كذلك تجربة الإضافات الخاصة بـ WordPress إذا كانت تعمل على الإصدار الجديد أو لا و تسجيل ذلك في الخاصية الجديدة في لوحة التحكم و موقع WordPress.org و التي تقوم بتقييم الإضافة من حيث دعمها لإصدارات WordPress أولاً بأول و هو جزء جديد من تفاعل المجتمع التقني مع WordPress في تسهيل و تنظيم قسم الإضافات في الموقع .</p>
<p># <a href="http://wordpress.org/wordpress-2.9-RC1.zip" target="_blank">تنزيل الإصدار التجريبي الأول من WordPress 2.9</a></p>
]]></content:encoded>
			<wfw:commentRss>http://alwank.com/2009/12/wordpress-2-9-rc1-released/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>كيفية : فصل التعقيبات عن التعليقات في WordPress 2.7 و أعلى</title>
		<link>http://alwank.com/2009/09/how-to-separate-trackbacks-from-comments-wordpress-27-above/</link>
		<comments>http://alwank.com/2009/09/how-to-separate-trackbacks-from-comments-wordpress-27-above/#comments</comments>
		<pubDate>Thu, 24 Sep 2009 10:53:08 +0000</pubDate>
		<dc:creator>هشام صادق</dc:creator>
				<category><![CDATA[دروس]]></category>
		<category><![CDATA[ووردبريس]]></category>

		<guid isPermaLink="false">http://alwank.com/?p=905</guid>
		<description><![CDATA[في الإصدار رقم 2.7 من WordPress ظهرت العديد من المميزات الجديدة في ملفات القوالب و ذلك لتسهيل عملية تنسيق القوالب بشكل أفضل . و من المميزات الجديدة التي ظهرت في تلك النسخة هي تعديل نظام ظهور التعليقات و التي من خلالها يمكن التحكم بكيفية ظهورها بشكل كامل و كانت تشمل ظهور التعليقات المنبثقة Threaded Comments [...]]]></description>
			<content:encoded><![CDATA[<p>في الإصدار رقم 2.7 من WordPress ظهرت العديد من المميزات الجديدة في ملفات القوالب و ذلك لتسهيل عملية تنسيق القوالب بشكل أفضل . و من المميزات الجديدة التي ظهرت في تلك النسخة هي تعديل نظام ظهور التعليقات و التي من خلالها يمكن التحكم بكيفية ظهورها بشكل كامل و كانت تشمل ظهور التعليقات المنبثقة Threaded Comments و التعديلات التي جرت داخل ملفات WordPress التي تقوم بتشغيل النظام .<br />
<span id="more-905"></span><br />
و لكن المميزات الجديدة كانت قد سببت بعض المشاكل في التعديلات التي يقوم بها المستخدمون و منها عملية فصل التعقيبات Trackbacks عن تعليقات الزوار .</p>
<blockquote><p>هذا الدليل متعلق فقط بالقوالب التي تستخدم نظام قوالب WordPress 2.7 و أعلى , أي أنه لا يمكن عمل ذلك في القوالب التي تستخدم WordPress 2.6 و أقل .</p></blockquote>
<p>سنستخدم ملف comments.php من قالب Default الافتراضي في WordPress و يمكن بعد ذلك عمل نفس الخطوات على القوالب الأخرى . في البداية يجب عمل تعديل بسيط داخل ملف single.php بالبحث عن الكود التالي :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> comments_template<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>و استبداله بالكود التالي :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> comments_template<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">''</span><span style="color: #339933;">,</span> <span style="color: #009900; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>يقوم التعديل السابق بإبلاغ القالب بتكوين التعليقات بناءً على نوعها (تعليقات أو تعقيبات) .</p>
<p>ثم نقوم بتعديل ملف comments.php ,و نبحث عن الكود التالي :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> have_comments<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>و نقوم بإضافة السطر التالي أسفله مباشرة:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #339933;">!</span> <span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$comments_by_type</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'comment'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>و الآن نقوم بتقسيم التعليقات عن التعقيبات داخل ملف Comments.php , بالبحث عن الكود التالي :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">&lt;ol class=&quot;commentlist&quot;&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_list_comments<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;/ol&gt;</pre></td></tr></table></div>

<p>و نقوم باستبدال الكود السابق بالتالي :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">&lt;ol class=&quot;commentlist&quot;&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_list_comments<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'type=comment'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;/ol&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>يقوم الكود السابق باستبدال العرض الافتراضي للتعليقات بعرض التعليقات فقط و هذا الجزء سيتم فيه عرض التعليقات . أما التعقيبات فسنقوم بتكوين العرض الخاص بها في الخطوة التالية .<br />
الكود التالي سنقوم بإضافته مباشرة بعد التعديل السابق أي بعد endif و ذلك لعرض التعقيبات :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #339933;">!</span> <span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$comments_by_type</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'pings'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;h3 id=&quot;pings&quot;&gt;التعقيبات Trackbacks&lt;/h3&gt;
&lt;ol class=&quot;commentlist&quot;&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_list_comments<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'type=pings&amp;callback=list_pings'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;/ol&gt;
&nbsp;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>و أخيراً نقوم بإضافة الكود التالي و المسئول عن فصل التعليقات عن التعقيبات في ملف functions.php :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #000000; font-weight: bold;">function</span> list_pings<span style="color: #009900;">&#40;</span><span style="color: #000088;">$comment</span><span style="color: #339933;">,</span> <span style="color: #000088;">$args</span><span style="color: #339933;">,</span> <span style="color: #000088;">$depth</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'comment'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$comment</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;li id=&quot;comment-<span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_ID<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_author_link<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>و بالتالي ستتم عملية فصل التعقيبات عن التعليقات . هناك تعديل بسيط يمكن عمله إذا كنت تريد أن يقوم الموقع بعرض عدد التعليقات فقط و ليس عدد التعليقات و التعقيبات معاً و ذلك بإضافة الكود التالي في ملف functions.php :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
add_filter<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'get_comments_number'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'comment_count'</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">function</span> comment_count<span style="color: #009900;">&#40;</span> <span style="color: #000088;">$count</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #339933;">!</span> is_admin<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #000000; font-weight: bold;">global</span> <span style="color: #000088;">$id</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$comments_by_type</span> <span style="color: #339933;">=</span> <span style="color: #339933;">&amp;</span>separate_comments<span style="color: #009900;">&#40;</span>get_comments<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'status=approve&amp;post_id='</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$id</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">return</span> <span style="color: #990000;">count</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$comments_by_type</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'comment'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span>
<span style="color: #b1b100;">return</span> <span style="color: #000088;">$count</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://alwank.com/2009/09/how-to-separate-trackbacks-from-comments-wordpress-27-above/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>حيل مفيدة لاستخدام RSS في WordPress</title>
		<link>http://alwank.com/2009/09/useful-rss-tricks-fro-wordpress/</link>
		<comments>http://alwank.com/2009/09/useful-rss-tricks-fro-wordpress/#comments</comments>
		<pubDate>Sat, 05 Sep 2009 21:37:16 +0000</pubDate>
		<dc:creator>هشام صادق</dc:creator>
				<category><![CDATA[ووردبريس]]></category>

		<guid isPermaLink="false">http://alwank.com/?p=507</guid>
		<description><![CDATA[تقنية RSS (Really Simple Syndication) من أهم التقنيات و أكثرها انتشاراً في السنوات الأخيرة و خاصة بين المدونات و لم تعد تلك التقنية مجرد أداة لتسهيل عملية قراءة المواضيع بدون الدخول للمواقع و إنما أصبح لها استخدامات أشمل لتطوير واجهات الموقع فمن خلالها يمكن جلب المحتويات و إظهارها بشكل معين في الصفحات . في هذا [...]]]></description>
			<content:encoded><![CDATA[<p>تقنية RSS (Really Simple Syndication) من أهم التقنيات و أكثرها انتشاراً في السنوات الأخيرة و خاصة بين المدونات و لم تعد تلك التقنية مجرد أداة لتسهيل عملية قراءة المواضيع بدون الدخول للمواقع و إنما أصبح لها استخدامات أشمل لتطوير واجهات الموقع فمن خلالها يمكن جلب المحتويات و إظهارها بشكل معين في الصفحات .</p>
<p>في هذا المقال سنوضح مجموعة من الحيل التي يمكن من خلالها استخدام RSS بعدة طرق في المواقع و المدونات التي تستخدم WordPress .</p>
<p><span id="more-507"></span></p>
<h3>إضافة إعلانات داخل خلاصة الموقع</h3>
<p>من الحيل التي يمكن الاستفادة منها إذا لم تكن تستخدم Feedburner هي تلك الخاصية التي تمكنك من إضافة إعلانات في خلاصة الموقع بحيث تظهر ﻷي قارىء للخلاصات مثل Google Reader , و من الممكن أن يتم استخدامه في إدخال أي محتوى HTML تريد إدخاله كل مرة و إضافته في الخلاصة .<br />
و يمكن ذلك بإضافة الكود التالي في ملف functions.php داخل القالب :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> 
<span style="color: #000000; font-weight: bold;">function</span> insertAds<span style="color: #009900;">&#40;</span><span style="color: #000088;">$content</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #000088;">$content</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$content</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&lt;hr /&gt;View More Articles at &lt;a href=&quot;http://alwank.com&quot;&gt;Alwank.com&lt;/a&gt;&lt;hr /&gt;'</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">return</span> <span style="color: #000088;">$content</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
add_filter<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'the_excerpt_rss'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'insertAds'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
add_filter<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'the_content_rss'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'insertAds'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<h3>التحكم بوقت ظهور المقالات في الخلاصة</h3>
<p>في بعض الأحيان تقوم بكتابة تدوينة أو مقال و تكتشف أخطاء معينة بعد نشره , و لكن باستخدام الكود التالي يمكنك التحكم بوقت ظهور التدوينات أو المقالات في الخلاصة و ذلك بتحديد عدد دقائق للانتظار قبل نشر التدوينة في الخلاصة و يتم ذلك من خلال إضافة الكود التالي في ملف Functions.php :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #000000; font-weight: bold;">function</span> publish_later_on_feed<span style="color: #009900;">&#40;</span><span style="color: #000088;">$where</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">global</span> <span style="color: #000088;">$wpdb</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> is_feed<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #666666; font-style: italic;">// timestamp in WP-format</span>
		<span style="color: #000088;">$now</span> <span style="color: #339933;">=</span> <span style="color: #990000;">gmdate</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Y-m-d H:i:s'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
		<span style="color: #666666; font-style: italic;">// value for wait; + device</span>
		<span style="color: #000088;">$wait</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'5'</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// integer</span>
&nbsp;
		<span style="color: #666666; font-style: italic;">// http://dev.mysql.com/doc/refman/5.0/en/date-and-time-functions.html#function_timestampdiff</span>
		<span style="color: #000088;">$device</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'MINUTE'</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">//MINUTE, HOUR, DAY, WEEK, MONTH, YEAR</span>
&nbsp;
		<span style="color: #666666; font-style: italic;">// add SQL-sytax to default $where</span>
		<span style="color: #000088;">$where</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot; AND TIMESTAMPDIFF(<span style="color: #006699; font-weight: bold;">$device</span>, <span style="color: #006699; font-weight: bold;">$wpdb-&gt;posts</span>.post_date_gmt, '<span style="color: #006699; font-weight: bold;">$now</span>') &gt; <span style="color: #006699; font-weight: bold;">$wait</span> &quot;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #b1b100;">return</span> <span style="color: #000088;">$where</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
add_filter<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'posts_where'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'publish_later_on_feed'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>يمكنك تغيير وقت تأجيل ظهور التدوينة بتغيير عدد الدقائق 5 لعدد الدقائق الذي تريده .</p>
<h3>توجيه الزوار لخلاصة الموقع على Feedburner </h3>
<p>في كثير من الأحيان يقوم أصحاب المدونات بتغيير القالب المستخدم و خاصة إذا كانت القوالب مجانية و يقوم المدون باختيار قالب معين , و كل قالب يحتوي على روابط الربط مع خلاصات RSS الافتراضية لـ WordPress .<br />
و إذا كنت تستخدم Feedburner في عرض خلاصة الموقع, يمكنك تجنب تغيير الرابط داخل ملفات القالب كل مرة باستخدام الكود التالي و الذي يتم إضافته في ملف .htaccess في المجلد الرئيسي للمدونة :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code"><pre class="perl" style="font-family:monospace;"><span style="color: #666666; font-style: italic;"># temp redirect wordpress content feeds to feedburner</span>
<span style="color: #339933;">&lt;</span>ifmodule mod_rewrite<span style="color: #339933;">.</span>c<span style="color: #339933;">&gt;</span>
 RewriteEngine on
 RewriteCond <span style="color: #339933;">%</span><span style="color: #009900;">&#123;</span>HTTP_USER_AGENT<span style="color: #009900;">&#125;</span> <span style="color: #339933;">!</span>FeedBurner    <span style="color: #009900;">&#91;</span>NC<span style="color: #009900;">&#93;</span>
 RewriteCond <span style="color: #339933;">%</span><span style="color: #009900;">&#123;</span>HTTP_USER_AGENT<span style="color: #009900;">&#125;</span> <span style="color: #339933;">!</span>FeedValidator <span style="color: #009900;">&#91;</span>NC<span style="color: #009900;">&#93;</span>
 RewriteRule <span style="color: #339933;">^</span>feed<span style="color: #339933;">/?</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span>_0<span style="color: #339933;">-</span>9a<span style="color: #339933;">-</span>z<span style="color: #339933;">-</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">+</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">?/?</span>$ http<span style="color: #339933;">://</span>feeds<span style="color: #339933;">.</span>feedburner<span style="color: #339933;">.</span>com<span style="color: #339933;">/</span>alwank <span style="color: #009900;">&#91;</span>R<span style="color: #339933;">=</span><span style="color: #cc66cc;">302</span><span style="color: #339933;">,</span>NC<span style="color: #339933;">,</span>L<span style="color: #009900;">&#93;</span>
<span style="color: #339933;">&lt;/</span>ifmodule<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>كذلك يمكن استخدام <a href="http://www.google.com/support/feedburner/bin/answer.py?hl=en&#038;answer=78483">الإضافة الخاصة بـ Feedburner</a> و التي تقوم بنفس العملية بشكل تلقائي .</p>
<h3>عرض خلاصات التصنيفات</h3>
<p>يوفر WordPress مميزات لا يعرفها الكثيرون و منها أن كل شىء يمكن أن يكون له خلاصة و من ضمن ذلك التصنيفات و يمكن بكل سهولة عرض التصنيفات و بجانبها أيكونة الخلاصة الخاصة بها باستخدام الكود التالي :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> 
wp_list_categories<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'feed_image=http://i26.tinypic.com/121wdpx.jpg&amp;feed=XML Feed&amp;optioncount=1&amp;children=0'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<h3>وقف عرض تصنيف محدد في الخلاصة</h3>
<p>إذا كان هناك تصنيف لا تريد عرضه في خلاصة الموقع أو تصنيف ليس من الضروري عرضه أو لن يهتم القراء بقرائته فيمكن القيام بذلك من خلال إضافة الكود التالي في ملف Functions.php :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> 
<span style="color: #000000; font-weight: bold;">function</span> myFilter<span style="color: #009900;">&#40;</span><span style="color: #000088;">$query</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$query</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">is_feed</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #000088;">$query</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">set</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'cat'</span><span style="color: #339933;">,</span><span style="color: #0000ff;">'-5'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">//لا تنس أن تقوم بتغيير معرف التصنيف ID =^o^=</span>
    <span style="color: #009900;">&#125;</span>
<span style="color: #b1b100;">return</span> <span style="color: #000088;">$query</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
add_filter<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'pre_get_posts'</span><span style="color: #339933;">,</span><span style="color: #0000ff;">'myFilter'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<h3>عرض أي خلاصة لموقع آخر في موقعك أو مدونتك</h3>
<p>هذه الطريقة من أكثر الطرق أهمية في استخدام RSS و يمكنك الكود التالي من جلب أي خلاصة موقع آخر أو أي خلاصة تريد عرضها في موقعك بكل سهولة :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> 
<span style="color: #b1b100;">include_once</span><span style="color: #009900;">&#40;</span>ABSPATH<span style="color: #339933;">.</span>WPINC<span style="color: #339933;">.</span><span style="color: #0000ff;">'/rss.php'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
wp_rss<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'http://feeds.feedburner.com/alwank'</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">5</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>كذلك يمكنك استخدام الكود التالي بدلاً من الكود السابق إن لم يقم بأداء المطلوب :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">	&lt;div id=&quot;FetchRSS&quot;&gt;
	<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #666666; font-style: italic;">// Get RSS Feed(s)</span>
	<span style="color: #b1b100;">include_once</span><span style="color: #009900;">&#40;</span>ABSPATH <span style="color: #339933;">.</span> WPINC <span style="color: #339933;">.</span> <span style="color: #0000ff;">'/rss.php'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$rss</span> <span style="color: #339933;">=</span> fetch_rss<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'http://feeds2.feedburner.com/alwank'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$maxitems</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">5</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$items</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array_slice</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$rss</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">items</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span> <span style="color: #000088;">$maxitems</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000000; font-weight: bold;">?&gt;</span>
&nbsp;
	&lt;ul&gt;
	<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$items</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;li&gt;No items&lt;/li&gt;'</span><span style="color: #339933;">;</span>
	<span style="color: #b1b100;">else</span>
	<span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span> <span style="color: #000088;">$items</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$item</span> <span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
	&lt;li&gt;&lt;a href='<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$item</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'link'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>' 
	title='<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$item</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'title'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>'&gt;
	<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$item</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'title'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
	&lt;/a&gt;&lt;/li&gt;
	<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endforeach</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
	&lt;/ul&gt;&lt;/div&gt;</pre></td></tr></table></div>

<p><strong>مصادر</strong><br />
# <a href="http://www.smashingmagazine.com/2008/12/02/10-useful-rss-hacks-for-wordpress/">10 Useful RSS-Tricks and Hacks For WordPress</a></p>
]]></content:encoded>
			<wfw:commentRss>http://alwank.com/2009/09/useful-rss-tricks-fro-wordpress/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>أضف مؤثرات jQuery في مدونات WordPress</title>
		<link>http://alwank.com/2009/08/use-jquery-effects-with-wordpress/</link>
		<comments>http://alwank.com/2009/08/use-jquery-effects-with-wordpress/#comments</comments>
		<pubDate>Thu, 20 Aug 2009 15:38:08 +0000</pubDate>
		<dc:creator>هشام صادق</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[ووردبريس]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://alwank.com/?p=482</guid>
		<description><![CDATA[مكتبة jQuery من أفضل مكتبات Javascript التي توفر لك تأثيرات متحركة ممتازة في موقعك سواء كنت مصمم مواقع أو مستخدم و مازالت تحتل شهرة كبيرة في عالم مكتبات تأثيرات Javascript و التي تضم مكتبات أخرى مثل Mootools و Prototype و في هذا المقال سنوضح كيفية إضافة تأثيرات متميزة على موقعك أو مدونتك التي تستخدم WordPress [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="jQuery" src="http://alwank.com/wp-content/uploads/jquery.png" alt="" width="120" height="120" />مكتبة <a title="jQuery" href="http://jquery.com/" target="_blank">jQuery</a> من أفضل مكتبات Javascript التي توفر لك تأثيرات متحركة ممتازة في موقعك سواء كنت مصمم مواقع أو مستخدم و مازالت تحتل شهرة كبيرة في عالم مكتبات تأثيرات Javascript و التي تضم مكتبات أخرى مثل Mootools و Prototype</p>
<p>و في هذا المقال سنوضح كيفية إضافة تأثيرات متميزة على موقعك أو مدونتك التي تستخدم <a href="http://alwank.com/tag/wordpress/" target="_blank">WordPress</a> باستخدام jQuery .<br />
<span id="more-482"></span></p>
<h3>كيفية إضافة jQuery المدمجة في WordPress</h3>
<blockquote><p>يمكن الاستغناء عن هذه الخطوة إذا كنت ستسخدم أحد الإضافات الجاهزة Plugins</p></blockquote>
<p>WordPress تأتي و معها ملفات jQuery المطلوبة فهي تستخدم أيضاً في لوحة تحكم الموقع , و يمكن كذلك إضافتها في القالب الذي تستخدمه بكل بساطة بإضافة الكود التالي في ملف functions.php في قالبك :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> 
<span style="color: #000000; font-weight: bold;">function</span> insert_jquery<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
   wp_enqueue_script<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'jquery'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
add_filter<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'wp_head'</span><span style="color: #339933;">,</span><span style="color: #0000ff;">'insert_jquery'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>أو إذا أردتم استخدام الملف من Google Code كما تم التوضيح <a href="">بمقال كيفية عمل قائمة منسدلة باستخدام Ext Core</a> يمكن كذلك إضافة jQuery للموقع بنفس الطريقة عن طريق إضافة الكود السابق في ملف header.php قبل وسم < body > :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="html" style="font-family:monospace;">&lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;</pre></td></tr></table></div>

<blockquote><p>يمكن الاستفادة من مقال الأخ فؤاد بدوي عن <a href="http://www.mo3aser.com/blog/%D8%AD%D9%84-%D8%A7%D9%84%D8%AA%D8%B9%D8%A7%D8%B1%D8%B6-%D8%A8%D9%8A%D9%86-jquery-%D9%85%D8%B9-%D9%85%D9%83%D8%AA%D8%A8%D8%A7%D8%AA-%D8%AC%D8%A7%D9%81%D8%A7%D8%B3%D9%83%D8%B1%D9%8A%D8%A8%D8%AA-%D8%A7/">حل مشكلة تعارض jQuery  مع المكتبات الأخرى</a></p></blockquote>
<h3>[ إضافة ] Lightbox لاستعراض الصور</h3>
<p><img src="http://alwank.com/wp-content/uploads/lb.jpg" alt="" /><br />
من أشهر تأثيرات jQuery هو تأثير عرض الصور باختلاف مسمياته و أشهر تأثير عرض الصور هو Lightbox و التأثير يقوم عند الضغط على صورة معينة لتكبيرها بتغميق الصفحة و تحميل الصورة في شكل جميل و عرضها مع خيار لإغلاق عرض الصورة و العودة للصفحة .<br />
<center><br />
<a class="img" href="http://www.pedrolamas.com/projectos/jquery-lightbox-en/" target="_blank"><img class="img" src="http://alwank.com/wp-content/tut/showdemo.png" alt="عرض حي Demo" /></a><a class="img" href="http://downloads.wordpress.org/plugin/jquery-lightbox-balupton-edition.0.5.zip"><img src="http://alwank.com/wp-content/tut/download.png" alt="تنزيل" /></a><br />
</center></p>
<h3>[ إضافة ] SimpleModal Contact Form</h3>
<p><img src="http://alwank.com/wp-content/uploads/con-box.jpg" alt="" /><br />
و هي إضافة بسيطة تقوم بعرض نموذج للاتصال بصاحب المدونة و يمكن تحديد خصائص معينة لنموذج الاتصال<br />
<center><br />
<a class="img" href="http://www.ericmmartin.com/projects/smcf/" target="_blank"><img class="img" src="http://alwank.com/wp-content/tut/showdemo.png" alt="عرض حي Demo" /></a><a class="img" href="http://downloads.wordpress.org/plugin/simplemodal-contact-form-smcf.1.2.3.zip"><img src="http://alwank.com/wp-content/tut/download.png" alt="تنزيل" /></a><br />
</center></p>
<h3>[ إضافة ] Shockingly Big IE6 Warning</h3>
<p><img src="http://alwank.com/wp-content/uploads/warnie6.jpg" alt="" /><br />
و هو من الإضافات التي أستمتع شخصياً باستخدامها فمن السهل التعديل على شكلها و تعريبها أيضاً و هذه الإضافة تقوم بوضع رسالة تحذيرية بشكل معين في صفحات الموقع تقوم بتحذير المستخدم الذي يستخدم متصفح أقل من إنترنت إكسبلورر 7 و المقصود بها بالطبع هو متصفح إنترنت إكسبلورر 6 .<br />
<center><br />
<a class="img" href="http://wordpress.org/extend/plugins/shockingly-big-ie6-warning/" target="_blank"><img class="img" src="http://alwank.com/wp-content/tut/showdemo.png" alt="عرض حي Demo" /></a><a class="img" href="http://downloads.wordpress.org/plugin/shockingly-big-ie6-warning.1.6.3.zip"><img src="http://alwank.com/wp-content/tut/download.png" alt="تنزيل" /></a><br />
</center></p>
<h3>إضافة تأثير على الجزء الجانبي من الموقع Sidebar</h3>
<p>بدلاً من استخدام التأثيرات العادية باستخدام CSS, توفر jQuery تأثيرات أفضل عند المرور بالماوس على أحد العناصر في الجزء الجانبي و يمكن استعراض مثال من مدونة <a href="http://www.woothemes.com/blog/">WooThemes Blog</a> .<br />
و لعمل هذا التأثير يجب تنزيل ملفات التأثيرات الخاصة بذلك و هي إضافات <a href="http://gsgd.co.uk/sandbox/jquery/easing/">Easing plugin</a> و <a href="http://plugins.jquery.com/project/color">Color plugin</a>و بعد تنزيلهم و فك الضغط يتم وضعهم داخل مجلد القالب الذي تستخدمه .<br />
و بعد ذلك سنستخدم الكود التالي داخل القالب في ملف functions.php :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">function nice_sidebar(){
?&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'stylesheet_directory'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>/easing.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'stylesheet_directory'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>/color.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
&nbsp;
jQuery(document).ready(function(){
    jQuery.easing.def = &quot;easeInOutSine&quot;; 
&nbsp;
     jQuery('.aside &gt; ul &gt; li &gt; ul &gt; li').bind('mouseenter',function(){
&nbsp;
      jQuery(this).stop().animate({
            backgroundColor: &quot;#b5b5b5&quot; }, 200)
&nbsp;
    }).bind('mouseleave',function(){
&nbsp;
        jQuery(this).stop().animate({
            backgroundColor: &quot;#ffffff&quot; }, 500)
    });
&nbsp;
  });
&lt;/script&gt;
&nbsp;
&lt; ?php
}
add_filter('wp_head', 'nice_sidebar');</pre></td></tr></table></div>

<p>السطر الخاص الذي يتم فيه ذكر العناصر التي يقوم التأثير بالظهور عليها مثل .aside > ul > li > ul > li و في هذا السطر يمكنك تغيير العناصر التي يجب التأثير عليها حسب استخدامك للقالب .</p>
<h3>[ إضافة ] استعراض التعليق قبل الإرسال</h3>
<p>و تمكنك الإضافة من استعراض شكل التعليق قبل إرساله في التدوينات .</p>
<p><img src="http://alwank.com/wp-content/uploads/jqcompreview.png" alt="" /></p>
<p><center><a class="img" href="http://articlesss.com/jquery-comment-preview-wordpress-plugin/" target="_blank"><img class="img" src="http://alwank.com/wp-content/tut/showdemo.png" alt="عرض حي Demo" /></a><a class="img" href="http://downloads.wordpress.org/plugin/jquery-comment-preview.0.1.4.zip"><img src="http://alwank.com/wp-content/tut/download.png" alt="تنزيل" /></a></center></p>
<p><strong>مصادر</strong></p>
<ul>
<li><a href="http://www.noupe.com/jquery/the-power-of-wordpress-and-jquery-30-useful-plugins-tutorials.html"> The Power of WordPress and jQuery: 25+ Useful Plugins &#038; Tutorials<br />
</a></li>
<li><a href="http://www.catswhocode.com/blog/spice-up-your-wordpress-theme-with-jquery">Spice up your WordPress theme with jQuery</a></li>
</ul>
</pre>
]]></content:encoded>
			<wfw:commentRss>http://alwank.com/2009/08/use-jquery-effects-with-wordpress/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>10 أكواد WordPress مفيدة و ضرورية لأي مصمم</title>
		<link>http://alwank.com/2009/08/10-wordpress-codes-must-know-designer/</link>
		<comments>http://alwank.com/2009/08/10-wordpress-codes-must-know-designer/#comments</comments>
		<pubDate>Sun, 16 Aug 2009 13:32:47 +0000</pubDate>
		<dc:creator>هشام صادق</dc:creator>
				<category><![CDATA[عام]]></category>
		<category><![CDATA[ووردبريس]]></category>
		<category><![CDATA[دروس]]></category>

		<guid isPermaLink="false">http://alwank.com/?p=468</guid>
		<description><![CDATA[ربما هذا المقال لا يحمل الجديد لمن لهم معرفة جيدة بقوالب WordPress و لكنه مهم للمستخدمين (وليس المصممين) ممن يحتاجون إلى تعديلات على القوالب التي يستخدمونها في مواقعهم أو مدوناتهم . و لكنه سيفيد أيضاً بعض المصممين . و في هذا المقال نتحدث عن مجموعة مهمة من الأكواد الأساسية و المفيدة في أي قالب من [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="أكواد قوالب WordPress ضرورية لأي مصمم" src="http://alwank.com/wp-content/uploads/wpthemes.png" alt="" width="120" height="120" />ربما هذا المقال لا يحمل الجديد لمن لهم معرفة جيدة بقوالب WordPress و لكنه مهم للمستخدمين (وليس المصممين) ممن يحتاجون إلى تعديلات على القوالب التي يستخدمونها في مواقعهم أو مدوناتهم . و لكنه سيفيد أيضاً بعض المصممين .</p>
<p>و في هذا المقال نتحدث عن مجموعة مهمة من الأكواد الأساسية و المفيدة في أي قالب من قوالب WordPress . يمكن كذلك مراجعة مقال &#8221; <a title="التعريف ببيئة عمل قوالب WordPress" href="../2009/06/wordpress-theme-framework/" target="_blank">التعريف ببيئة عمل قوالب WordPress </a>&#8221; . و سنبدأ من الأبسط إلى الأهم<br />
<span id="more-468"></span></p>
<h3>1- كيفية عرض الوسوم</h3>
<p>يمكن في WordPress عرض الوسوم Tags بطريقتين , الطريقة الأولى و هي أن تظهر على شكل قائمة عادية في الموقع و الطريقة الثانية هي أن تظهر على شكل سحابة وسوم Tag Cloud .</p>
<p>- طريقة عرض قائمة الوسوم :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> the_tags<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>- طريقة عرض سحابة الوسوم :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_tag_cloud<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'smallest=8&amp;largest=36&amp;'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>في سحابة الوسوم , قيمتي smallest و largest تحددان حجم الخط بين أصغر كلمة و أكبر كلمة في سحابة الوسوم .</p>
<h3>2- عرض المدونات الصديقة Blogroll</h3>
<p>و يعرض الكود التالي قائمة بالمواقع أو المدونات الصديقة التي تضيفها من خلال لوحة التحكم و عادة ما يكون الكود في الجزء الجانبي من الموقع Sidebar :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">&lt;ul&gt; <span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_list_bookmarks<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'title_li=&amp;categorize=0'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> &lt;/ul&gt;</pre></td></tr></table></div>

<h3>3- عرض قائمة الصفحات و التصنيفات</h3>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">&lt;ul&gt; <span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_list_pages<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'title_li=الصفحات'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> &lt;/ul&gt;</pre></td></tr></table></div>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">&lt;ul&gt; <span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_list_categories<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'show_count=0&amp;title_li='</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>  <span style="color: #000000; font-weight: bold;">?&gt;</span> &lt;/ul&gt;</pre></td></tr></table></div>

<p>يقوم الكود بعرض الصفحات الثابتة  أو التصنيفات الموجودة بموقعك , أحياناً كمصمم تحتاج لعمل قائمة بأعلى الموقع و تريد أن تعرض فيها الصفحات أو التصنيفات بشكل تلقائي دون تدخل أو تعديل منك في حالة إضافة صفحة جديدة أو تصنيف جديد و بالتالي يجب أن تستخدم الأكواد السابقة في ذلك و تطويعها باستخدام CSS في تنسيق عناصر ul, li, a الخاصة بعنصر القائمة .</p>
<h3>4- عرض أحدث التدوينات</h3>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_get_archives<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'type=postbypost&amp;limit=5'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>  <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>الكود السابق يقوم بجلب أحدث التدوينات من المدونة كلها و قيمة limit تحدد عدد التدوينات المراد عرضها .<br />
يمكن كذلك القيام بعرض أحدث التدوينات من خلال تصنيف واحد فقط بالموقع بطريقة أخرى كالتالي :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> 
  	<span style="color: #000088;">$recentposts</span> <span style="color: #339933;">=</span> get_posts<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'numberposts=5&amp;category=1'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  	<span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$recentposts</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$post</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span>
  	setup_postdata<span style="color: #009900;">&#40;</span><span style="color: #000088;">$post</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>  
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>يمكنك تحديد معرف التصنيف و عدد التدوينات المراد عرضها من المتغيرات numberposts و category</p>
<h3>5- عرض التدوينات المثبتة Sticky Posts</h3>
<p>في إصدارات WordPress الحديثة , توفر WordPress خاصية التدوينات المثبتة للمستخدمين و لكن ينقصهم طريقة عرضها . يمكن عرض التدوينات المثبتة بإضافة الكود التالي قبل الجزء الخاص بتكوين المحتوى The Loop :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> 
	<span style="color: #000088;">$sticky</span> <span style="color: #339933;">=</span> get_option<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'sticky_posts'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #990000;">rsort</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$sticky</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$sticky</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array_slice</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$sticky</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">5</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        query_posts<span style="color: #009900;">&#40;</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'post__in'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #000088;">$sticky</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'caller_get_posts'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #cc66cc;">1</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>القيمة 5 يمكن تغييرها حسب عدد العناصر التي تريد عرضها .</p>
<h3>6- عرض أشهر التدوينات</h3>
<p>يمكن ببساطة عرض أشهر التدوينات و ذلك بناءً على عدد التعليقات المرسلة , حيث يقوم الكود التالي بعرض و ترتيب مشاركات موقعك و عرض الأكثر تعليقاً :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">&lt;h2&gt;أشهر التدوينات&lt;/h2&gt;
&lt;ul&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #000088;">$result</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$wpdb</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">get_results</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;SELECT comment_count,ID,post_title FROM <span style="color: #006699; font-weight: bold;">$wpdb-&gt;posts</span> ORDER BY comment_count DESC LIMIT 0 , 5&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$result</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$post</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
setup_postdata<span style="color: #009900;">&#40;</span><span style="color: #000088;">$post</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$postid</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$post</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">ID</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$title</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$post</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">post_title</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$commentcount</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$post</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">comment_count</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$commentcount</span> <span style="color: #339933;">!=</span> <span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&nbsp;
&lt;li&gt;&lt;a href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> get_permalink<span style="color: #009900;">&#40;</span><span style="color: #000088;">$postid</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; title=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$title</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot;&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$title</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/a&gt; {<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$commentcount</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>}&lt;/li&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&nbsp;
&lt;/ul&gt;</pre></td></tr></table></div>

<h3>7- عرض عدد الكلمات بالتدوينة</h3>
<p>الكود التالي سيقوم بعرض عدد الكلمات التي قمت بكتابتها في التدوينة مثل عدد الكلمات الذي يظهر للمستخدم أثناء كتابة التدوينة :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> 
<span style="color: #000000; font-weight: bold;">function</span> count_words<span style="color: #009900;">&#40;</span><span style="color: #000088;">$str</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
     <span style="color: #000088;">$words</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
     <span style="color: #000088;">$str</span> <span style="color: #339933;">=</span> <span style="color: #990000;">eregi_replace</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot; +&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot; &quot;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$str</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
     <span style="color: #000088;">$array</span> <span style="color: #339933;">=</span> <span style="color: #990000;">explode</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot; &quot;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$str</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
     <span style="color: #b1b100;">for</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$i</span><span style="color: #339933;">=</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span><span style="color: #000088;">$i</span> <span style="color: #339933;">&lt;</span> <span style="color: #990000;">count</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$array</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #000088;">$i</span><span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span>
 	 <span style="color: #009900;">&#123;</span>
         <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">eregi</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;[0-9A-Za-zÀ-ÖØ-öø-ÿ]&quot;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$array</span><span style="color: #009900;">&#91;</span><span style="color: #000088;">$i</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
             <span style="color: #000088;">$words</span><span style="color: #339933;">++;</span>
     <span style="color: #009900;">&#125;</span>
     <span style="color: #b1b100;">return</span> <span style="color: #000088;">$words</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span>
&nbsp;
عدد الكلمات : <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> count_words<span style="color: #009900;">&#40;</span><span style="color: #000088;">$post</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">post_content</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<h3>8- استخدام الأكواد المختصرة Shortcodes</h3>
<p>في بعض الأحيان نقوم بتكرار شىء ما في تدويناتنا و نقوم بجلب الكود أو المحتوى من تدوينة أخرى , و لكن يمكن بسهولة عمل اختصار لهذا المحتوى و وضعه في تدويناتك الجديدة بكود مختصر و بسيط , و ذلك عن طريق تكوين الكود التالي داخل ملف functions.php :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> 
<span style="color: #000000; font-weight: bold;">function</span> bm<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #b1b100;">return</span> <span style="color: #0000ff;">'بسم الله الرحمن الرحيم'</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
add_shortcode<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'besm'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'bm'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>و بعد ذلك قم بتجربة كتابة الكود المختصر بالشكل التالي : <strong>[besm]</strong> في تدويناتك  و سيظهر لك نص بسم الله الرحمن الرحيم .<br />
إذاً يمكنك تغيير قيمة bm كدالة و قيمة besm كاسم مختصر تستخدمه و تكرر ذلك في كل كود مختصر تريد عرضه في تدويناتك .</p>
<h3>9- عرض عدد مشتركي خلاصاتك في FeedBurner بشكل نص</h3>
<p>يتيح Feedburner أن تعرض عدد المشتركين في خلاصة الموقع بشكل صورة و لكن إذا أردت أن تعرض الرقم بشكل نصي و تنسيقه بشكل جميل فيمكنك استخدام الكود التالي :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> 
	<span style="color: #000088;">$fburl</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=feed-id&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$ch</span> <span style="color: #339933;">=</span> <span style="color: #990000;">curl_init</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #990000;">curl_setopt</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$ch</span><span style="color: #339933;">,</span> CURLOPT_RETURNTRANSFER<span style="color: #339933;">,</span> <span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #990000;">curl_setopt</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$ch</span><span style="color: #339933;">,</span> CURLOPT_URL<span style="color: #339933;">,</span> <span style="color: #000088;">$fburl</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$stored</span> <span style="color: #339933;">=</span> <span style="color: #990000;">curl_exec</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$ch</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #990000;">curl_close</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$ch</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$grid</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> SimpleXMLElement<span style="color: #009900;">&#40;</span><span style="color: #000088;">$stored</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$rsscount</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$grid</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">feed</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">entry</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'circulation'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
	<span style="color: #b1b100;">echo</span> <span style="color: #000088;">$rsscount</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<h3>10- كيفية إضافة مربع الدخول Login Form</h3>
<p>إذا كنت ممن يريدون أن يكتب أشخاص آخرين في مدونتك و تتيح لهم التسجيل و الكتابة فأنت بحاجة لهذا الكود لعمل مربع الدخول لموقعك :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>  <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #009900;">&#40;</span>current_user_can<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'level_0'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;h2&gt;دخول&lt;/h2&gt;
&lt;form action=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> get_option<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'home'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>/wp-login.php&quot; method=&quot;post&quot;&gt;
&lt;input type=&quot;text&quot; name=&quot;log&quot; id=&quot;log&quot; value=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> wp_specialchars<span style="color: #009900;">&#40;</span><span style="color: #990000;">stripslashes</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$user_login</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span> ?<span style="color: #339933;">/&gt;</span><span style="color: #0000ff;">&quot; size=&quot;</span><span style="color: #cc66cc;">20</span><span style="color: #0000ff;">&quot; /&gt;
&lt;input type=&quot;</span>password<span style="color: #0000ff;">&quot; name=&quot;</span>pwd<span style="color: #0000ff;">&quot; id=&quot;</span>pwd<span style="color: #0000ff;">&quot; size=&quot;</span><span style="color: #cc66cc;">20</span><span style="color: #0000ff;">&quot; /&gt;
&lt;input type=&quot;</span>submit<span style="color: #0000ff;">&quot; name=&quot;</span>submit<span style="color: #0000ff;">&quot; value=&quot;</span>دخول<span style="color: #0000ff;">&quot; class=&quot;</span>button<span style="color: #0000ff;">&quot; /&gt;
    &lt;p&gt;
       &lt;label for=&quot;</span>rememberme<span style="color: #0000ff;">&quot;&gt;&lt;input name=&quot;</span>rememberme<span style="color: #0000ff;">&quot; id=&quot;</span>rememberme<span style="color: #0000ff;">&quot; type=&quot;</span>checkbox<span style="color: #0000ff;">&quot; checked=&quot;</span>checked<span style="color: #0000ff;">&quot; value=&quot;</span>forever<span style="color: #0000ff;">&quot; /&gt; تذكرني&lt;/label&gt;
       &lt;input type=&quot;</span>hidden<span style="color: #0000ff;">&quot; name=&quot;</span>redirect_to<span style="color: #0000ff;">&quot; value=&quot;</span><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$_SERVER</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'REQUEST_URI'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span> ?<span style="color: #339933;">/&gt;</span><span style="color: #0000ff;">&quot; /&gt;
    &lt;/p&gt;
&lt;/form&gt;
&lt;a href=&quot;</span><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> get_option<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'home'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>/wp-login.php?action=lostpassword&quot;&gt;نسيت كلمة المرور ؟&lt;/a&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span>  <span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;h2&gt;مرحباً بك&lt;/h2&gt;
&lt;a href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> get_option<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'home'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>/wp-admin/&quot;&gt;لوحة التحكم&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> wp_logout_url<span style="color: #009900;">&#40;</span><span style="color: #990000;">urlencode</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_SERVER</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'REQUEST_URI'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot;&gt;خروج&lt;/a&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://alwank.com/2009/08/10-wordpress-codes-must-know-designer/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>قالب ووردبريس معدل و معرب [The clam shell]</title>
		<link>http://alwank.com/2009/06/the-clam-shell-arabized-theme/</link>
		<comments>http://alwank.com/2009/06/the-clam-shell-arabized-theme/#comments</comments>
		<pubDate>Sat, 27 Jun 2009 20:55:47 +0000</pubDate>
		<dc:creator>عماد الدبن</dc:creator>
				<category><![CDATA[ووردبريس]]></category>

		<guid isPermaLink="false">http://www.ar-tuts.com/?p=483</guid>
		<description><![CDATA[أقدم لكم هذا القالب المعرب و المعدل من قبلي لمعاينة التيم عبر الصور : الرئيسية الخاصة بالقالب : صورة لها هــنــا داخل المواضيع هــنــا التحميل : the-clam-shell.zip ملاحظة : الثيم لا يقبل القائمة الجانبية &#8230; متوافق مع الفايرفوكس و هناك بعض الأخطاء البسيطة في الأنترنت أكسبلورار 8 &#8230; أما باقي المتصفحات لم أجربها .]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://alwank.com/wp-content/uploads/theme-copy.png"><img class="aligncenter size-full wp-image-484" style="border: 10px solid #efefef;" src="http://alwank.com/wp-content/uploads/theme-copy.png" alt="theme " width="500" height="200" /></a><span style="font-size: medium;"> </span></p>
<p><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-size: medium;">أقدم لكم هذا القالب المعرب و المعدل من قبلي</span></span></p>
<p><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-size: medium;">لمعاينة التيم عبر الصور :</span></span></p>
<p><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-size: medium;">الرئيسية الخاصة بالقالب : صورة لها <a href="http://alwank.com/wp-content/uploads/1245437206673.png" target="_blank">هــنــا</a></span></span></p>
<p><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-size: medium;"><span id="more-771"></span></span></span></p>
<p><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-size: medium;"> </span></span></p>
<p><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-size: medium;">داخل المواضيع <a href="http://alwank.com/wp-content/uploads/1245438079102.png" target="_blank">هــنــا</a></span></span></p>
<p><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-size: medium;"><strong>التحميل :</strong><br />
</span></span></p>
<p class="boxgreen"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-size: medium;"><img title="تحميل" src="http://www.ar-tuts.com/wp-content/uploads/small_icons/disk.png" alt="Download" width="16" height="16" /> <a href="http://www.box.net/shared/x5x4710oyx">the-clam-shell.zip</a></span></span></p>
<p class="boxajor"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-size: medium;"><span style="color: #ff0000;">ملاحظة :</span> الثيم لا يقبل القائمة الجانبية &#8230; متوافق مع الفايرفوكس و هناك بعض الأخطاء البسيطة في الأنترنت أكسبلورار 8 &#8230; أما باقي المتصفحات لم أجربها .</span><br class="spacer_" /></span></p>
]]></content:encoded>
			<wfw:commentRss>http://alwank.com/2009/06/the-clam-shell-arabized-theme/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>صدور WordPress 2.8.1 Beta 1</title>
		<link>http://alwank.com/2009/06/wordpress-281-beta-1-released/</link>
		<comments>http://alwank.com/2009/06/wordpress-281-beta-1-released/#comments</comments>
		<pubDate>Sun, 21 Jun 2009 00:45:52 +0000</pubDate>
		<dc:creator>هشام صادق</dc:creator>
				<category><![CDATA[ووردبريس]]></category>

		<guid isPermaLink="false">http://alwank.com/?p=267</guid>
		<description><![CDATA[أصدرت WordPress منذ قليل الإصدار التجريبي الأول WordPress 2.8.1 Beta 1 و ذلك بعد حوالي عشرة أيام من إصدار نسخة 2.8 . النسخة الجديدة تحمل بعض التحديثات التي كانت تسبب مشاكل في النسخة 2.8 و عانى منها الكثير من المستخدمين . من المشاكل التي تم حلها في إصدار WordPress 2.8.1 Beta 1 : تقليل حجم [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="Wordpress 2.8.1 Beta 1" src="http://alwank.com/wp-content/uploads/wordpress-custom.png" alt="" width="120" height="120" /><strong> <a href="http://wordpress.org/development/2009/06/wordpress-2-8-1-beta-1/" target="_blank">أصدرت</a> WordPress منذ قليل الإصدار التجريبي الأول WordPress 2.8.1 Beta 1 و ذلك بعد حوالي عشرة أيام من <a href="http://alwank.com/2009/06/wordpress-28-final-released-june-10/" target="_blank">إصدار نسخة 2.8</a> . </strong></p>
<p>النسخة الجديدة تحمل بعض التحديثات التي كانت تسبب مشاكل في النسخة 2.8 و عانى منها الكثير من المستخدمين .</p>
<p><span id="more-267"></span><em><strong> </strong></em></p>
<p><em><strong>من المشاكل التي تم حلها في إصدار WordPress 2.8.1 Beta 1 :</strong></em></p>
<p><em><strong><br />
</strong></em></p>
<ul>
<li>تقليل حجم صفحة التحكم الرئيسية أثناء التحميل لتقليل العبىء على المتصفح و أصحاب السرعات المنخفضة .</li>
</ul>
<ul>
<li>حل مشكلة التحديث التلقائي و التي كانت تتسبب في حذف بعض الملفات أثناء الترقية .</li>
</ul>
<ul>
<li>حل مشكلة عدم تحميل المحرر المتطور .</li>
</ul>
<ul>
<li>إضافة حماية أمنية جديدة للتعامل مع الإضافات التي تحتاج إلى تصاريح خاصة و بالتالي لا تقوم بعمل مشاكل في المدونة .</li>
</ul>
<ul>
<li>حل مشكلة تعارض بعض القوالب عند التعامل مع دالة get_categories() ما تسبب فشل تحميل المدونة في نسخة 2.8 .</li>
</ul>
<p># <a href="http://wordpress.org/wordpress-2.8.1-beta1.zip" target="_blank">تحميل نسخة WordPress 2.8.1 Beta 1 &#8211; غير معربة</a></p>
]]></content:encoded>
			<wfw:commentRss>http://alwank.com/2009/06/wordpress-281-beta-1-released/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
