المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : دورة تصميم قوالب الوردبريس


azizsoft
18-11-2012, 07:24 PM
http://img835.imageshack.us/img835/6807/21948207.png


وبعــــــــــــــــــــــ ــــــــــد

الاخوة مشرفي وأعضاء منتدى طريق الاحتراف

أهلا وسهلا ومرحبا بكم وأسعد الله أوقاتكم بطاعته ومحبته .



دورة تصميم قوالب الوردبريس

http://icons.iconarchive.com/icons/graphics-vibe/simple-rounded-social/256/wordpress-icon.png



سنتكلم فى هذه الدورة ان شاء الله عن تحويل القالب الذى وصلنا اليه فى دورة تكويد المواقع الى قالب يعمل
على مدونات الوردبريس تعتبر الدروس فى هذا الاتجاه قليله جدا عربيا
لهذا سنركز على شرح هذه الدورة بشىء من التفصيل والتدقيق ، فتحويل القالب الى وردبريس ليس صعب كما يعتقد الكثير
بل هو اسهل وامتع من التعامل مع السكريبتات الاخرى .


[0] تجميعة تحتوى على أهم أكواد الوردبريس المستخدمة فى الدورة

تحميل أكواد الوورد براس (http://www.trickat.com/examples/trickat-wp-cheatsheet.zip)


[1] اعداد السيرفر الشخصى والمدونة General Settings .

http://www.youtube.com/watch?v=c2JCM3XFRR0


[2] انشاء مجلد وملفات القالب وتهيئة الملفات The Starting Point.

http://www.youtube.com/watch?v=4SkjFAbciuM


[3] اعداد ملف الاستايل style.css واعداد الهيد Head .

http://www.youtube.com/watch?v=902k0o9QNmE


بعد ان تكلمنا عن الاساسيات لتصميم قالب وردبريس وتهيئة العمل وتقسيم الملفات ،
سنتكلم ان شاء الله عن اعداد الهيدر وتحويله للوردبريس وكذلك المحتوى والتدوينات ووضعها فى اللوب المسئول عن تكرار التدوينات وكيفية
تفعيل الصورة البارزة للموضوع والتحكم فيها بسهولة من خلال لوحة التحكم .


[4] اعداد الهيدر للوردبريس Header for WordPress .

http://www.youtube.com/watch?v=9s00a7i_YGI


[5] اعداد التدوينات واللوب Loop و الصورة البارزة Thumbnail .

الجزء الاول – شرح اللوب The Loop واعداد ومعلومات التدينة .

http://www.youtube.com/watch?v=ael8H1_OOrc&feature=player_embedded


الجزء الثانى- شرح المحتوى Content والصورة البارزة Thumbnail .

http://www.youtube.com/watch?v=kp1K-M1krh8


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


[6] اعداد السايدبار للوردبريس.

الجزء الأول – اعداد نموذج البحث Search form .


http://www.youtube.com/watch?v=b5dpEd5b-Ro


الجزء الثانى – اعداد نظام القوائم الجانبية Widgets .

http://www.youtube.com/watch?v=5BJoKdBF6jo


[7] اعداد نظام القوائم الجانبية بالفوتر .


http://www.youtube.com/watch?v=0cWEWR8YH1E


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


[8] اعداد وضبط صفحة التدوينة منفردة signle.php .

http://www.youtube.com/watch?v=2nos-STsuBY


[9] اعداد وضبط صفحة الصفحات منفردة page.php .

http://www.youtube.com/watch?v=1Ipmo5vd218



[10] اعداد باقى الصفحات tag.php & category.php & archive.php & 404.php .

الجزء الاول

http://www.youtube.com/watch?v=z6pVxmOl-KI


الجزء الثانى

http://www.youtube.com/watch?v=_tPjUSbhBx4



نحن الان على وشك انهاء تصميم القالب ، وقد ذكرنا انه باقى بعض الخصائص والتعديلات الاضافية لتجميل
القالب وتمييزه ، سنتكلم فى هذه المرحلة عن كيفية اضافة المربعات الاضافيه الخاصة بالملاحظة والتحذير والمعاينة وغيرها
وكذلك التحكم بشكل الاقتباس ، وسنتكلم عن كيفية تخصيص استايل خاص للمواضيع المثبته او مواضيع قسم ما ، وسنتكلم
عن كيفية التحكم بخصائص الصور فى التدوينة ، وسنذكر فى النهاية كيفية اضافة Breadcrumbs او navigation داخل
التدوينات واخيرا ضبط المواضيع السابقة والمواضيع التالية .


[11] كيفية اضافة المربعات الاضافية Additional Boxes .

http://www.youtube.com/watch?v=j0FJ8fOTdsc


[12] التحكم بخصائص واتجاه الصور فى التدوينة ، واضافة استايل خاص للمواضيع المثبته Sticky .

http://www.youtube.com/watch?v=F-wRDkUC3O4


[13] شرح اضافة BreadCrumbs ، واضافة واعداد المواضيع السابقة والمواضيع التالية .

الاكواد التى ستحتاجها بالشرح لاضافة Breadcrumbs



1- add this to function.php

function the_breadcrumb() {
if (!is_home()) {
echo '<a href="';
echo get_option('home');
echo '">';
bloginfo('name');
echo "</a> » ";
if (is_category() || is_single()) {
the_category('title_li=');
if (is_single()) {
echo " » ";
the_title();
}
} elseif (is_page()) {
echo the_title();
}
}
}

=======================

2- add this to everywhere u wanna to display breadcrumbs

<?php the_breadcrumb(); ?>



http://www.youtube.com/watch?v=yWvqjaDXarE



[14] خاتمة الدورة ونهاية المطاف The End .


http://www.youtube.com/watch?v=k2K2FyYNjZA



بهذا نكون انتهينا من دروة تصميم قوالب الوردبريس وانهينا دورة تركات الكبرى بعد
رحلة شاقة من اول كود كتبناه فى HTML ،






:abc_087:فهرس الدورة كاملة (http://www.abc4web.net/vb/showthread.php?p=217265#post217265) :abc_088:


أتمنى لكم الفائدة من هاته الدورة الرائعة


والسلام عليكم ورحمة الله وبركاته


http://img138.imageshack.us/img138/8206/rabhi.gif

abohmam
18-11-2012, 07:40 PM
جزاك الله خيرا اخانا الغالي عزيزسوفت

:teslam:

دورة رائعة ماشاء الله بارك الله في الشارح والناقل والناشر

ان شاء الله سيتم متابعة جميع الدورات للفائدة وهى ارشيف رائع للرجوع اليها لكل مبتدئ فى هذا المجال

أبو يوسف
18-11-2012, 07:54 PM
جهد مبارك اخانا عزيز سوفت

بارك الله بجهودك

.

أبو فارس
19-11-2012, 03:54 PM
بارك الله فيكم :abc_152: وأكثر من امثالكم

المصمم
24-11-2012, 03:48 PM
دورة مفيدة جدا جزاك الله خيرا

موفق بإذن الله

لك مني أجمل تحية .

أبو صخر
24-11-2012, 07:05 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .