حصرياً على عرب ووردبريس: كيف تصمم قالبا للوردبريس من نقطة الصفر

مساهمة مني لجعل هذا الموقع مرجعا مهما للوربريس فسوف أنزل بضعة دروس متقدمة :
1 – كيف تصمم قالبا للورد بريس من الصفر .
2 – كيف تكتب اضافة plugin من الصفر .
3 – كيف تطور مدونتك بأسهل الطرق.
4 – كيف تتميز بمدونتك بميزة لا يملكها غيرك .


طبعا الدروس تحتاج الى وقت طويل وانا رجل مشغول فأنا مدرس في الجامعة ومشاغلي كثيرة فالمعذرة .

الدرس الأول:

كيف تصمم قالبا للورد بريس من الصفر

يحتاج تصميم قالب من نقطة الصفر من المصمم إلى التالي :

1 – معرفة متوسطة بلغة php نسبة 50 %
2 – معرفة جيدة جدا بلغات xhtml – css نسبة 70%
3 – معرفة بأكواد وطريقة عمل البرمجة التي كتب بها كود الووردبريس الأصلي نسبة 80 %
4 – معرفة جيدة بأحد برامج معالجة الصور والألوان. نسبة 70%
5 – الذوق الخاص ( وهو يتكون من الزيارات المتكررة لمواقع المصممين ورؤية أعمالهم ومتابعتهم ). وتذكروا المثل القائل البساطة تصنع الجمال .
6 – الفكر الخلاق والقدرة على ابتكار الأفكار الجديدة والمفيدة .

يحتاج تصميم قالب جديد إلى البرامج التالية :

1 – اي برنامج لكتابة الأكواد ، ( انا شخصيا استخدم النوت باد ) ولكني انصحكم ببرنامج npp+ وهو موجود على الرابط :

http://sourceforge.net/project/showf...kage_id=102072

حملوه وفيه بعض الاضافات المفيدة .

2 – أي برنامج لتحرير الصور ( أنا استخدم الفوتوشوب ) .. والبرنامج أتركه لاختياركم .
3 – أي برنامج لاختيار الألوان . لدي برنامج بسيط جدا سأضعه هنا في المرفقات .
4 – برنامج سيرفر أباتشي لتنصيبه على جهازك ( أنصح ب appderv 2.4.3 )
5 – طبعا سكريبت الوربريس حتى تنصبه على جهازك وترى نتائج

يحتاج المصمم إلى مواقع معينة تساعده ..في فحص تصاميمه ودقتها وللتعلم وللاطلاع على ما ينقصه

1 – أي موقع يعلم css
2 – أي موقع يعلم xhtml
3 - موقع وررد بريس الرئيسي ( والدروس فيه ) لكي يتغلب على بعض المشاكل التي تواجهه .

يتبع
_______________

(1) موقعي التعريفي هنا.
(2) يرجى التقيّد بضوابط الدستور منعاً لغلق أو حذف المواضيع المخالفة.
(3) يرجى وضع رابط مدونتك في توقيعك فهذا يساعدنا على تقديم دعم فني سريع.
(4) كن ممّن يأخذ فيعطي ولا تكن ممّن يأخذ فيختفي.
--------------------------------------------------------
سبحان الله، الحمد لله، لا إله إلا الله، الله أكبر

مدونة إني أتأرجح

[HTML]

الكاتب :
<?php the_author(); ?>
مثال الاستخدام :
<p>هذه المشاركة بواسطة : <?php the_author(); ?></p>

***

اسم الدخول للكاتب
<?php the_author_nickname(); ?>

***

الاسم الأول للكاتب
<?php the_author_firstname(); ?>
مثال الاستخدام :
<p>هذه المشاركة كتبت بواسطة : <?php the_author_firstname(); ?></p>

***

الأي دي الخاص بالكاتب
<?php the_author_ID(); ?>
مثال الاستخدام:
<a href="/blog/index.php?author=<?php the_author_ID(); ?>">
شاهد جميع مشاركات : <?php the_author_nickname(); ?></a>

***

الاسم الأخير للكاتب
<?php the_author_lastname(); ?>
مثال الاستخدام
<p>الكاتب : <?php the_author_firstname(); ?> <?php the_author_lastname(); ?></p>
سيظهر هذا المثال الاسم الأول والاسم الأخير للكاتب

***

دخول الكاتب :
<?php the_author_login(); ?>
مثال الاستخدام :
<p>الاسم: <?php the_author_login(); ?></p>

***

وصف الكاتب
<?php the_author_description(); ?>
مثال الاستخدام :
<p>معلومات عن الكاتب: <?php the_author_description(); ?></p>

***

مشاركات أخرى للكاتب
<?php the_author_posts_link(); ?>
مثال الاستخدام :
<p>مشاركات الكاتب :<?php the_author_posts_link(); ?></p>

***

عدد مشاركات الكاتب
<?php the_author_posts(); ?>
مثال الاستخدام :
<p>الكاتب <?php the_author(); ?> أضاف <?php the_author_posts(); ?> المشاركات</p>

***

ايميل الكاتب
<?php the_author_email(); ?>
مثال
<a href="mailto:<?php the_author_email(); ?>">اتصل بالكاتب</a>

***

موقع الكاتب
<?php the_author_url(); ?>
مثال الاستخدام
<p>الموقع: <a href="<?php the_author_url(); ?>"><?php the_author_url(); ?></a></p>

***

قائمة المشاركين أو الكتاب في قسم ما
<?php list_authors(); ?>

***

قائمة المشاركين في المدونة
<?php wp_list_authors(); ?>
مثال الاستخدام
<?php wp_list_authors('show_fullname=1&optioncount=1'); ?>
سيظهر هذا المثال كل المدونين وبجانبهم عدد مواضيعهم محاطا بقوسين

[/HTML]

(1) موقعي التعريفي هنا.
(2) يرجى التقيّد بضوابط الدستور منعاً لغلق أو حذف المواضيع المخالفة.
(3) يرجى وضع رابط مدونتك في توقيعك فهذا يساعدنا على تقديم دعم فني سريع.
(4) كن ممّن يأخذ فيعطي ولا تكن ممّن يأخذ فيختفي.
--------------------------------------------------------
سبحان الله، الحمد لله، لا إله إلا الله، الله أكبر

[html]

الأقسام
<?php the_category(); ?>
مثال الاستخدام:
<p>الأقسام: <?php the_category(); ?></p>
***
قائمة الاقسام
<?php list_cats(); ?>
مثال الاستخدام:

***
قائمة الأقسام rss
<?php the_category_rss() ?>
مثال الاستخدام:
<?php the_category_rss() ?>
<guid><?php the_permalink($id); ?></guid>
***
وصف قسم معين
<?php category_description(); ?>
مثال الاستخدام :
<?php category_description(3); ?>
هذا المثال سوف يعطيك وصف القسم ذو الرقم 3 مثلا
***
قائمة الاقسام ضمن قائمة منسدلة :
<?php dropdown_cats(); ?>

( تستطيع أن تستخدم الأكواد التالية فيه )
<?php dropdown_cats (optionall, 'all', 'sort_column','sort_order', optiondates, optioncount, hide_empty, optionnone, selected, hide); ?>

مثال الاستخدام :
<li id="categories"><?php _e('Categories:'); ?>
<ul><li>
<form action="<?bloginfo('url');?>/index.php" method="get">
<?php dropdown_cats(); ?>
<input type="submit" name="submit" value="view" />
</form>
</li></ul>
</li>

____________________________

[/html]

::| WwW.Bssmat-b.CoM |::

[html]


عدد التعليقات
<?php comments_number('صفر', '1', 'المزيد', 'الرقم'); ?>
مثال الاستخدام:
<p>هذه المشاركة تحتوي على : <?php comments_number('ولا تعليق','تعليق واحد','% تعليقات'); ?>.</p>

***

التعليق
<?php comments_link(); ?>
مثال
<a href="<?php comments_link(); ?>">أضف تعليقك</a>

***

أي دي التعليق
<?php comment_ID(); ?>
مثال الاستخدام
<p>التعليق <?php comment_ID(); ?> لجميع التعليقات.</p>

***

المعلق
<?php comment_author(); ?>
مثال
<div>كتب التعليق : <?php comment_author(); ?>:</div>

***

اي بي المعلق
<?php comment_author_IP(); ?>
مثال الاستخدام:
<p>المعلق من: <?php comment_author_IP(); ?></p>

***

ايميل المعلق لاستخدامه في الأوت لوك
<?php comment_author_email(); ?>
مثال الاستخدام
<a href="mailto:<?php comment_author_email(); ?>">اتصل بنا <?php comment_author(); ?></a>

***

ايميل المعلق كوصلة
<?php comment_author_email_link(); ?>
مثال الاستخدام :
البريد الالكتروني: <?php comment_author_email_link(); ?><br />

***

موقع المعلق
<?php comment_author_url(); ?>
مثال الاستخدام
<a href="<?php comment_author_url(); ?>">زيارة موقع <?php comment_author(); ?></a>

***

موقع المعلق ظاهرا كوصلة
<?php comment_author_url_link(); ?>
مثال الاستخدام
الموقع: <?php comment_author_url_link(); ?><br />

***
______________________

[/html]

(1) موقعي التعريفي هنا.
(2) يرجى التقيّد بضوابط الدستور منعاً لغلق أو حذف المواضيع المخالفة.
(3) يرجى وضع رابط مدونتك في توقيعك فهذا يساعدنا على تقديم دعم فني سريع.
(4) كن ممّن يأخذ فيعطي ولا تكن ممّن يأخذ فيختفي.
--------------------------------------------------------
سبحان الله، الحمد لله، لا إله إلا الله، الله أكبر

[html]

المصطلحات العامة :

***

معلومات المدونة :
<?php bloginfo(متغيرات ما); ?>
<?php bloginfo('name'); ?> يعطي اسم المدونة
<?php bloginfo('charset'); ?> يعطي ترميز المدونة
<?php bloginfo('description'); ?> يعطي معلومات المدونة
<?php bloginfo('url'); ?> يعطي موقع المدونة
<?php bloginfo('rdf_url'); ?> يعطي موقع RDF/RSS 1.0
<?php bloginfo('rss_url'); ?> يعطي موقع RSS 0.92
<?php bloginfo('rss2_url'); ?> يعطي موقع RSS 2.0
<?php bloginfo('atom_url'); ?> يعطي موقع الأتوم
<?php bloginfo('comments_rss2_url'); ?> يعطي موقع rss2 للتعليقات
<?php bloginfo('admin_email'); ?> يعطي البريد الالكتروني للمشرف العام على المدونة
<?php bloginfo('version'); ?> يعطي رقم الاصدار

***

عنوان المدونة
<?php wp_title(); ?>
مثال الاستخدام
<p>انت تتصفح مدونة : <?php wp_title(); ?>.</p>

مثال مستخدم في هيدر أي مدونة :
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

مثال متقدم مشروط :
<title>
<?php wp_title(' '); ?>
<?php if(wp_title(' ', false)) { echo '--'; } ?>
<?php bloginfo('name'); ?>
</title>

***

الأرشيف :
<?php get_archives(); ?>
طريقة الاستخدام :
<?php get_archives('type', 'limit', 'format', 'before', 'after', show_post_count); ?>
أمثلة :
<?php get_archives(); ?> يحضر لك الأرشيف الشهري كما في كل المدونات
<?php get_archives('monthly', '', '', '', '', TRUE); ?> سوف يظهر لك الأرشيف الشهري وبجانبه عدد المشاركات في كل شهر
<?php get_archives('yearly', '', '', '', '', TRUE); ?> سوف يظهر لك الأرشيف السنوي وبجانبه عدد المشاركات في كل سنة
<?php get_archives('postbypost', '10', 'custom', '', '<br />'); ?> هذا المثال سوف يظهر لك آخر عشر مشاركات مرتبة سطر بسطر

الآن دراسة للمتغيرات
المتغير type
تستطيع ان تضع التالي فيه :

'monthly' (Default) شهري
'daily' يومي
'weekly' اسبوعي
'postbypost' مشاركة اثر مشاركة

المتغير limit
تستطيع ان تضع فيه أو تتركه فارغا
(integer) عدد السطور من الأرشيف .


المتغير : format

'html' - ( default) .
'option' ( اذا استخدمت قائمة منسدلة ) .
'link' - داخل رابط
'custom' - للقائمة العادية.

before
(string) افتراضي اتركه فارغا فسوف يؤدي نفس الغرض ''.

after
(string) اتركه فارغا دائما ''.

show_post_count
سوف يريك عدد المشاركات اذا وضعت مكانه (TRUE)
لن يريك عدد المشاركات اذا تركته فارغا او كتبت فيه (FALSE).

تستطيع تحربة كل الخيارات

***

الأرشيف بطريقة مختلفة ومتقدمة :

أمثلة :
<p><?php wp_get_archives('type=monthly&limit=12'); ?></p>
هذا المثال سوف يحضر لك الارشيف الشهري ولكنه سيحضر لك آخر 12 شهر فقط

<p><?php wp_get_archives('type=daily&limit=15'); ?></p>
هذا المثال سوف يحضر لك أرشيف آخر 15 يوم فقط

<p><?php wp_get_archives('type=postbypost&limit=20&format=c ustom'); ?></p>
سوف يحضر آخر عشرين موضوع

***

الخروج من المدونة :
<?php wp_loginout(); ?>

***

أمر اظهار عناوين ما في المدونة
<?php _e(); ?>

أمثلة سريعة :

<h2><?php _e('Archives'); ?></h2> لطباعة كلمة الأرشيف
<h2><?php _e('Search'); ?></h2> لطباعة كلمة بحث
<h2><?php _e('Categories'); ?></h2> لطباعة كلمة الأقسام

طبعا الباحث الآلي في المدونة يذهب ليبحث عن الكلمة في ملف اللغة العربية ويبدلها بمايماثلها في الملف باللغة العربية أما اذا لم يجد ترجمتها فهو يكتبها حرفيا

لذلك فأنت تستطيع أن تكتب ما تشاء ضمنها : مثال بسيط
<h2><?php _e('منوعات'); ?></h2>

***

التسجيل
<?php wp_register(); ?>

***

تغيير الثيم
<?php wp_theme_switcher(); ?>

***

[/html]

المشاركة الأصلية كتبت بواسطة رشيد ممتاز ... موضوع مفيد جدا لمن يريد ان يستفيد.

نيارت

[HTML]

الروابط ضمن المشاركات

رابط تعديل أو تحرير المشاركة
<?php edit_post_link(); ?>
مثال :
<?php edit_post_link('تحرير '); ?>

***

رابط تحرير التعليق
<?php edit_comment_link(); ?>
مثال
<?php edit_comment_link('تحرير التعليق'); ?>

***
جلب روابط قسم معين

<?php wp_get_links(); ?>
مثال :
<?php wp_get_links(1); ?> سوف يحضر قائمة بمواضيع القسم رقم واحد

مثال متقدم :متعدد الاستخدامات
<ul>
<?php
$link_cats = $wpdb->get_results("SELECT cat_id, cat_name FROM $wpdb->linkcategories");
foreach ($link_cats as $link_cat) {
?>
<li id="linkcat-<?php echo $link_cat->cat_id; ?>"><h2><?php echo $link_cat->cat_name; ?></h2>
<ul>
<?php wp_get_links($link_cat->cat_id); ?>
</ul>
</li>
<?php } ?>
</ul>

***


[/HTML]

[HTML]

:

رقم المشاركة
<?php the_ID(); ?>
مثال الاستخدام
<p>رقم المشاركة : <?php the_ID(); ?></p>

***

عنوان المشاركة
<?php the_title(); ?>
مثال الاستخدام
<?php the_title('<h3>', '</h3>'); ?>

***

رابط المزيد أو كامل الموضوع
<?php the_content(); ?>
مثال الاستخدام :
<?php the_content('اقرأ تتمة الموضوع'); ?>
مثال متقدم :
<?php the_content("اعادة القراءة " . the_title('', '', false)); ?>

***

رابط ملخص عن الموضوع
<?php the_excerpt(); ?>

***

رابط ملخص عن الموضوع ب rss
<?php the_excerpt_rss(); ?>
مثال الاستخدام :
<description><?php the_excerpt_rss(); ?></description>

***

المشاركة السايقة :
<?php previous_post_link(); ?>

***

المشاركة التالية :
<?php next_post_link(); ?>

***

روابط الصفحات للمقالات
<?php posts_nav_link(); ?>
مثال :
<?php posts_nav_link('&nbsp;&nbsp;', __('&laquo; السابق'), __('الآتي &raquo;')); ?>
مثال آخر
<div style="text-align:center;">
<?php posts_nav_link(' · ', 'الصفحة السابقة', 'الصفحة التالية'); ?>
</div>
مثال متقدم :
<?php posts_nav_link(' ', '<img src="images/prev.jpg" />', '<img src="images/next.jpg" />'); ?>
هذه المثال تستطيع ان تضع صورا بدلا عن الكتابة ما عليك سوى أن تصمم صورتين وتضعهما في مجلد الصور داخل الثيم الخاص بك .

***

رابط الميتا
<?php the_meta(); ?>
مثال الاستخدام :
<p>معلومات هذه المشاركة :</p><?php the_meta(); ?>

***


[/HTML]

المشاركة الأصلية كتبت بواسطة MaXeR موضوع رائع ومرجع مهم إستمر أستاذ خالد لكن ملاحظ ان الموضع يجمع ويشرح اكواد القوالب ,, هل يعني انه ليس مثال تطبيقي ؟

(1) موقعي التعريفي هنا.
(2) يرجى التقيّد بضوابط الدستور منعاً لغلق أو حذف المواضيع المخالفة.
(3) يرجى وضع رابط مدونتك في توقيعك فهذا يساعدنا على تقديم دعم فني سريع.
(4) كن ممّن يأخذ فيعطي ولا تكن ممّن يأخذ فيختفي.
--------------------------------------------------------
سبحان الله، الحمد لله، لا إله إلا الله، الله أكبر