التعريف ببيئة عمل قوالب WordPress
07 يونيو بواسطة : هشام صادق - وسوم : دروس, ووردبريس
الكثير يعتقد أن نظام قوالب WordPress هو نظام معقد و لكن إذا كان معقد فالسبب ليس في طريقة تكوين ملفاته و لا في وجود بعض أكواد PHP داخل الملفات , و لكن المشكلة تكمن في استسهال الجميع في استخدام الجداول و عدم اهتمامهم بتطوير خبراتهم .
في هذا الموضوع نلقي نظرة سريعة و لكن ببعض التفصيل عن بيئة عمل قوالب WordPress .
المدخل إلى ملفات القوالب
كل قالب يحتوي على مجموعة من الملفات و كل ملف بدوره يقوم بوظيفة معينة و تٌعرف حسب اسم الملف نفسه و قبل توضيح أسماء ملفات كل قالب يجب توضيح ما يتم في هذه الملفات , حيث تقوم WordPress بما يسمى “الاستدعاء” لخواص القالب :
- الجزء الخاص بأعلى الصفحة Header .
- الجزء المتعلق ببدء تكوين المحتوى .
- الجزء المتعلق باستدعاء روابط التدوينات .
- الجزء المتعلق باستدعاء المطلوب من قاعدة البيانات .
- الجزء المتعلق باستدعاء المحتوى سواء كان المحتوى كله أو الاختصار .
- الجزء المتعلق باستدعاء المزيد من البيانات .
- إغلاق بداية تكوين المحتوى .
- الجزء الخاص بأسفل الصفحة Footer .
ملفات قالب WordPress
كل استدعاء يتم يبحث عن المطلوب داخل ملفات القالب :
1- استدعاء ملف header.php لتكوين الجزء المتعلق بأعلى الصفحة و يتم الاستدعاء كالتالي :
1 | <?php get_header(); ?> |
يقوم الاستدعاء بطلب ملف header.php لتكوين ما بداخله من تصميم و نفس الفكرة في تكوين أسفل الصفحة و الجزء الجانبي من الموقع Sidebar :
1 | <?php get_footer(); ?> |
1 | <?php get_sidebar(); ?> |
2- استدعاء الجزء المتعلق ببدء تكوين المحتوى و هنا يتم توضيح ملفات القالب :
– استدعاء الصفحة الرئيسية و غالباً ما تكون index.php و هي تحتوي الصفحة الرئيسية و عرض التدوينات أول بأول و الجزء الجانبي .
– استدعاء صفحات التدوينات و يتم البحث عن ملف single.php و إذا لم يوجد فسيتم البحث عن ملف index.php .
– استدعاء صفحة “الصفحات الثابتة” و يتم البحث عن ملف pagetemplate.php أو page.php أو index.php .
– استدعاء صفحات التصنيفات أو الوسوم أو صفحة الكاتب أو الأرشيف و يتم البحث عن archive.php و في النهاية index.php .
– استدعاء صفحة خطأ 404 بالبحث عن ملفي 404.php و search.php .
– استدعاء صفحة المرفقات مثل الصور و يتم البحث عن ملف image.php أو index.php .
و يتم بدء استدعاء تكوين المحتوى بالكود التالي :
1 | <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> |
3- استدعاء روابط التدوينات
يتم في هذا الاستدعاء جلب روابط التدوينات و العنوان للتدوينة و إضافة أكواد META تتعلق بكل تدوينة :
1 2 3 | <div class="post" id="post-<?php the_ID(); ?>"> <h2><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2> </div> |
4- تحديد نوع المحتوى المطلوب
و يتم ذلك من خلال تحديد إذا كان المطلوب اختصار التدوينة فقط the_excerpt أو المحتوى بأكمله the_content .
5- استدعاء مجموعة من البيانات الأخرى مثل تاريخ التدوينة و عدد التعليقات و الروابط الخاصة بالتعليقات و التعديل …
6- إغلاق عملية تكوين المحتوى :
1 2 | <?php else : ?> <?php endif; ?> |
ملف style.css
و هو الجزء الثاني من القالب و يعتبر الأكثر أهمية فمن خلاله يتم تحديد كل المقاسات المطلوبة للمساحات المتوفرة في القالب و الجزء الجانبي و شكل التدوينات و التعليقات و الصفحة بشكل عام . بالطبع لا يمكن الشرح لأن كل قالب يختلف في مكوناته و كيفية تصميمه و لكن يجب معرفة كيفية استخدام وسوم div بالنسبة للغة HTML و بالنسبة لـ CSS فتحتاج إلى خبرة ليست بقليلة .
نصائح للمبتدئين
- يجب أن تبدأ مع معرفة القالب الأساسي Kubrick و هو أفضل بداية كمبتدىء لمعرفة كيفية عمل القوالب و تصميمها و محاولة التعديل عليها .
- يمكن أيضاً محاولة استخدام قوالب أخرى للتعلم منها و معرفة كيفية القيام بمميزات معينة و كيفية تصميمها باستخدام CSS . و الغرض ليس التقليد و إنما وضع الغرض في تفكيرك على التعلم و اكتساب الخبرة و طلب المساعدة يكون عند الضرورة .
- يمكن أيضاً البدء بمحاولة تعريب القوالب الأجنبية فهي تكسب بعض الخبرة في البداية لمعرفة كيفية البدء في التصميم .
- الويكي الخاصة بووردبريس ستفيد في معرفة الكثير من التعديلات التي يمكن القيام بها سواء في ووردبريس نفسها أو في القوالب .
# عرب ووردبريس
# قسم القوالب في WordPress.org
# موقع Hack WordPress
اشترك في خلاصة الموقع
إذا أعجبتك هذه التدوينة, يمكنك الاشتراك في خلاصة الموقع حيث يمكنك متابعة الجديد أولاً بأول . خلاصة الموقع RSS . يمكنك أيضاً متابعتنا على @Alwank على Twitter لمتابعة جديدنا .




















شكرا للمعلومات يا هشام انا مهتم بالمدونات خصوصا ووردبريس وقريبا ستظهر مدونتي للنور وتيجي تزورني في السجن :D:D
محتاج اعرف عن طرق الحماية للمدونة
لما تطلع للنور نبقى نشوف الموضوع ده :)