Souhaitez-vous créer des mises en page uniques pour les catégories dans WordPress?

Les sites Web WordPress utilisent souvent différents modèles pour les catégories, les balises, types de publication personnalisés, et Taxonomies.

Dans cet article, nous allons vous montrer comment créer des modèles de catégories dans WordPress.

Créer des modèles de catégories dans WordPress

En créant des modèles pour les catégories, vous pouvez ajouter certaines fonctionnalités aux pages de catégories.

Par exemple, vous pouvez autoriser les utilisateurs à le faire Abonnez-vous aux catégories, Ajouter des images de catégorie, affichez les descriptions des catégories et choisissez une mise en page différente pour chaque catégorie.

Pourquoi créer des modèles de catégories dans WordPress?

WordPress génère des pages individuelles pour toutes vos catégories. Vous pouvez les afficher en visitant une URL comme celle-ci:

https://example.com/category/news/

Les plus thèmes WordPress populaires Avec les modèles intégrés, vous pouvez présenter magnifiquement les pages de catégories. Ces modèles mettent en évidence le titre de la catégorie et affichent la description de la catégorie en dessous.

Exemple de page de catégorie

Cependant, certains thèmes peuvent ne pas être en mesure de gérer cela également, ou vous souhaiterez peut-être personnaliser vos pages de catégories. Ici, vous devez créer des modèles de catégories dans WordPress.

Voyons comment créer des modèles de catégories dans WordPress.

Hiérarchie des modèles WordPress pour les pages de catégories

WordPress dispose d’un système de modèles puissant qui vous permet de créer différents modèles pour différentes zones de votre site Web.

Lors de l’affichage d’une page, WordPress recherche un modèle dans un ordre hiérarchique prédéfini.

Pour afficher une page de catégorie, il recherche les modèles dans cet ordre: category-slug.php → category-id.php → category.php → archive.php → index.php

Tout d’abord, WordPress utilise le slug de catégorie pour trouver un modèle spécifique à cette catégorie particulière. Par exemple, le modèle category-design.php est utilisé pour afficher la catégorie Design.

Si aucun modèle de slug de catégorie n’est trouvé, WordPress recherchera un modèle avec l’identifiant de catégorie, par exemple. B. Catégorie-6.php. Il recherche ensuite le modèle de catégorie générique, qui est généralement category.php.

S’il n’y a pas de modèle de catégorie générique, WordPress recherchera un modèle d’archive générique comme archive.php. Enfin, le modèle index.php est utilisé pour afficher la catégorie.

Voici aussi notre guide Hiérarchies de modèles WordPress.

Créez un modèle de catégorie pour votre thème dans WordPress

Tout d’abord, jetons un coup d’œil à un modèle category.php typique.


<?php
/**
* A Simple Category Template
*/

get_header(); ?> 

<section id="primary" class="site-content">
<div id="content" role="main">

<?php 
// Check if there are any posts to display
if ( have_posts() ) : ?>

<header class="archive-header">
<h1 class="archive-title">Category: <?php single_cat_title( '', false ); ?></h1>


<?php
// Display optional category description
 if ( category_description() ) : ?>
<div class="archive-meta"><?php echo category_description(); ?></div>
<?php endif; ?>
</header>

<?php

// The Loop
while ( have_posts() ) : the_post(); ?>
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?></small>

<div class="entry">
<?php the_content(); ?>

 <p class="postmetadata"><?php
  comments_popup_link( 'No comments yet', '1 comment', '% comments', 'comments-link', 'Comments closed');
?></p>
</div>

<?php endwhile; 

else: ?>
<p>Sorry, no posts matched your criteria.</p>


<?php endif; ?>
</div>
</section>


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

Supposons maintenant que vous ayez une catégorie nommée «Design» avec le slug de catégorie «Design» et que vous vouliez afficher cette catégorie différemment des autres.

Pour ce faire, vous devez créer un modèle pour cette catégorie particulière. Aller à Apparence »Éditeur de thèmes. Dans la liste des fichiers de rubrique sur la droite, cliquez sur category.phpSi vous n’avez pas de fichier category.php, recherchez archive.php.

Éditeur de fichiers de catégories de thèmes

Si vous ne trouvez aucun de ces modèles, il y a de fortes chances que vous en utilisiez un Framework de thème WordPress et ce tutoriel peut ne pas vous être utile. Nous vous recommandons de vous référer au framework que vous utilisez.

Lorsque vous trouvez les fichiers ci-dessus, copiez tout le contenu du category.php et collez-les dans un éditeur de texte comme le Bloc-notes. Enregistrez ce fichier en tant que category-design.php.

Attaché à Votre hébergement WordPress Utilisez un client FTP, puis allez dans / wp-content / theme / your-current-theme / et téléchargez votre fichier category-design.php dans votre répertoire de thèmes.

Désormais, toutes les modifications que vous apportez à ce modèle n’apparaîtront que sur la page d’archive de cette catégorie particulière.

Vous pouvez utiliser cette technique pour créer des modèles pour autant de catégories que vous le souhaitez. Utilisez simplement category- {category-slug} .php comme nom de fichier. Vous pouvez trouver des slugs de catégorie dans la section « Catégories » de la zone d’administration de WordPress.

Voici un exemple d’un category-slug.php Modèle. Notez que nous avons utilisé le même modèle que category.php avec quelques modifications.

Puisque nous savons déjà pour quelle catégorie il est utilisé, nous pouvons ajouter un titre, une description ou d’autres détails manuellement. Notez également que nous avons utilisé <?php the_excerpt(); ?> À la place de <?php the_content(); ?>.

Découvrez pourquoi nous pensons avec Résumé ou extrait de la contribution au lieu de la contribution complète est une bonne idée.


<?php
/**
* A Simple Category Template
*/

get_header(); ?> 

<section id="primary" class="site-content">
<div id="content" role="main">
<?php 
// Check if there are any posts to display
if ( have_posts() ) : ?>

<header class="archive-header">
<?php
// Since this template will only be used for Design category
// we can add category title and description manually.
// or even add images or change the layout
?>

<h1 class="archive-title">Design Articles</h1>
<div class="archive-meta">
Articles and tutorials about design and the web.
</div>
</header>

<?php

// The Loop
while ( have_posts() ) : the_post();
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?></small>

<div class="entry">
<?php the_excerpt(); ?>

 <p class="postmetadata"><?php
  comments_popup_link( 'No comments yet', '1 comment', '% comments', 'comments-link', 'Comments closed');
?></p>
</div>

<?php endwhile; // End Loop

else: ?>
<p>Sorry, no posts matched your criteria.</p>
<?php endif; ?>
</div>
</section>

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

Si vous ne souhaitez pas utiliser le modèle de slug de catégorie, vous pouvez utiliser le modèle d’ID de catégorie pour créer un modèle pour un ID de catégorie spécifique. Voici Comment trouver un identifiant de catégorie dans WordPress.

Utilisation de balises conditionnelles pour une catégorie

Lors de la création de modèles pour votre thème, vous devez déterminer si vous avez vraiment besoin d’un modèle distinct pour faire ce que vous voulez faire.

Dans certains cas, les modifications que vous souhaitez apporter ne sont pas trop compliquées et peuvent être réalisées à l’aide de balises conditionnelles dans un modèle générique comme category.php ou même archive.php.

WordPress prend en charge de nombreux balises conditionnelles Ces auteurs de sujets peuvent être utilisés dans leurs modèles.

Un tel jour conditionnel est is_category(). Cette balise conditionnelle vous permet de modifier vos modèles pour afficher différentes sorties lorsque la condition est remplie.

Par exemple, disons que vous avez une catégorie d’articles en vedette appelée En vedette.

Vous souhaitez maintenant afficher des informations supplémentaires sur la page d’archive des catégories pour cette catégorie particulière. Pour ce faire, ajoutez ce code au fichier category.php immédiatement après <?php if ( have_posts() ) : ?>.



<header class="archive-header">

<?php if(is_category( 'Featured' )) : ?>
	<h1 class="archive-title">Featured Articles:</h1>
<?php  else: ?>
	<h1 class="archive-title">Category Archive: <?php single_cat_title(); ?> </h1>
<?php endif; ?>

</header>

Créer un modèle de catégorie avec Beaver Themer

Castor Themer Cette option vous permet de créer des mises en page pour votre thème. Vous pouvez sélectionner chaque catégorie dans laquelle vous souhaitez utiliser le modèle, puis faites-le glisser et déposez-le pour le modifier.

Aller au premier Éleveur de castors »Mise en page des sujets» Ajouter un nouveau Page.

Ajouter un nouveau modèle de catégorie

Vous devez lui donner un titre, puis sélectionner votre catégorie sous « Lieu ».

Modifier la mise en page Beaver Themer

À partir de là, vous pouvez utiliser l’éditeur glisser-déposer de Beaver Builder pour personnaliser la page de mise en page de votre catégorie comme vous le souhaitez.

Utilisez Beaver Builder pour concevoir votre modèle de catégorie

Lorsque vous avez terminé, cliquez sur le bouton Terminé, puis sélectionnez Publier pour appliquer votre modèle de catégorie.

Vous pouvez maintenant visiter votre site Web pour voir le modèle de catégorie en action.

Un modèle de catégorie créé avec Beaver Builder

Nous espérons que cet article vous a aidé à apprendre à créer des modèles de catégories dans WordPress. Vous pouvez également consulter notre comparaison de Meilleur constructeur de pages WordPress par glisser-déposer sur la création de mises en page personnalisées et notre guide pour Comment créer une page d’adhésionC’est ainsi que vous pouvez restreindre le contenu en fonction des catégories.

Si vous avez apprécié cet article, veuillez vous abonner au nôtre chaîne Youtube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.





Source link

Recent Posts