En este tutorial vamos a ver cómo eliminar los títulos de las páginas en un child theme creado con Genesis Framework.
¿Cómo eliminar los títulos de las páginas en Genesis?
Tanto si usamos algunos de los muchos temas hijos de Genesis Framework disponibles, como si hemos optado por crear nuestro propio child theme, es posible que nos hayamos encontrado con la necesidad de eliminar los títulos de algunas páginas.
Así pues, vamos a ver cómo podemos eliminar los títulos de todas las páginas, y cómo hacerlo sólo en algunas específicas que nos puedan interesar.
Esto podemos realizarlo de varias formas, en este caso vamos a explicar dos opciones. Una será usando el plugin Genesis Extender, un plugin premium muy interesante que nos ofrece la posibilidad de realizar cambios de forma sencilla y adentrarnos en el mundo del código, y la otra va a ser directamente con código, lo cual siempre es mucho más versátil porque ya sabemos que mediante programación podemos hacer lo que queramos. Así que dicho todo esto, ¡vamos a empezar!
Eliminar títulos de páginas usando un plugin
El plugin que vamos a usar se llama Genesis Extender. Se trata de un plugin premium que permite ampliar y modificar las características de cualquier plantilla creada con Genesis de forma sencilla.
Genesis Extender es muy completo y tiene muchas opciones, así que si queréis conocerlo a fondo os recomendamos echar un vistazo al curso de Genesis, donde aprenderéis todo lo necesario sobre este plugin.
Bien, pues entonces vamos a descargarlo, y una vez tengamos el archivo en nuestro equipo procederemos a instalarlo. Los pasos son los mismos de siempre, tendríamos que ir al escritorio de WordPress y pulsar sobre "Plugins/Añadir nuevo/Subir plugin". A continuación tendremos que seleccionar el archivo y hacer clic sobre "Instalar ahora" para terminar con la activación del plugin.
-
Instalar y activar plugin Genesis Extender
En cuanto lo instalemos y activemos, veremos que nos aparece una nueva opción de menú en WordPress. Debemos acceder a ella, concretamente a "Genesis Extender/Settings", y después tendremos que hacer clic en la pestaña "General Settings".
Esto nos llevará a la pantalla de configuración del plugin. Como vemos en esta pestaña tenemos disponibles varias secciones, la que nos interesa en este caso es la que dice "Page Titles" ya que desde la misma podremos eliminar el título de nuestras páginas.
-
Opciones para el título de página en Genesis Extender
Para eliminar los títulos de todas las páginas, solamente tenemos que marcar la casilla "Remove All Page Titles" bajo la sección "Page Titles" y guardar los cambios. Si accedemos a nuestra web veremos que ahora no aparece ninguno de ellos.
-
Título de la página eliminado con Genesis Extender
Vayamos al siguiente caso, supongamos que queremos eliminar únicamente el título de algunas páginas de nuestro sitio y no de todas. En este caso tenemos que fijarnos en el campo "Remove Specific Page Titles By IDs" que aparece justo debajo de la opción anterior.
Para eliminar el título de una página concreta, tenemos que incluir en ese campo el "ID" de nuestra página o páginas separados por coma. Para ayudarnos en esta tarea y encontrar el identificador de cada página fácilmente, podemos pulsar sobre "[IDs]".
-
IDs de nuestras páginas
Esto desplegará un recuadro, "Page ID Reference", que contiene las referencias o identificadores de cada página. Una vez tenemos localizados los IDs que nos interesan, simplemente tendremos que añadirlos al campo "Remove Specific Page Titles By IDs".
-
Eliminar el título de una página concreta con Genesis Extender
¡Y esto es todo! Como veis los pasos para eliminar los títulos de todas las páginas de nuestra web, o de unas páginas concretas, son super sencillos. Veamos ahora cómo hacer esto mismo a través de código.
Eliminar títulos de páginas usando código
En el apartado anterior vimos cómo eliminar los títulos de las páginas de nuestro sitio y cómo hacerlo si sólo queremos eliminarlos en unas páginas concretas. En este caso vamos a ver cómo podemos hacer esto mismo pero sin usar otros plugins, simplemente con código. Para conseguirlo tenemos varias opciones como podréis ver en el tutorial sobre añadir código en WordPress.
En esta ocasión vamos a optar por incluir nuestro código en un plugin de utilidades creado previamente. En primer lugar vamos a ver las líneas que tendríamos que añadir en el caso de que quisiéramos eliminar los títulos de todas las páginas de nuestro sitio:
//Eliminar el título de todas las páginas en Genesis
add_action( 'get_header', 'bld_eliminar_titulos_paginas' );
function bld_eliminar_titulos_paginas() {
if ( is_page() ) {
remove_action( 'genesis_entry_header', 'genesis_do_post_title' );
}
}
Como vemos, lo primero que hace este código es añadir la función personalizada “bld_eliminar_titulos_paginas” en el action hook “genesis_entry_header”. Con esto conseguimos asociar dicha función con el header de nuestro contenido. Después definimos la función, y ahí es donde vamos a preguntar si se trata de una página, ya que en este caso sólo nos interesa eliminar los títulos de las mismas, no el de los posts. Y ahora sí, si se trata de una página eliminaremos el título del header.
En el apartado anterior también vimos cómo eliminar el título de una página concreta, así que vamos a indicar el código que tendríamos que añadir si quisiéramos hacerlo. Pero antes tenemos que realizar un paso previo, averiguar el ID de la página que nos interesa, para ello podemos usar el siguiente truco.
El primer paso será abrir dicha página. Una vez la tengamos abierta en el navegador, nos posicionaremos sobre parte del artículo, haremos clic en el botón derecho y pulsaremos sobre "Inspeccionar" o una opción similar que tengamos disponible en nuestro navegador. A continuación se abrirá el inspector de código. Dentro de ese código tendremos que buscar la referencia a "article".
-
Obtener el identificador de la página para eliminar el título
Veremos que junto a este código HTML, hay una clase CSS personalizada, en nuestro caso se llama "post-2". El número que le acompaña es precisamente el identificador que estamos buscando, así que sólo queda añadirlo a nuestro código PHP:
//Eliminar el título de páginas concretas en Genesis
add_action( 'get_header', 'bld_eliminar_titulos_paginas' );
function bld_eliminar_titulos_paginas() {
if ( is_page( 2 ) ) {
remove_action( 'genesis_entry_header', 'genesis_do_post_title' );
}
}
¿Veis que sencillo? Recordad aquí que tendrías que cambiar el identificador de la página, en este caso el 2, por el ID de la página a la cual queráis eliminar el título, sino no va a funcionar correctamente.
Y ya está, así de simple. Con esas pocas líneas de código conseguiremos eliminar los títulos todas las páginas o de algunas concretas de nuestra web, y lo mejor es que al usar Genesis este mismo código va a funcionar en cualquier child theme creado a partir del framework.
Resumen y conclusión
En Genesis es posible eliminar los títulos de las páginas, tanto a nivel individual, como a nivel global, para todas ellas.
Podemos hacerlo con plugins como Genesis Extender, como vemos en el curso de Genesis, o usando directamente código que en este caso añadimos a un plugin de utilidades que habíamos creado previamente, como vemos en la clase de modificar WordPress.
Y ya lo sabéis, si os suscribís tendréis acceso a estos dos cursos y a los más de 5718 vídeos disponibles en boluda.com, con los que podréis aprender sobre Genesis, WordPress, desarrollo y muchos temas más :)