تشريح موضوع WordPress

هذا فصل من "التشغيل والتشغيل: دليل عملي لتطوير WordPress" ، دليل الوسائط المتعددة لتطوير WordPress الذي يتم إطلاقه في 16 يونيو. تتضمن الحزمة الكاملة كتابًا إلكترونيًا كاملًا ، وأكثر من 50 موضوعًا ومقاطع فيديو تعليمية لتطوير البرنامج المساعد ، ومقابلات تفصيلية حول التعليمات البرمجية مع 13 من أفضل مطوري WordPress في العالم. اطلب مسبقًا الآن على upandrunningwp.com للحصول على خصم 20٪!

الماخذ الرئيسية:

• يتكون قالب WordPress من مجموعة من الأجزاء المتسقة. تتضمن الأجزاء الأساسية للقالب غير التابع style.css و functions.php وأنواع عديدة من ملفات قالب PHP (مثل header.php و footer.php و index.php ).
• كمصدر رئيسي للموضوع لتصميم CSS ، يحدد style.css المظهر المرئي للسمة. قسم التعليق في الجزء العلوي من style.css هو أيضًا المكان الذي يتم فيه تسجيل اسم السمة والمؤلف وما إلى ذلك.
• functions.php هو المكان الذي تضيف فيه وظائف العرض إلى السمة الخاصة بك. من خلال functions.php ، ستضيف أوراق أنماط CSS وملفات JavaScript وقوائم التنقل ومناطق عناصر واجهة المستخدم ووظائف أخرى.
• يمكن تقسيم ملفات القوالب بشكل غير رسمي إلى: ملفات قوالب "مستخدمة دائمًا" ( header.php و footer.php و sidebar.php إن أمكن) ؛ الملفات في التسلسل الهرمي لقالب WordPress (مثل index.php و single.php و page.php ) ؛ و "أجزاء النموذج" (يتم سحب المقتطفات غير الكاملة من ملفات النماذج الأخرى لتقليل التكرار).
• يمكن أن تكون السمات كبيرة ومعقدة بشكل تعسفي ؛ لكن هذه هي القطع الأكثر أهمية والتي يمكن توقعها هناك.

يدور هذا الفصل القصير حول مخطط كبير. لماذا الانتظار؟ ها هو:

لا تُصب بالذعر! ستفهم هذا قريبًا بما فيه الكفاية. في بقية هذا الفصل ، سنشرح كل جزء من الرسم التخطيطي بمزيد من العمق.

ما في الاسم؟

يقرر WordPress كيفية التعامل مع ملفات السمات بناءً على أسمائها.

أول شيء يجب ملاحظته هو أن كل ملف في الرسم التخطيطي له اسم خاص. functions.php .php ، style.css ، index.php - لم تتم تسمية أي من هذه الملفات عن طريق الصدفة ، ولا يعد أي من أسمائها عشوائيًا.

يقرر WordPress كيفية التعامل مع ملفات السمات بناءً على أسمائها. لها معاملة خاصة مكتوبة functions.php ، لكن لا شيء على الإطلاق لـ functionz.php . لذلك إذا قمت بتحميل مجموعة من التعليمات على أنها functions.php ، فسيقوم WordPress بتفسيرها ؛ ولكن إذا قمت بتحميل نفس التعليمات مثل functionz.php ، فسيقوم WordPress ، افتراضيًا ، بتجاهل هذا الملف وتعليماته تمامًا.

style.css

style.css هو المصدر الرئيسي للمظهر المرئي للنسق.

style.css هو المصدر الرئيسي للموضوع لتصميم CSS. على هذا النحو ، فهو المصدر الرئيسي للمظهر المرئي للسمة - كل شيء بدءًا من اختيار الخطوط والألوان إلى ما إذا كانت السمة تعمل على شبكة متجاوبة أم لا.

لذلك ، على سبيل المثال ، إذا قمت بإدخال CSS التالي في style.css الخاص بك:

p {
color: blue;
}

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

style.css هو المكان الذي ستؤدي فيه الجزء الأكبر من عملك لجعل مظاهرك تبدو بالطريقة التي تريدها.

يعني هذا النوع من التحكم المرئي أن هناك الكثير من العمل الذي يجب القيام به في style.css - حيث ستؤدي الجزء الأكبر من عملك لجعل مظاهرك تبدو بالطريقة التي تريدها.

style.css هي أيضًا طريقة تسجيل السمة الخاصة بك

يضم style.css أيضًا قسم تعليق في رأسه ، حيث يتم تسجيل بيانات النسق - اسم النسق والمؤلف والنسق الأصلي إن وجد وما إلى ذلك. هذا يبدو كما يلي:

/*
Theme Name: Pretend Theme
Author: WPShout
Author URI: http://wpshout.com/
Version: 0.1
Description: A very pretend theme for WordPress learners
[Other comment-block information goes here, too]
*/

يقرأ WordPress هذه التعليقات للحصول على معلومات حول موضوعك. لذا فإن كتلة التعليقات الصغيرة أعلاه - وليس هناك شيء أكثر روعة أو تقنية - هو ما يجعل مظهرك يظهر في قائمة سمات موقعك في المظهر > السمات في منطقة إدارة WordPress:

يمكنك رؤية مثال على بيانات التسجيل الحقيقية للموضوع على الأسطر من 1 إلى 6 من style.css في هذا الرسم الكبير ، تشريح سمة WordPress.

وظائف. php

functions.php .php هو المكان الذي تضيف فيه وظائف مخصصة إلى قالبك. قد يكون هذا كثيرًا ، بما في ذلك:

• إضافة أوراق أنماط CSS (بما في ذلك style.css نفسه) وملفات JavaScript
• تسجيل مناطق قائمة التنقل وعناصر واجهة المستخدم
• تحديد أحجام الصور المخصصة التي تريد أن تكون متاحة على موقعك
• تصفية محتوى صفحتك

functions.php .php "تتحدث إلى" بقية WordPress بشكل أساسي من خلال WordPress hooks (وتسمى أيضًا خطافات الإجراء والمرشح) ، والتي تتيح لها إضافة وظائف في الأماكن الصحيحة فقط. نتعمق أكثر في أعمال functions.php في المفاهيم الأساسية لموضوعات WordPress: 3. إضافة وظائف مع functions.php ، ونحصل على طريقة أكثر في الخطافات في WordPress Hooks (الإجراءات والفلاتر): ماذا يفعلون وكيف يعملون.

ملفات قالب PHP

تحدد ملفات قوالب موقع WordPress ترميز الموقع. بدونها ، لا يوجد شيء حرفيًا على الصفحة.

الجزء الأكبر من ملفات القالب هو ملفات قوالب PHP الخاصة به. إذا كانت functions.php هي عقل السمة ، و style.css هي ملابسها ، وملفات القالب هي الجسم الفعلي لها.

ملفات القوالب هي ملفات التعليمات البرمجية> .php التي تحتوي على مزيج من ترميز HTML وكود PHP. (تحقق من هذا الرسم وسترى كيف سيبدو.)

تنشئ ملفات القوالب ترميزًا بطريقتين

تحدد هذه الملفات معًا ترميز الموقع: HTML الفعلي الذي يعرضه المستعرض عند زيارته لموقعك. يفعلون ذلك بطريقتين.

1. HTML

أولاً ، تطبع ملفات النماذج HTML مباشرةً إلى المتصفح ، تمامًا مثل ملف .html العادي. أي شيء ليس بالداخل <!--?php?--> ليس PHP: إنه مجرد HTML عادي ينتقل مباشرة إلى الصفحة. لذلك ، إذا كان header.php سمة تتضمن القليل من HTML مثل ما يلي:

<body class="site-body">

هذا هو بالضبط ما سيراه المتصفح في كل صفحة ويب WordPress تتضمن header.php ، والتي يجب أن تكون جميعها.

2. PHP

تعمل ملفات القوالب حقًا على سحرها باستخدام PHP ، والتي تجمع أو تتحول إلى HTML. كمثال بسيط ، يمكن أن يحتوي ملف header.php نفسه بدلاً من ذلك على الكود التالي:

<body class="<?php echo 'site-body'; ?>">

تقوم لغة PHP المضافة ببساطة بصدى (طباعة) site-body السلسلة على الصفحة مباشرة. لذلك قام الخادم بمعالجة PHP إضافية في نهايته ، لكن المتصفح لا يزال يرى نفس HTML القديم.

كما يمكنك أن تتخيل ، فإن ملفات قالب القالب مهمة للغاية: بدونها ، لا يوجد أي شيء على الصفحة.

ملفات النماذج "مستخدمة دائمًا"

عادةً ما يتم استخدام header.php و footer.php في كل مكان في السمة ، لأن معظم المواقع تريد رأسًا وتذييلًا متسقين عبر الصفحات المختلفة.

يتم استخدام بعض ملفات القوالب في كل صفحة ويب على الموقع. الأمثلة الرئيسية هي header.php و footer.php .

تُستخدم هذه الملفات كثيرًا لدرجة أن WordPress لها وظائف خاصة لتضمينها في ملفات قوالب أخرى: get_header() و get_footer() . تسمى بهذه الطريقة ، بدون معلمات ، تقوم هذه الوظائف ببساطة بإمساك header.php و footer.php وإفلاتها في مكان استدعاء الوظيفة.

لماذا تستخدم هذه الملفات في كل مكان؟ ذلك لأن معظم المواقع تريد رأسًا وتذييلًا متسقين عبر الصفحات المختلفة. إذا كانت إحدى الصفحات تحتوي على شعار شركتك وقائمة التنقل الأساسية ، فمن الرهان الجيد أنك تريد أن تفعل الصفحات الأخرى نفس الشيء. وينطبق الشيء نفسه على تذييل الصفحة في أسفل الصفحة.

كملاحظة ، يعد sidebar.php أيضًا نوعًا من هذا النوع من الملفات ، لأنه غالبًا ما تشارك معظم أنواع صفحات الويب على موقع ما شريطًا جانبيًا واحدًا - ربما باستثناء الصفحات كاملة العرض المخصصة لعرض نوع الصفحة المشاركات. يحتوي sidebar.php على وظيفته الخاصة أيضًا ، get_sidebar() .

الملفات الموجودة في التسلسل الهرمي لقالب WordPress

الإثارة الحقيقية تحدث في ملفات مثل index.php و single.php و page.php . تحدد هذه الملفات الترميز الذي سيظهر لأنواع مختلفة من بيانات النشر .

لإعادة صياغة ذلك ، يعرف WordPress الصفحة التي يجب استخدامها لأي نوع من بيانات النشر. علي سبيل المثال:

• إذا كانت صفحة الويب المطلوبة تتضمن منشورًا من نوع الصفحة (على سبيل المثال ، صفحة "حول" الخاصة بك) ، فمن المحتمل أن يستخدم WordPress page.php لإنشاء صفحة الويب هذه.
• إذا كانت صفحة الويب المطلوبة عبارة عن منشور من نوع Post-type (على سبيل المثال ، أنت تشاهد منشور مدونة معين) ، فمن المحتمل أن يستخدم WordPress single.php .
• إذا كنت تبحث في جميع منشورات Post-type التي كتبتها في عام 2014 ، فمن المحتمل أن يستخدم WordPress archive.php لإنشاء صفحة الويب تلك.

هذا هو سحر التسلسل الهرمي لقالب WordPress ، والذي نغطيه بعمق في المفاهيم الأساسية لموضوعات WordPress: 1. التسلسل الهرمي للقالب.

تستند ملفات القوالب هذه حول الحلقة

تشترك جميع ملفات القوالب "in-the-template-hierarchy" هذه في شيء مهم جدًا: فهي مبنية حول The Loop ، أحد المبادئ الأساسية المطلقة لتطوير WordPress.

نتعمق في الحلقة في المفاهيم الأساسية لموضوعات WordPress: 2. معالجة المشاركات باستخدام الحلقة. الحلقة رائعة حقًا ، لذا إذا كنت جديدًا عليها ، تمسك بجواربك حتى لا تنفجرها الحلقة!

أجزاء القالب

لنفترض أن هناك قسمًا في كل من index.php و page.php تمامًا. هل يجب أن نكرر هذا الرمز في كلا الملفين؟

في الواقع ، جاف - "لا تكرر نفسك!" - هي صرخة معركة للمبرمجين الجيدين. التكرار يسبب كل أنواع المشاكل. ماذا لو كنت تريد تغيير شيء ما في القسم المكرر؟ الآن عليك تغييره في مكانين. ماذا لو نسيت تغييره في مكان أو أخطأت في ملف دون آخر؟ الآن شفرتك غير متزامنة وموقعك به أخطاء. (الآن: ماذا لو كررت نفس الرمز عشرين مرة؟ عليك أن تكرر كل تغيير تقوم به عشرين مرة ، وآمل أن "تلاحقهم جميعًا".)

تأخذ أجزاء النموذج جزءًا من المحتمل أن يتكرر من ملف القالب ، وتنقلها إلى ملف جديد. بهذه الطريقة ، يمكن لكل من index.php و page.php الرجوع ببساطة إلى جزء القالب نفسه ، بدلاً من كتابته مرتين بشكل فردي ؛ وإذا كنت تريد تغيير هذا القسم ، فأنت تقوم بتغييره مرة واحدة فقط.

الآن أنت تعرف علم التشريح الموضوع الخاص بك

هذه هي الأشياء التي يجب فهمها حقًا حول موضوع WordPress. حتى سمة ThemeForest الكبيرة جدًا سيتم بناؤها حول هذا الهيكل الأساسي ، لذا افهم كيف تتشابك هذه القطع وستكون لديك الكثير من القوة لفهم سمات WordPress.

مع اختتام درس التشريح هذا ، تغوص الفصول الثلاثة التالية في أربعة من مبادئ البرمجة الحاسمة التي تشرح كيفية عمل موضوع ما:

1. التسلسل الهرمي لقالب WordPress
2. الحلقة
3. وظائف. php
4. خطافات ووردبريس

فصاعدا!