Ocultar el título en la página de inicio de WordPress

[ 21 mayo 2019 ] [ Autor: Jhon Marreros Guzmán ][ Themes - Básico] [ ]

Si has configurado tu sitio para que en el inicio se muestra una página estática, es posible que el tema que estas usando muestre el título de esta página, en este artículo aprenderás distintas maneras de ocultar este título de la página de inicio en WordPress.

Generalidades

Para especificar una página de inicio en tu sitio web lo puedes hacer desde Ajustes > Lectura tal como se muestra en la siguiente imagen.

Luego, posiblemente verás que te aparecerá el título en el front-end de tu sitio, tal como se muestra en la siguiente imagen en la que hemos usado el tema Twenty Nineteen

En un artículo anterior vimos las diferencias en la configuración de Página de inicio y Página de entradas en WordPress

– Eliminar el título directamente desde WordPress

Las versiones actuales de WordPress permiten crear una página sin título, por lo que podrías eliminar directamente el título de la página. Tal como se muestra en la siguiente imagen:

Como verás ahora la página no tendrá título, y en algunos lugares se identificará con el ID, lo cual puede complicarte la administración.

– Ocultar el título por CSS

Con esta opción sólo se ocultará el título en el front-end del sitio, en el backend se seguirá mostrando. El código que podemos usar será:


.home .entry-header{
	display: none;
}

Puedes agregar este código al final de tu archivo style.css de tu child-theme o agregarlo en la opción de CSS del theme, desde: Apariencia > Personalizar

– Remover el título usando Hooks

Esta opción requiere agregar el siguiente código PHP al final del archivo functions.php del theme o child-theme, con este código eliminamos el título sólo en el front-end del sitio.


add_filter( 'the_title', 'remove_home_page_title', 10, 2 );
function remove_home_page_title( $title, $id ) {
	if ( is_front_page() ){
		$home_id = get_option('page_on_front');
		if ( $home_id == $id ) return '';	
	}
	return $title;	
}

En el código anterior:

Usamos un Hook de filtro llamado the_title que hace referencia a la función remove_home_page_title
La función acepta dos parámetros, uno de ellos es el $title y el otro el $id de la entrada o página
Lo primero que hacemos es comprobar si estoy en el front-page con la función is_front_page
Obtengo el id de la página de inicio con la función get_option() y el parámetro page_on_front
Comparo los ids y en este caso retorno el título vacío
Si no se cumple estas condiciones anteriores retorno la variable $title sin cambios

Conclusión

Como hemos visto, existe diferentes formas de eliminar el título de tu página de inicio, usa el que más te convenga, ten en cuenta sin embargo que al eliminar el título eliminas la etiqueta h1, por lo que deberás agregar esta etiqueta manualmente como parte de tu contenido.

¿Aún con dudas?, en el siguiente video se detallan los puntos anteriores.