Si es que a veces no queda bien con el diseño. Es muy típico, por ejemplo de la página de inicio: queda fatal ese Inicio ahí puesto en la página principal de la web. Pero no sólo se trata de las páginas, a veces hace falta quitar el título en otros sitios. Por eso hoy vamos a ver cómo podemos quitar el título de una página o entrada de WordPress, o incluso de un producto de WooCommerce.

Si me conoces y has leído algún otro de mis artículos sabes que no me voy a conformar con eso: vamos a ver en detalle dos formas de hacerlo (con estilos y utilizando un plugin) y para terminar veremos la aplicación práctica en un vídeo. ¿Qué mas quieres un viernes? 😉

Ocultar el título mediante CSS

Este método, a pesar de no ser muy elegante, es rápido, sencillo y eficaz. Además, cuando se trata de quitar el título de sólo una o dos entradas en toda la web, te ahorras de instalar y plugin y lo dejas resuelto en un par de líneas.

Se trata, sencillamente de utilizar la propiedad display de CSS para ocultar los títulos que queramos ocultar dándole el valor none. Esto, como digo, no elimina el título sino que lo oculta por CSS. No se verá en la web, no se imprimirá si alguien la imprime, pero estar ahí, está. A eso me refiero con que no es un método elegante.

Y, traducido a cristiano, ¿cómo se hace eso? Pues muy fácil. Basta con añadir el estilo correspondiente en tu hoja de estilos personalizada. Sí, ya sé que estoy hablando de cosas raras otra vez. Si no sabes dónde aplicar estilos personalizados, no tienes más que echarle un vistazo a este artículo:

Bien, ahora ya sabes qué tienes que hacer con los estilos… pero aún no sabemos qué estilos hay que utilizar. Bueno, vamos por partes. Lo primero que necesitamos saber es el ID de la página, post o producto en el que deseas quitar el título. Lo vas a ver muy fácil con este corto vídeo (dos minutos), en el que muestro las diferentes formas de averiguar el ID de un producto en WooCommerce. Para posts o páginas de WordPress el procedimiento es exactamente el mismo:

Bueno, ya sabemos el ID de la página, entrada o producto de la que queremos quitar el título, y dónde añadir los estilos. Pues sólo falta saber qué estilos debemos añadir. Es muy fácil, y para que lo veas con un ejemplo voy a usar un ID cualquiera, el 42 por ejemplo, que para algo es el sentido de la vida, el Universo y todo lo demás.

Si se trata de una entrada de WordPress, el CSS que deberías utilizar es:

.postid-42 h1 {
     display:none;
}

Ya está, así de fácil. ¿Ves cómo no hacía falta un plugin para eso? Si en lugar de una entrada son varias no es necesario repetirlo todo varias veces, basta con hacer:

.postid-42 h1, .postid-43 h1, .postid-44 h1 {
     display:none;
}

¿Y si se trata de una página? ¡Pues igual! ¿Y si es un producto de WooCommerce? ¡Pues lo mismo! Si es que más fácil no puede ser…

Vídeo: usar un plugin para ocultar el título de cualquier página en WordPress

Ya sabes que yo no soy muy amigo de utilizar un plugin para algo que se resuelve tan fácilmente mediante código (un plugin es mucho menos eficiente), pero sé que la mayoría de los que me seguís estáis en el extremo opuesto: si hay plugin, mejor que si hay que tocar código. 🙂

Así que nada, aquí te presento a tu amigo para esta tarea, el plugin Hide Title, y qué mejor forma de presentarlo que con un vídeo. Así puedes ver lo fácil y rápido que es el proceso:

Conclusiones

Ya ves qué fácil es, tanto de una forma como de otra. Mi consejo es hacerlo mediante código, en especial si sólo lo necesitas para una o dos páginas/entradas/productos. Instalar un plugin por ahorrarse sólo una línea de código no es un trato muy ventajoso.