القالب بيتكوّن من إيه؟

1. مقدمة

في الدروس اللي فاتت اتكلمنا عن الفرق بين القالب والإضافة، وفهمنا إن القالب بيتحكم في شكل الموقع.
طيب، القالب ده جواه إيه؟ بيتكوّن من إيه؟ إزاي بتشتغل الملفات دي مع بعض؟

اللي هنتكلم فيه النهاردة هو حجر الأساس لأي مطوّر قوالب ووردبريس 🔥

2. الملفات الأساسية في أي قالب ووردبريس

القالب بيتكون من ملفات كتير، لكن دول أهم 6 ملفات:

اسم الملفالوظيفة
style.cssتنسيق الموقع + بيانات القالب
index.phpالصفحة الرئيسية الافتراضية
functions.phpتحميل الأكواد والخصائص
header.phpرأس الصفحة
footer.phpتذييل الصفحة
screenshot.pngصورة المعاينة داخل لوحة التحكم

3. ملف style.css: قلب القالب من برّا

ده أول ملف ووردبريس بيدور عليه علشان يعرف القالب ده إيه.
فيه معلومات القالب زي:

cssCopyEdit/*
Theme Name: Abozaid Tech Theme
Theme URI: https://abozaid.tech
Author: محمد أبو زيد
Description: قالب تعليمي لتعلم تطوير قوالب ووردبريس
Version: 1.0
*/

وطبعًا تقدر تضيف تحته أكواد CSS لتنسيق موقعك.

4. ملف index.php: لو مفيش غيره… هيشتغل لوحده

ده الملف الأساسي اللي ووردبريس بيرجع له لو مفيش ملفات تانية.

يعني لو معملتش page.php ولا archive.php، ووردبريس مش لاقي حاجة تعرض، هيستخدم index.php.

5. ملف functions.php: المُخ بتاع القالب

لو القالب عنده أي حاجة ديناميكية، أو عايز تضيف أكواد PHP، هتحطها هنا.

مثال:

  • إضافة دعم للقوائم
  • تسجيل sidebar
  • ربط ملفات CSS أو JS خارجية
  • أي كود PHP بتحب تشتغل عليه

6. header.php و footer.php: الرأس والتذييل

  • header.php = بيحتوي على <head>، شعار الموقع، القائمة العلوية
  • footer.php = بيحتوي على الفوتر، روابط التواصل، حقوق النشر

وبيتضافوا في باقي الملفات بكود زي:

phpCopyEdit<?php get_header(); ?>
...
<?php get_footer(); ?>

7. ملفات single.php و page.php

  • single.php = بيعرض المقالة الواحدة (Post)
  • page.php = بيعرض الصفحات (Page)

تقدر تخصص فيهم التنسيق، تحط أزرار، أو حتى تعرض محتوى مخصص.

8. ملف screenshot.png: صورة القالب

الصورة اللي بتظهر جوه لوحة التحكم.
يفضل تكون:

  • مقاس 1200×900 بيكسل
  • حجم صغير (أقل من 150KB)
  • تحفظها في المجلد الرئيسي للقالب باسم screenshot.png

9. ملفات إضافية (اختيارية بس مفيدة)

  • sidebar.php – الشريط الجانبي
  • archive.php – عرض أرشيف المقالات
  • search.php – صفحة نتائج البحث
  • 404.php – لما الصفحة مش موجودة
  • front-page.php – لو عايز صفحة رئيسية مخصصة

10. Child Theme: النسخة الاحتياطية للتعديلات

لو بتشتغل على قالب جاهز، متعدّلش عليه مباشرة.
اعمل نسخة تانية اسمها Child Theme، وعدّل فيها براحتك.
ده بيساعدك إنك تحفظ التعديلات لما القالب يتحدث.

11. إزاي القالب بيتفاعل مع ووردبريس؟

ووردبريس بيشتغل بنظام القوالب الهرمي (Template Hierarchy).
يعني بيشوف نوع الصفحة إيه، ويدوّر على الملف المناسب بالترتيب.

مثلاً لو بتفتح صفحة مقالة، بيدوّر على:
single-post.php > لو مش لاقيه > single.php > لو مش لاقيه > index.php

12. ترتيب تحميل ملفات القالب

ووردبريس ليه نظام تحميل ملفات معين:

  1. functions.php
  2. style.css
  3. الصفحة المطلوبة (single – page – index)
  4. header.php
  5. محتوى الصفحة
  6. footer.php

13. أفضل طريقة لتنظيم ملفات القالب

خلي مجلداتك مرتبة كده:

bashCopyEdit/abozaid-theme/
├── style.css
├── index.php
├── header.php
├── footer.php
├── functions.php
├── page.php
├── single.php
├── screenshot.png
├── /assets/
│   ├── /css/
│   ├── /js/
│   └── /images/

14. أدوات هتفيدك وانت بتراجع ملفات القالب

  • Theme Check: للتأكد من جودة القالب
  • What The File (إضافة): تعرف الزائر بيشوف أي ملف
  • Query Monitor: لمراجعة الاستعلامات والملفات اللي بتشتغل

15. ملخص الدرس

  • كل قالب ليه ملفات أساسية: style.css، functions.php، index.php
  • فهم كل ملف بيسهّل التعديل والبناء
  • استخدم Child Theme لتعديلات آمنة
  • استخدم أدوات تنظيم علشان القالب يفضل سهل التطوير والصيانة

مقالات مشابهة