ملفات القالب الأساسية

لما تيجي تبني قالب ووردبريس، أول حاجتين لازم يكونوا عندك هما:

1. مقدمة: يعني إيه ملفات أساسية في القالب؟

لما تيجي تبني قالب ووردبريس، أول حاجتين لازم يكونوا عندك هما:

  • style.css: ملف التنسيقات والمعلومات التعريفية
  • index.php: صفحة العرض الأساسية

دول زي عمودين في عمارة. من غيرهم ووردبريس مش هيعرف حتى إن الملف ده قالب، ولا هيشتغل من الأساس.

2. إيه هو ملف style.css؟

ده مش مجرد ملف CSS عادي، ده بطاقة تعريف القالب.

يعني فيه معلومات عن اسم القالب، المصمم، الإصدار، والستايلات اللي هتستخدمها في الموقع.

بدونه، ووردبريس مش هيعرض القالب في لوحة التحكم أصلاً.

3. إيه هو ملف index.php؟

ده الصفحة اللي ووردبريس بيرجع لها لما مش يلاقي ملفات تانية لعرض المحتوى.

يعني لو مفيش ملف مخصص للمقالات أو الصفحات، بيرجع لـ index.php.

وده معناه إنك لازم تبني الملف ده بشكل ذكي، يكون قابل لعرض حاجات مختلفة.

4. العلاقة بين الملفين في شغل القالب

التنين دول بيكملوا بعض:

  • style.css بيحدد الشكل والتنسيقات + تعريف القالب.
  • index.php بيعرض المحتوى.

يعني واحد بيقول “أنا قالب اسمي كذا وشكلي كذا”، والتاني بيقول “أنا هعرض المقالات كده والصفحات كده”.

5. محتويات style.css بالتفصيل

الجزء اللي فوق (التعريف):

/*
Theme Name: My First Theme
Theme URI: https://example.com
Author: Mohamed Abozaid
Author URI: https://abozaid.tech
Description: قالب ووردبريس بسيط للتجربة
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: myfirsttheme
*/

بعد كده تبدأ تكتب CSS عادي:

body {
  background-color: #f5f5f5;
  font-family: 'Cairo', sans-serif;
}

6. محتويات index.php بالتفصيل

بيكون غالبًا بسيط في البداية:

<?php get_header(); ?>

<main>
  <?php
  if (have_posts()) :
    while (have_posts()) : the_post();
      the_title('<h2>', '</h2>');
      the_content();
    endwhile;
  else :
    echo '<p>مفيش محتوى</p>';
  endif;
  ?>
</main>

<?php get_footer(); ?>

وده بيعرض المقالات أو الصفحات بطريقة عامة.

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

ووردبريس بيمشي حسب “تسلسل القالب” (Template Hierarchy).

لو فيه single.php هيعرضه، لو مفيش بيرجع لـ index.php.

لو القالب مفيهوش style.css، مش هيظهر أصلاً في لوحة التحكم!

8. الأخطاء الشائعة فيهم

  • نسيان تعليق معلومات القالب في style.css
  • كتابة CSS من غير ما تكون داخل style.css
  • نسيان استدعاء get_header() و get_footer() في index.php
  • استخدام HTML فقط بدون PHP داخل index.php

9. ازاي تختبر الملفات دي صح؟

  • ادخل على لوحة تحكم ووردبريس → مظهر → قوالب
  • لو القالب ظهر، يبقى style.css تمام
  • فعّل القالب وشوف لو بيعرض محتوى → يبقى index.php شغال
  • استخدم أدوات زي “Theme Check” أو “Query Monitor”

10. تطبيق عملي سريع لقالب بسيط

أنشئ فولدر جديد في /wp-content/themes/myfirsttheme

جواه حط:

style.css:

/*
Theme Name: My First Theme
*/
body {
  font-family: Arial, sans-serif;
}

index.php:

<!DOCTYPE html>
<html>
<head>
  <title><?php bloginfo('name'); ?></title>
  <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
</head>
<body>
  <h1><?php bloginfo('name'); ?></h1>
  <p><?php bloginfo('description'); ?></p>
</body>
</html>

وفعل القالب، مبروك عليك أول قالب! 🎉

11. هل ممكن تشتغل من غيرهم؟

لا. أقل قالب لازم يحتوي على الاتنين دول:

  • style.css
  • index.php

بدونهم، مفيش قالب أصلاً.

12. تأثيرهم على السيو والسرعة

  • التنسيقات الذكية في style.css بتقلل حجم الصفحة
  • عرض المحتوى النظيف في index.php بيساعد في ترتيب جوجل
  • استخدام العناصر بشكل منظم بيساعد محركات البحث تفهم الموقع

13. نصايح للمبتدئين في كتابة أول قالب

✅ خليك بسيط في البداية
✅ افهم يعني إيه كل دالة بتكتبها
✅ جرب تعدل وتشوف الفرق
✅ استخدم قوالب جاهزة كمصدر تعليم
✅ متكسلش تجرب بنفسك

14. شوية أدوات هتساعدك في كتابة الملفات دي

  • VS Code: محرر الكود
  • LocalWP: سيرفر محلي
  • Theme Check Plugin: لفحص القالب
  • Developer Tools: لمتابعة التنسيق والتصميم
  • GitHub Copilot (لو متاح ليك): مساعد ذكي للكود

15. مراجعة سريعة

  • style.css هو الهوية والتنسيق
  • index.php هو الصفحة العامة لعرض المحتوى
  • الاتنين لازم يكونوا موجودين لأي قالب
  • شغلك النضيف عليهم بيأثر في السيو وسرعة الموقع
  • لو اتعلمتهم صح، تقدر تبدأ شغل فعلي في تصميم قوالب

✅ الأسئلة الشائعة:

س: ينفع أستخدم index.html بدل index.php؟
ج: لأ، ووردبريس مبني على PHP فلازم تكون index.php.

س: ينفع أكتب CSS في ملف خارجي؟
ج: ينفع، بس لازم ملف style.css يكون موجود فيه معلومات القالب.

س: لو نسيت أكتب التعليق في style.css؟
ج: القالب مش هيظهر في لوحة التحكم خالص!

خلاصة الدرس: “الملفات اللي بتدي روح للقالب”

دلوقتي عرفت إن أي قالب ووردبريس، حتى أبسط واحد، بيبدأ بملفين أساسيين:

  • واحد بيقول “أنا مين” (style.css)
  • والتاني بيقول “هعرض إيه وإزاي” (index.php)

ابدأ بيهم، وفهم كل تفصيلة فيهم، وبعد كده هتقدر تكمل باقي ملفات القالب وانت فاهم بتعمل إيه بالظبط.

مراجعة متحيّزة إيجابية:

بصراحة، لو قدرت تكتب ملف style.css وindex.php بإيدك، فأنت بدأت فعليًا مشوار كبير في عالم تطوير القوالب.

الملفين دول بيعتبروا المفتاح اللي بيفتحلك كل أبواب ووردبريس.

ومع الوقت، هتبدأ تضيف باقي الملفات وتفهم تسلسل القوالب وازاي تبني قوالب احترافية.
بس البداية دايمًا من هنا 💥

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