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

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

Escrito por Miguel

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.

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 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.

Quizás también te guste…

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información básica sobre protección de datos Ver más

  • Responsable SEO Wolf .
  • Finalidad Moderar los comentarios.
  • Legitimación Tu consentimiento.
  • Destinatarios RAIOLA NETWORKS, S.L..
  • Derechos Acceder, rectificar y suprimir los datos.
  • Información Adicional Puedes consultar la información detallada en la Política de Privacidad.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Share This