Cómo crear plantillas de categorías en WordPress

¿Quiere crear diseños de página de categoría únicos en WordPress?

Con los sitios web de WordPress, es común usar diferentes plantillas para categorías, etiquetas, tipos de publicaciones personalizadas y taxonomías.

En este artículo, le mostraremos cómo crear plantillas de categorías en WordPress.

Al crear plantillas para categorías, puede agregar características específicas en las páginas de categorías.

Por ejemplo, puede permitir a los usuarios suscribirse a categorías, agregar imágenes de categorías, mostrar descripciones de categorías y elegir un diseño diferente para cada categoría.

Por qué crear plantillas de categorías en WordPress

WordPress genera páginas individuales para todas sus categorías. Puede verlos visitando una URL como:

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

Los temas de WordPress más populares vienen con plantillas integradas para mostrar maravillosamente las páginas de categorías. Estas plantillas resaltan el título de la categoría y muestran la descripción de la categoría subyacente.

Sin embargo, es posible que algunos temas no los manejen tan bien o que desee personalizar las páginas de su categoría. Aquí es donde necesita crear plantillas de categorías en WordPress.

Echemos un vistazo a cómo crear plantillas de categorías en WordPress.

Jerarquía de plantillas de WordPress para páginas de categorías

WordPress tiene un poderoso sistema de plantillas que le permite crear diferentes plantillas para diferentes secciones de su sitio web.

Al visualizar cualquier página, WordPress busca una plantilla en un orden jerárquico predefinido.

Para ver una página de categorías, busque plantillas en este orden: category-slug.php → category-id.php → category.php → archive.php → index.php

Primero, WordPress buscará una plantilla específica para esa categoría en particular usando la categoría slug. Por ejemplo, la plantilla category-design.php se utilizará para mostrar la categoría «Diseño».

Si no encuentra una plantilla de slug de categoría, WordPress buscará una plantilla con un ID de categoría, por ejemplo, categoría-6.php. Después de eso, buscará el patrón de categoría genérico que generalmente es category.php.

Si no hay una plantilla de categoría genérica, WordPress buscará una plantilla de archivo genérica, como archive.php. Finalmente, usará el patrón index.php para mostrar la categoría.

Aquí está nuestra guía de jerarquías de plantillas de WordPress.

Crear una plantilla de categoría para su tema de WordPress

Primero echemos un vistazo a una plantilla típica de category.php.

<?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(); ?>

Ahora suponga que tenemos una categoría llamada «Diseño» con la categoría slug «diseño» y queremos mostrar esta categoría de manera diferente a otras.

Para hacer esto, necesita crear una plantilla para esa categoría en particular. Ir Apariencia »Editor de temas. En la lista de archivos de temas a la derecha, haga clic en category.php, si no tiene un archivo category.php, busque archive.php.

Si no puede encontrar ninguna de estas plantillas, es muy probable que esté utilizando un marco temático de WordPress y este tutorial puede no serle útil. Le sugerimos que consulte el marco específico que está utilizando.

Si encuentra los archivos de arriba, copie todo el contenido de category.php y péguelas en un editor de texto como el Bloc de notas. Guarde este archivo como category-design.php.

Conéctese a su alojamiento de WordPress utilizando un cliente FTP, luego vaya a / wp-content / themes / your-current-theme / y cargue su archivo category-design.php en su directorio de temas.

Ahora, cualquier cambio realizado en esta plantilla solo aparecerá en la página de archivo de esta categoría en particular.

Con esta técnica, puede crear plantillas para tantas categorías como desee. Simplemente use category- {category-slug} .php como nombre de archivo. Puede encontrar las babosas de categoría visitando la sección de categorías en el área de administración de WordPress.

Aquí hay un ejemplo de category-slug.php modelo. Tenga en cuenta que hemos utilizado el mismo modelo category.php con algunas modificaciones.

Como ya sabemos para qué categoría se utilizará, podemos agregar manualmente un título, descripción o cualquier otro detalle. También tenga en cuenta que usamos <?php the_excerpt(); ?> en vez de <?php the_content(); ?>.

Descubra por qué creemos que utilizar el resumen o el extracto de la publicación en lugar de la publicación completa es una buena idea.

<?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 no desea utilizar la plantilla de slug de categoría, puede utilizar la plantilla de ID de categoría para crear una plantilla para un ID de categoría específico. A continuación, se explica cómo encontrar una ID de categoría en WordPress.

Usar etiquetas condicionales para una categoría

Al crear plantillas para su tema, debe determinar si realmente necesita una plantilla separada para hacer lo que desea.

En algunos casos, los cambios que desea realizar no son demasiado complicados y se pueden lograr utilizando etiquetas condicionales dentro de una plantilla genérica, como category.php o incluso archive.php.

WordPress viene con soporte para muchos etiquetas condicionales que los autores de temas pueden usar en sus plantillas.

Una de esas etiquetas condicionales es is_category(). Con esta etiqueta condicional, puede modificar las plantillas para mostrar una salida diferente si se cumple la condición.

Por ejemplo, supongamos que tiene una categoría para publicaciones destacadas llamada «Destacadas».

Ahora desea mostrar información adicional en la página de archivo de categorías para esta categoría en particular. Para hacer esto, agregue este código en el archivo category.php justo despué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>

Crea una plantilla de categoría con Beaver Themer

Beaver Themer te permite crear diseños para tu tema. Puede seleccionar las categorías individuales en las que desea utilizar la plantilla y luego editarla con una herramienta de arrastrar y soltar.

Primero, ve a Beaver Builder »Diseños temáticos» Agregar nuevo página.

Deberá darle un título y luego seleccionar su categoría en la opción «Ubicación».

Desde allí, podrá usar el editor de arrastrar y soltar de Beaver Builder para personalizar la página de diseño de categorías a su gusto.

Cuando termine, haga clic en el botón Listo y luego seleccione Publicar para aplicar la plantilla de categoría.

Ahora puede visitar su sitio web para ver la plantilla de categoría en acción.

Esperamos que este artículo le haya ayudado a aprender a crear plantillas de categorías en WordPress. Es posible que también desee ver nuestra comparación de los mejores creadores de páginas de WordPress de arrastrar y soltar para crear diseños personalizados y nuestra guía sobre cómo crear un sitio de membresía, para que pueda limitar el contenido por categorías.

¿Te ha resultado útil??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicado. Required fields are marked *