من نقطة الصفر إلى التخصيص المتميز: الدليل الكامل لتطوير قوالب ووردبريس

أساسيات تطوير قوالب ووردبريس وإعداد البيئة.

لإنشاء قالب ووردبريس الخاص بك، تحتاج أولاً إلى إعداد بيئة تطوير محلية فعالة. سيسمح لك ذلك باختبار وتصحيح الشيفرة الخاصة بك بأمان دون تشغيلها على الخادم. تتضمن البيئة المحلية عادةً خادم Apache أو Nginx، ومترجم PHP، وقاعدة بيانات MySQL. يمكن للأدوات المدمجة مثل XAMPP أو MAMP أو Laravel Valet تثبيت هذه المكونات بنقرة واحدة، مما يبسط عملية الإنشاء إلى حد كبير.

بالنسبة لتحرير التعليمات البرمجية، يعد المحرر القوي أو بيئة التطوير المتكاملة (IDE) أمرًا بالغ الأهمية. تعد برامج Visual Studio Code أو PhpStorm أو Sublime Text خيارات شائعة تقدم ميزات مثل تمييز بناء الجملة والإكمال التلقائي للتعليمات البرمجية وتكامل التحكم في الإصدار، والتي يمكن أن تحسن كفاءة التطوير بشكل كبير.

بعد أن تصبح البيئة جاهزة، تحتاج إلى فهم تركيبة الملفات الأساسية لقالب ووردبريس. الملفات الأساسية هيstyle.cssوindex.phpمن بينها،style.cssأكثر من مجرد ورقة أنماط، فهو يأخذ وظيفة تعريف القالب. يجب أن يحتوي رأس ورقة الأنماط في هذا الملف على معلومات تعليق محددة يحدد من خلالها ووردبريس القالب الخاص بك.

القراءة الموصى بها البدء من الصفر: عملية كاملة ودليل عملي لتطوير قوالب ووردبريس。

فيما يلي عرض بدائي لـstyle.cssمثال على رأس الملف:

خادم ووردبريس من شركة UltaHost

ضمان استرداد المال خلال 30 يومًا، عرض نطاق ترددي وقواعد بيانات غير محدودين، حماية مجانية ضد هجمات DDoS، خصم 50% عند الشراء لمدة 3 سنوات (السعة المتاحة: 501–4 تيرابايت).

صفحة الوصول

/*
Theme Name: 我的第一个主题
Theme URI: https://example.com/my-first-theme/
Author: 你的名字
Author URI: https://example.com/
Description: 这是一个为学习WordPress主题开发而创建的简洁主题。
Version: 1.0
License: GPL v2 or later
Text Domain: my-first-theme
*/

ملف آخر ضروري هو…index.phpإنه ملف القالب الافتراضي للقالب. يجب أن يكون موجودًا حتى لو كان يحتوي في البداية على “مرحبًا بالعالم”. ضع هذين الملفين في مجلد يحمل اسم القالب الخاص بك (على سبيل المثالmy-first-theme)، ثم قم بتحميل المجلد إلى دليل تثبيت ووردبريس ضمن/wp-content/themes/في المسار، ستتمكن من رؤيته وتمكينه في الواجهة الخلفية لـ WordPress ضمن المظهر -> القوالب.

ملفات القالب الأساسية وهيكل القالب

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

تتكون الصفحة الرئيسية عادةً منfront-page.phpأوhome.phpالمعالجة، وإذا لم يكن أي من الملفين موجودًا، فإنه يعود إلىindex.php. ثم يتبع ذلك تقديم مادة واحدةsingle-{post-type}-{slug}.php -> single-{post-type}.php -> single.php -> singular.php -> index.phpلترتيب البحث. على سبيل المثال، ستعطى أولوية منشور المدونة باستخدامsingle-post.phpبينما سيبحث نوع المنشور المخصص “منتج” عنsingle-product.php。

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

القراءة الموصى بها دليل للبدء في تطوير مواقع ووردبريس: كيفية إنشاء مواقع مخصصة من الصفر。

functions.phpالملفات هي “العقل المدبر” للقالب، وتُستخدم لإضافة ميزات القالب، وتسجيل القوائم، ومناطق عناصر واجهة المستخدم، وتحديد أحجام الصور، وما إلى ذلك دون تعديل الملفات الأساسية. على سبيل المثال، يمكنك استخدامadd_theme_support()لتمكين وظيفة الصورة المصغرة للمقالة.

// 在 functions.php 中启用文章特色图像
add_theme_support( 'post-thumbnails' );

وثيقة أخرى مهمة أخرى هيsidebar.phpالذي يحدد بنية HTML للشريط الجانبي. يتم تحقيق ذلك من خلالget_sidebar()استدعاء الدالة، يمكنك إدراج شريط جانبي في أي مكان في القالب. من أجل إدارة محتويات الشريط الجانبي بشكل ديناميكي، تحتاج إلى إضافة دالة جديدة إلىfunctions.phpاستخدمه فيregister_sidebar()تسجل الدالة منطقة أداة ذكية واحدة أو أكثر.

تحسينات القالب والمحتوى الديناميكي

بمجرد إنشاء البنية التحتية، فإن الخطوة التالية هي دمج البيانات والوظائف الديناميكية في ووردبريس. يتضمن ذلك استخدام وظائف WordPress الأساسية و“الحلقة” لإخراج المحتوى.

استضافة.كوم استضافة مشتركة

أداء عالٍ مع وحدات المعالجة المركزية AMD EPYC، ووحدات تخزين NVMe SSD وLiteSpeed، ودعم داخلي متخصص على مدار الساعة طوال أيام الأسبوع، وتدابير أمنية متقدمة بما في ذلك SSL، وقوة الغاشمة، والحماية من البرامج الضارة والحماية من DDoS، وتوفير ما يصل إلى 731 تيرابايت 4 تيرابايت

صفحة الوصول

“الحلقة” هي بنية كود PHP الأساسية المستخدمة في ووردبريس لجلب المنشورات من قاعدة البيانات وعرضها على صفحة ويب. فهي تتحقق لمعرفة ما إذا كان هناك منشور على الصفحة الحالية، وتمر عبر كل منشور لإخراج محتواه إذا كان هناك منشور. فيما يلي كود حلقة نموذجية نموذجية:

<article>
        <h2></h2>
        <div class="entry-content">
            
        </div>
    </article>

    <p><?php esc_html_e( '抱歉，没有找到任何文章。' ); ?></p>

داخل الحلقة، يمكنك استخدام سلسلة من علامات القالب لإخراج بيانات المقالة، على سبيل المثالthe_title()、the_content()、the_permalink()、the_post_thumbnail()إلخ. هذه الدوال تعرض (تطبع) المحتويات تلقائيًا. إذا كنت بحاجة إلى الحصول على القيمة دون إخراجها مباشرة، يمكنك استخدام الدالة “get_” المقابلة، مثلget_the_title()。

القوائم المخصصة قياسية في القوالب الحديثة. أصبح التخصيص ممكنًا من خلالregister_nav_menus()الدالة موجودة.functions.phpبعد تسجيل مواقع القوائم في الواجهة الخلفية، يمكن للمستخدمين إدارة هذه القوائم في الواجهة الخلفية “المظهر” -> “القوائم”. بعد ذلك، في ملف القالب (عادةًheader.phpفي هذا البرنامج، يتم استخدامwp_nav_menu()لتصيير القائمة.

القراءة الموصى بها الدليل النهائي لتطوير قوالب ووردبريس: من البدء إلى التخصيص في الممارسة العملية。

من أجل تعزيز دعم تدويل القالب، تحتاج إلى القيام بتحميل الحقل النصي. فيfunctions.phpفي الوسط، يتم استخدام…load_theme_textdomain()لتحميل ملف الترجمة. أيضًا، يجب تغليف جميع السلاسل في الكود التي تحتاج إلى ترجمة بدالة ترجمة، على سبيل المثال__()والتي تُستخدم لإرجاع السلسلة المترجمة._e()للعرض المباشر مرة أخرى.

// تحميل حقل نص القالب
الدالة my_theme_setup() { {
    load_theme_theme_text_domain( 'my-first-theme'، get_template_directory() . '/اللغات' );
}
إضافة_إجراء( 'بعد_إعداد_القالب', 'my_theme_setup' )؛ } }

// استخدم دالة الترجمة في القالب
صدى'<p>' . esc_html____( 'مرحبًا أيها العالم!' . ، 'موضوعي الأول' ) . '</p>';

تطوير الأزياء الراقية والموضوعات الفرعية

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

الاستضافة المشتركة InterServer

استضافة مشتركة $2.50 دولار أمريكي في الشهر، الشهر الأول $0.1 دولار أمريكي الرمز الترويجي tryinterserver، 461 نص برمجي للتطبيقات السحابية، تثبيت بنقرة واحدة.

صفحة الوصول

إنشاء موضوع فرعي أمر بسيط للغاية. أولاً، في/wp-content/themes/قم بإنشاء مجلد جديد داخل المجلد الحالي، على سبيل المثال:my-child-theme. بعد ذلك، قم بإنشاءstyle.cssالذي يجب تمرير رأسه من خلال ملفTemplate:يحدد هذا الحقل اسم المجلد الخاص بالموضوع الرئيسي (الموضوع الأب).

/*
Theme Name: 我的子主题
Template: twenty-twenty-six
Version: 1.0.0
*/

بعد ذلك، الموضوع الفرعي فيstyle.cssفي هذه الحالة، يمكنك كتابة قواعد CSS جديدة لتجاوز تصميم القالب الأصلي. إذا كنت بحاجة إلى تعديل ملف قالب PHP، فما عليك سوى تغيير الملف المقابل في القالب الأصلي (مثلheader.php) انسخه إلى دليل القالب الفرعي وقم بتحريره، وسيقوم ووردبريس تلقائيًا بتحميل الإصدار الموجود في القالب الفرعي أولاً.

بالنسبة لإضافات الميزات وحذفها، فإن القوالب الفرعية لهاfunctions.phpالتوثيق. النقطة المهمة هي أن السمة الفرعية لـfunctions.phpلن يحل محل القالب الأصل، بل سيتم تحميله قبلها. هذا يعني أنه بإمكانك إضافة ميزات جديدة إليه، أو استخدامremove_action()、add_filter()وخطافات أخرى لتعديل سلوك القالب الأصلي.

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

// 在子主题的 functions.php 中安全地加入自定义脚本
function my_child_theme_scripts() {
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( 'parent-style' ) // 声明依赖父主题样式
    );
    wp_enqueue_script( 'custom-script',
        get_stylesheet_directory_uri() . '/js/custom.js',
        array( 'jquery' ),
        '1.0',
        true
    );
}
add_action( 'wp_enqueue_scripts', 'my_child_theme_scripts' );

الملخصات

تطوير قالب ووردبريس هو عملية تبدأ بإتقان بنية الملف الأساسية وتتعمق تدريجياً في التسلسل الهرمي للقالب واستدعاءات البيانات الديناميكية وتخصيص الميزات المتقدمة. من خلال إعداد بيئة تطوير محلية وفهمstyle.css、index.php、header.php、footer.phpوfunctions.phpمع وجود الملفات الأساسية في مكانها الصحيح، يمكن للمطورين بناء قوالب تعمل بكامل طاقتها. الاستخدام الماهر “للحلقات” وعلامات القوالب هو مفتاح إخراج المحتوى. يتيح لك اعتماد نموذج تطوير القالب الفرعي واستخدام نظام الخطافات القوي في ووردبريس تحقيق تخصيص عميق وقابل للتطوير مع الحفاظ على قابلية الحفاظ على الكود. من خلال اتباع أفضل الممارسات هذه، ستتمكن من التطور من مبتدئ إلى مطور ووردبريس قادر على إنشاء قوالب احترافية.

الأسئلة الشائعة الأسئلة المتداولة

هل من الضروري إتقان لغة PHP لتطوير مواقع ووردبريس باستخدام القالب ###؟
نعم، PHP مهارة أساسية لتطوير قوالب ووردبريس. بينما تكون HTML و CSS و JavaScript مسؤولة عن العرض والتفاعل في الواجهة الأمامية، فإن المنطق الأساسي للقالب وجلب البيانات الديناميكية (مثل المنشورات والصفحات ومحتوى القائمة) وتنظيم واستدعاء ملفات القوالب كلها تعتمد على PHP.

لماذا لم تتم تطبيق الأنماط المخصصة التي قمت بإعدادها؟

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

كيف يمكنني إنشاء صفحة أرشيف لنوع منشور مخصص؟

لإنشاء صفحات الأرشيف لأنواع المقالات المخصصة، تحتاج إلى اتباع قواعد التسلسل الهرمي لقالب ووردبريس. على سبيل المثال، لنوع منشور يسمىproductمن أنواع المنشورات المخصصة، سيبحث ووردبريس عنarchive-product.php、archive.phpوفي النهاية،index.php. لذلك، تحتاج فقط إلى إنشاء ملف في الدليل الجذر للقالب يسمىarchive-product.phpواستخدم “حلقة” في هذا الملف لإخراج جميع مقالات “المنتج”.

ما هي العلاقة بين القالب الفرعي وملف function.php الخاص بالقالب الأصل؟

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