موضوع WooCommerce Storefront قم بإنشاء قوالب فئات متعددة

نشرت: 2020-10-12

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

موضوع WooCommerce Storefront قم بإنشاء قوالب فئات متعددة

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

التسلسل الهرمي للقالب لصفحات الفئات

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

category-slug.php > category-id.php > category.php > archive.php > index.php

القالب الأول الذي سيبحث عنه هو النموذج المحدد لتلك الفئة المعينة باستخدام سبيكة الفئة. سيتم استخدام نموذج category-design.php لعرض فئة "التصميم". ومع ذلك ، إذا لم يعثر على قالب فئة slug ، فسيقوم WordPress بالبحث عن قالب معرف فئة.

سيبحث بعد ذلك عن قالب الفئة العامة ، والذي يكون عادةً category.php. ومع ذلك ، إذا لم يكن هناك قالب فئة عام موجود ، فسيقوم WordPress بالبحث عن قالب أرشيف عام.

بعد ذلك ، سيستخدم قالب index.php لعرض الفئة.

كيفية إنشاء قالب فئة

يبدو نموذج category.php النموذجي كما يلي:

 <؟ php

/ **

* قالب فئة بسيط

* /

 get_header () ، ؟>

 <section id = "primary" class = "site-content">

<div id = "content" role = "main">

 <؟ php

// تحقق مما إذا كانت هناك أية مشاركات لعرضها

إذا (have_posts ()):؟>

 <header class = "archive-header">

<h1 class = "archive-title"> الفئة: <؟ php single_cat_title (''، false)؛ ؟> </h1>

 <؟ php

// عرض وصف فئة اختياري

 إذا (category_description ()):؟>

<div class = "archive-meta"> <؟ php echo category_description ()؛ ؟> </div>

<؟ php endif؛ ؟>

</header>

 <؟ php

 // الحلقة

while (have_posts ()): the_post () ؛ ؟>

<h2> <a href="<؟php the_permalink() ؟> "rel =" bookmark "title =" ارتباط دائم بـ <؟ php the_title_attribute ()؛؟> "> <؟ php the_title ()؛ ؟> </a> </h2>

<small> <؟ php the_time ('F jS، Y')؟> بواسطة <؟ php the_author_posts_link ()؟> </small>

 <div class = "entry">

<؟ php the_content ()؛ ؟>

  <p class = "postmetadata"> <؟ php

  comments_popup_link (لا يوجد تعليقات بعد ، تعليق واحد ،٪ تعليقات ، رابط التعليقات ، التعليقات مغلقة) ؛

؟> </p>

</div>

 <؟ php end while؛

 آخر:؟>

<p> معذرة ، لا توجد مشاركات مطابقة للمعايير الخاصة بك. </ p>

 <؟ php endif؛ ؟>

</div>

</section>

 <؟ php get_sidebar ()؛ ؟>

<؟ php get_footer ()؛ ؟>

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

للقيام بذلك ، انتقل إلى المظهر> المحرر. سترى بعض ملفات السمات على يمينك. انقر فوق archive.php . إذا لم يكن موجودًا ، فابحث عن category.php . ومع ذلك ، إذا كنت تستخدم موضوع Storefront فستجد archive.php . archives.php. ملف

انسخ جميع محتويات ملف archive.php والصقها في محرر نصي مثل Notepad. احفظ هذا الملف كملف category-design.php.

الخطوة التالية هي الانتقال إلى wp-content> Themes> Storefront theme . قم بتحميل ملف category-design.php إلى دليل السمات الخاص بك.

تصميم الفئة. php

من الجدير بالذكر أن أي تغييرات تجريها على هذا القالب ستظهر فقط في صفحة أرشيف هذه الفئة المعينة. يمكنك استخدام هذه التقنية لإنشاء قوالب لأي عدد تريده من الفئات. تحتاج فقط إلى استخدام category- {category-slug} .php كاسم للملف. توجد روابط التصنيف في قسم الفئات في منطقة إدارة WordPress.

هذا مثال آخر على نموذج category-slug.php. إنه مماثل لقالب category.php ، مع تغييرات طفيفة:

 <؟ php

/ **

* قالب فئة بسيط

* /

get_header () ، ؟>

<section id = "primary" class = "site-content">

<div id = "content" role = "main">

<؟ php

// تحقق مما إذا كانت هناك أية مشاركات لعرضها

إذا (have_posts ()):؟>

<header class = "archive-header">

<؟ php

// نظرًا لأن هذا النموذج لن يستخدم إلا لفئة التصميم

// يمكننا إضافة عنوان الفئة ووصفها يدويًا.

// أو حتى إضافة الصور أو تغيير التخطيط

؟>

<h1 class = "archive-title"> تصميم المقالات </ h1>

<div class = "archive-meta">

مقالات ودروس حول التصميم والويب.

</div>

</header>

<؟ php

// الحلقة

while (have_posts ()): the_post () ؛

<h2> <a href="<؟php the_permalink() ؟> "rel =" bookmark "title =" ارتباط دائم بـ <؟ php the_title_attribute ()؛؟> "> <؟ php the_title ()؛ ؟> </a> </h2>

<small> <؟ php the_time ('F jS، Y')؟> بواسطة <؟ php the_author_posts_link ()؟> </small>

<div class = "entry">

<؟ php the_excerpt ()؛ ؟>

<p class = "postmetadata"> <؟ php

comments_popup_link (لا يوجد تعليقات بعد ، تعليق واحد ،٪ تعليقات ، رابط التعليقات ، التعليقات مغلقة) ؛

؟> </p>

</div>

<؟ php end while؛ // نهاية الحلقة

آخر:؟>

<p> معذرة ، لا توجد مشاركات مطابقة للمعايير الخاصة بك. </ p>

<؟ php endif؛ ؟>

</div>

</section>

<؟ php get_sidebar ()؛ ؟>

<؟ php get_footer ()؛ ؟>

ومع ذلك ، إذا كنت لا ترغب في استخدام قالب فئة slug ، فيمكنك استخدام نموذج معرف الفئة لإنشاء نموذج لمعرف فئة معين

كيفية استخدام العلامات الشرطية لفئة

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

يدعم WordPress العديد من العلامات الشرطية. واحد منهم هو العلامة الشرطية is_category (). يمكنك استخدامه لتغيير القوالب الخاصة بك لعرض مخرجات مختلفة إذا تم مطابقة الشرط. على سبيل المثال ، قد ترغب في إظهار بعض المعلومات الإضافية في صفحة أرشيف الفئات لفئة. للقيام بذلك ، ما عليك سوى إضافة هذا الرمز في ملف category.php مباشرةً بعد <؟ php if (have_posts ()):؟>.

 <header class = "archive-header">

<؟ php if (is_category ('مميز')):؟>

<h1 class = "archive-title"> المقالات المميزة: </ h1>

<؟ php else:؟>

<h1 class = "archive-title"> أرشيف الفئات: <؟ php single_cat_title ()؛ ؟> </h1>

<؟ php endif؛ ؟>

</header>

استنتاج

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

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

مقالات مماثلة