قاعدة المعرفة البطولية - استخدام نظام القوالب

إذا كنت تقضي الكثير من الوقت في الإجابة على نفس أسئلة الدعم مرارًا وتكرارًا ، فنحن في HeroThemes لدينا الإجابة….

ملاحظة: تفترض هذه المقالة أنك تعرف كيفية تثبيت WordPress والمكونات الإضافية وأن لديك بعض المعرفة بتطوير السمات بما في ذلك سمات الوالدين / الطفل و HTML و CSS وفهم أساسي لـ PHP.

قاعدة المعرفة البطولية

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

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

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

سأقدم لمحة سريعة عن:

• تثبيت البرنامج المساعد والإعدادات العامة وإضافة بعض المحتوى
• التكامل الأساسي مع قالب TwentySixteen الجديد المتاح مع WordPress 4.4
• التكامل المتقدم: تعديل القوالب لمزيد من التخصيص

ابدء

بعد التثبيت الأولي لـ WordPress ، تأكد من تثبيت وتنشيط كل من سمة TwentySixteen والمكوِّن الإضافي لقاعدة المعرفة.

TwentySixteen هو السمة الافتراضية الجديدة التي تأتي مع WordPress 4.4. إذا لم يكن لديك السمة الجديدة المدرجة ضمن المظهر> السمات ، بعد ترقية تثبيت WordPress الخاص بك ، يمكنك تنزيلها من صفحة موضوع TwentySixteen على WordPress.org

البرنامج المساعد لقاعدة المعرفة

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

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

بشكل افتراضي ، يتم عرض مقالات قاعدة المعارف بترتيب تاريخ النشر تمامًا كما تفعل المنشورات القياسية ، ومع ذلك ، يمكنك تغيير ذلك في إعدادات البرنامج المساعد.

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

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

إنشاء المحتوى

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

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

بدلاً من ذلك ، يمكنك تثبيت المحتوى الافتراضي من شاشة البدء أثناء البدء.

التكامل مع TwentySixteen

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

لكن ... ماذا لو كنت تريد أن تفعل المزيد؟

ما هو لطيف حقًا في البرنامج المساعد لمطوري السمات هو نظام القوالب.

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

يعمل التسلسل الهرمي للقوالب داخل المكون الإضافي أو داخل السمة بطريقة مشابهة جدًا للتسلسل الهرمي القياسي لقالب WordPress ، مما يسهل فهمك.

على سبيل المثال hkb-taxonomy-category.php hkb-archive.php بنفس الطريقة التي category-$slug.php ملف archive.php القياسي.

إذا كنت ترغب في معرفة المزيد عن التسلسل الهرمي لقالب WordPress ، يمكنك أن تقرأ عليه كود المطور.

تخصيص القوالب

بشكل افتراضي ، سيبدو قسم قاعدة المعارف بهذا الشكل عند استخدام نسق TwentySixteen:

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

لا تحتاج إلى كل هذه المساحة البيضاء في صفحات قاعدة المعارف ، لذا ما عليك فعله هو تعديل HTML للقالب ذي الصلة لإزالته.

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

بمجرد إعداد السمة الفرعية الخاصة بك ، يمكنك الآن بدء العمل على تحرير القوالب. قم بإنشاء مجلد جديد داخل المجلد twentysixteen-child وقم بتسميته hkb-Templates . بعد ذلك ، انسخ القالب الذي تريد تحريره من مجلد البرنامج المساعد إلى مجلد القالب الذي تم إنشاؤه حديثًا.

لتغيير صفحة أرشيف قاعدة المعارف ، فإن القالب الذي ستحتاج إلى تعديله هو hkb-archive.php . بمجرد النسخ ، افتحه في محرر التعليمات البرمجية الخاص بك. يجب أن ترى:

<?php /** * Theme template for archive display */ ?>

<?php get_header(); ?>

<?php hkb_get_template_part('hkb-compat', 'archive'); ?>

<?php get_footer(); ?>

ملاحظة: نظرًا لأن القوالب الموجودة في المكون الإضافي تحقن محتوى قاعدة المعرفة في الصفحة باستخدام وظيفة the_content() في WordPress ، فإن الهيكل الكامل للصفحة لا يتم تضمينه مبدئيًا في القالب. نظرًا لأنك تتجاوز النموذج الافتراضي ، فستحتاج إلى إضافة HTML إضافي إلى الصفحة.

لذلك يجب تغيير الكود في hkb-archive.php ليبدو كما يلي:

<?php /** * Theme template for archive display */ ?>
<?php get_header(); ?>

<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<?php // Include the page content template. hkb_get_template_part('hkb-compat', 'archive'); ?>
</main><!-- .site-main -->

<?php get_sidebar( 'content-bottom' ); ?>
</div>

<!-- .content-area -->

<?php get_sidebar(); ?><?php get_footer(); ?>

ملاحظة: ليست هناك حاجة لتضمين حلقة while في هذا النموذج

احفظ ملفك واعرض الصفحة. يجب أن يبدو الآن مثل هذا:

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

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

// Knowledge Base plugin styles
wp_enqueue_style( 'hkb-style', get_template_directory_uri() . '/css/hkb-style.css', array( 'twentysixteen-style' ), '20151217' );

ملاحظة: إذا كنت تستخدم هذه الطريقة مع سمة فرعية ، فستحتاج إلى استخدام get_stylesheet_directory_uri() بدلاً من get_template_directory_uri() . هذا لأن get_stylesheet_directory_uri() ستنظر في بنية الملف لموضوع طفلك ، get_template_directory_uri() إلى مجلد النسق الأصل بدلاً من ذلك.

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

بمجرد إعادة تطبيق الأنماط ، قم بعرض الصفحة مرة أخرى ويجب أن ترى الآن:

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

افكار اخيرة

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