Cómo mostrar descripciones de categorías y titles en Divi

Insertar contenido de categorías en Divi
09 / 07 / 2018
9 julio, 2018
[yoast_breacdrumbs]

Como he visto poca información en castellano sobre este tema hoy voy a hablaros sobre cómo añadir descripciones de categorías y titles a las páginas de archivo en Divi. Con esto, no solo mejoramos el SEO On Page de nuestro blog, sino que ayudamos a los lectores a saber dónde están.

Lo primero que debéis tener es un tema hijo, ya que lo que haremos será crear un archivo, el category.php en el mismo y será donde introduzcamos lo necesario para mostrar descripción de categoría y titles en las páginas de archivo.

Crear category.php en el child-theme

¿Aun no tienes Divi?

Hazte ya con el theme de WordPress más potente de la historia.

1.Lo primero que debemos hacer es ir al Divi (tema padre) vía FTP y buscar en la raíz del tema el archivo index.php.

Crear Category.php En Child Theme

2. Un vez localizado lo descargamos a nuestro ordenador y pasamos a cambiarle el nombre a category.php.

3. Ahora solo tenemos que irnos a la carpeta de nuestro tema hijo vía FTP y subirlo.

Cómo Insertar Descripciones De Categorías En Divi Child

Hasta aquí no has debido de tener ningún problema, solo teníamos que descargar un archivo, renombrarlo y subirlo a una ruta diferente.

Código para mostrar descripciones de categorías en Divi

Bien, una vez hecho esto vamos a introducir el título de la categoría y la descripción en nuestro category.php. Para ello, debemos encontrar esta línea:

1
2
3
<div id="main-content">
<div class="container">
<div id="content-area" class="clearfix">

Justo debajo colocamos este código de aquí:

1
2
3
4
5
6
<!-- Title de categorías -->
		<!--?php if ( have_posts() ) : ?-->			
<header class="blog-title">			
<h1><!--?php printf( __( '%s', 'Divi' ), '<span-->' . single_cat_title() . '' ); ?&gt;</h1>
			<!--?php the_archive_description( '
<div class="taxonomy-description"-->', '</header>

CSS al mostrar descripciones de categorías

Si queréis estilizar un poco las descripciones podéis emplear este código CSS de aquí:

1
2
3
4
5
6
7
8
.blog-title {
    margin-bottom: 60px;}
hr.archive-line {
    width: 25%;
    float: left;
    border: 0;
    height: 4px;
    background-color: #2ea3f2;}

Posibles problemas

Es posible que os encontréis que después de esto no se muestren vuestras descripciones de categorías. Si usáis plugins como AdSensei que insertan contenido de categorías debéis hacerlo desde ahí y no en la opción de categorías de WordPress. No obstante, con Divi debéis estos pasos ya que este plugin, por ejemplo, no es capaz de mostrarlas por sí solo.

[ratings id=»1486″]

Miguel Pineda Baja

Miguel de Pineda Peñuela

Consultor SEO, soy un apasionado de cosas tan variopintas como el diseño web en WordPress, las redes sociales, la política o la Historia. Licenciado en Periodismo por la Universidad de Sevilla he trabajado en diferentes agencias de comunicación digital.

ARTÍCULOS RELACIONADOS