قم بإنشاء قالب صفحة مخصص في قالب WordPress

واحدة من أهم نقاط البيع في WordPress هي فكرة القوالب. يضيف موضوع واحد قيمة كبيرة لتصميم ووظائف موقع الويب. ومع ذلك ، هناك مواقع ويب لها تصميمات مختلفة على صفحات مختلفة.

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

يمكن استخدام قالب صفحة WordPress مخصص لعدد من الأغراض. تتضمن بعض الأفكار ما يلي:

• عرض المشاركات الأخيرة من كل فئة
• تضمين خريطة جوجل أو أي نص
• قائمة بجميع المؤلفين.
• الصور التي تم تحميلها مؤخرا
• صفحة تصميم مخصصة للمحفظة
• صفحة الاتصال

يتم التعامل مع مظهر جميع الصفحات والمنشورات التي تم إنشاؤها على موقع WordPress من خلال ملف قالب يسمى page.php . يتطلب إنشاء قالب صفحة مخصص أو تحريره في WordPress معرفة أساسية بـ HTML و CSS و PHP.

ببساطة افتح أي محرر نصوص والصق الكود التالي فيه.

 <؟ php / * اسم القالب: PageWithoutSidebar * /؟>

يخبر سطر التعليمات البرمجية أعلاه WordPress أنه ملف قالب يسمى PageWithoutSidebar . يمكنك استخدام أي اسم تريده. الآن احفظ هذا الملف باسم PageWithoutSidebar.php . مرة أخرى يمكنك استخدام أي اسم آخر للملف. لكن لا تنس الاحتفاظ بالامتداد كـ .php

الآن ، سنقوم باختبار ملف القالب الذي تم إنشاؤه حديثًا.

تسجيل الدخول إلى لوحة الاستضافة الخاصة بك. في هذا المثال ، أستخدم Cloudways - أسرع استضافة WordPress مُدارة. تدعم Cloudways تطبيقات WordPress مع خيارات الموفر لكل من AWS و DigitalOcean و GCP و Linode و Vultr. انتقل إلى مجلد / wp-content / theme . افتح مجلد النسق الحالي الخاص بك وقم بتحميل ملف PageWithoutSidebar.php هناك.

انتقل إلى لوحة إدارة WordPress > الصفحات> إضافة جديد . يمكنك رؤية قالب الصفحة المخصص الجديد مدرجًا على الجانب الأيمن.

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

افتح الصفحة المنشأة حديثًا. نظرًا لعدم وجود عناصر تصميم في القالب حتى الآن ، يتم عرض صفحة فارغة مثل الصورة أدناه.

يوضح هذا أن قالب الصفحة المخصص في WordPress تم تنفيذه بنجاح ، وبالتالي يمكنك إنشاء سمة WordPress سريعة الاستجابة

حان الوقت الآن لإضافة بضعة أسطر من التعليمات البرمجية لعرض محتوى الصفحة.

بالنسبة لهذا العرض التوضيحي ، سأناقش كيف يمكنك تخصيص قالب صفحة Twenty Sixteen الافتراضي.

يتم إنشاء المظهر الافتراضي للصفحات بواسطة ملف page.php الموجود في / wp-content / themes / موضوعك / مجلدك. افتح page.php وانسخ هذا الرمز.

 <؟ php get_header ()؛ ؟>

<div class = "content-area">
                <main class = "site-main" role = "main">
                                <؟ php
                                // ابدأ الحلقة.
                                while (have_posts ()): the_post () ؛

                                                // تضمين قالب محتوى الصفحة.
                                                get_template_part ('template-parts / content'، 'page') ؛

                                                // إذا كانت التعليقات مفتوحة أو لدينا تعليق واحد على الأقل ، فقم بتحميل قالب التعليق.
                                                إذا (comments_open () || get_comments_number ()) {
                                                                comments_template () ؛
                                                }

                                                // نهاية الحلقة.
                                في غضون ذلك
                                ؟>

                </main> <! - .site-main ->

                <؟ php get_sidebar ('content-bottom') ؛ ؟>

</div> <! - .content-area ->

<؟ php get_sidebar ()؛ ؟>
<؟ php get_footer ()؛ ؟>

الصق هذه الشفرة في PageWithoutSidebar.php أسفل سطر التعليمات البرمجية هذا مباشرةً.

 <؟ php / * اسم القالب: PageWithoutSidebar * /؟>

احفظها!

سيبدو ملف PageWithoutSidebar.php الكامل الخاص بك كما يلي.

 <؟ php / * اسم القالب: PageWithoutSidebar * /؟>

<؟ php get_header ()؛ ؟>

<div class = "content-area">

                <main class = "site-main" role = "main">

                                <؟ php

                                // ابدأ الحلقة.
                                while (have_posts ()): the_post () ؛

                                                // تضمين قالب محتوى الصفحة.
                                                get_template_part ('template-parts / content'، 'page') ؛

                                                // إذا كانت التعليقات مفتوحة أو لدينا تعليق واحد على الأقل ، فقم بتحميل قالب التعليق.
                                                إذا (comments_open () || get_comments_number ()) {

                                                                comments_template () ؛

                                                }

                                                // نهاية الحلقة.
                                في غضون ذلك

                                ؟>

                </main> <! - .site-main ->

                <؟ php get_sidebar ('content-bottom') ؛ ؟>

</div> <! - .content-area ->

<؟ php get_sidebar ()؛ ؟>

<؟ php get_footer ()؛ ؟>

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

الآن دعونا نخصصها. كما ترى يوجد شريط جانبي على الجانب الأيمن. سأزيله من هذه الصفحة فقط. سيكون لجميع الصفحات الأخرى المظهر الافتراضي لموضوع Twenty Sixteen.

افتح الملف PageWithoutSidebar.php . قم بالتمرير لأسفل حتى نهاية الملف وقم بإزالة :

 <؟ php get_sidebar ()؛ ؟>

هذا هو سطر التعليمات البرمجية الذي يحصل على الشريط الجانبي على الصفحة. بعد إزالة الخط ، احفظه . افتح عنوان URL للصفحة ولم يعد الشريط الجانبي موجودًا!

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

ارجع إلى PageWithoutSidebar.php وابحث عن:

 <div class = "content-area">

ما عليك سوى تغيير " منطقة المحتوى " إلى "عرض محتوى الموقع بالكامل " وبذلك تكون قد انتهيت. قم بتحديث الصفحة والمحتوى بالعرض الكامل.

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

إذا كان لديك أي استفسارات ، فلا تتردد في طرحها عن طريق النشر في قسم التعليقات أدناه.