Cómo ocultar títulos de página en WordPress y por qué querría hacerlo

Las páginas en WordPress tienen títulos por defecto. Simple como eso.

En algunos temas, notará que los títulos se eliminan ocasionalmente de ciertas páginas, pero la mayoría de las veces tiene que ensuciarse las manos y eliminarlos usted mismo.

¿Por qué?

Bueno, a veces un título no pertenece a una página, ya sea porque es una distracción o porque no se ve bien en la página. Hay algunos trucos de diseño para reemplazar o enmascarar el título de la página, pero la mayoría de ellos requieren adivinar y verificar, y otros son más como curitas para una solución que debería ocultar el título por completo.

El objetivo aquí es minimizar cualquier cosa que pueda parecer fuera de lugar o desconcertante para el usuario. Su interfaz de usuario es obviamente importante. Para algunas páginas, esto es particularmente cierto. Tome las páginas de destino y las páginas estáticas utilizadas para las páginas de inicio.

Si todavía se pregunta cuál es la razón principal para ocultar los títulos de las páginas en WordPress, siga leyendo a continuación.

¿Por qué alguna vez querría ocultar los títulos de las páginas en WordPress?

Al principio, es posible que se pregunte exactamente por qué ocultar el título de una página tiene alguna ventaja. Pero supongo que en algún momento te has topado con una página que no necesita un título de página por razones estéticas o porque va a dañar tu negocio en general.

¿Cuáles son algunas de las razones por las que podría ocultar el título de su página?

1. Estás usando una página normal de WordPress como página de inicio.

Esto sucede con bastante frecuencia cuando no está interesado en tener un feed de blog regular en la página de inicio. Muchos sitios web crean una página de inicio con botones, medios y otros elementos específicos en un esfuerzo por hacer que la página de inicio predeterminada de WordPress se parezca más a un sitio web normal. A veces, el tema que elijas ya elimina el título de la página. En otras ocasiones, es posible que deba ingresar y completar la tarea manualmente.

El proceso de hacer una página de inicio regular como su página de inicio a menudo se conoce como una página “estática”, donde básicamente elimina el título “Inicio” o “Página de inicio” que nadie necesita ver en primer lugar.

2. Creas una página y te das cuenta de que el título parece fuera de lugar.

En ocasiones, puede generar una página que no necesita un título de página en absoluto. He visto que esto sucede al insertar cosas como foros o galerías en una página. Incluso algunas páginas de Contáctenos se ven un poco tontas con títulos grandes y desagradables en la parte superior. He notado que esto ocurre a menudo cuando estás centrando el contenido y el título permanece en el lado izquierdo. O a veces el título es repetitivo o los usuarios ya saben dónde terminan después de hacer clic en el elemento del menú.

3. Le gustaría crear una página de destino.

La página de destino es una de las principales razones por las que querrías deshacerte de ese molesto título de página. Las páginas de destino están destinadas a impulsar sus conversiones, y un título a menudo distrae al usuario de áreas como su formulario de registro de correo electrónico o un botón Comprar. Después de todo, generalmente no hay razón para decirle a la gente dónde aterrizaron con un título cuando probablemente hayan hecho clic a través de Google o Facebook Anuncio. Sería mejor comenzar la página con un video y omitir el título de la página por completo.

Vamos a hacerlo: Cómo ocultar títulos de página en WordPress

Después de completar una búsqueda en Google para ocultar títulos de páginas, es posible que se encuentre con algunos artículos que hablan sobre la instalación de un complemento para este propósito. Desafortunadamente, este complemento ya no está disponible, por lo que tendremos que completar un método manual.

Eso tampoco es necesariamente algo malo, ya que eliminar un título es bastante básico, por lo que es cuestionable en primer lugar usar un complemento que podría no actualizarse. Incluir un poco de código puede parecer intimidante para algunos, pero en realidad es bastante fácil. Y es menos probable que abra vulnerabilidades de seguridad o ralentice su sitio (lo que podría suceder con un complemento).

Advertencia: así es como NO ocultar los títulos de las páginas

Es común que los usuarios de WordPress abran una página y dejen el campo del título en blanco. Nosotros lo recomiendo encarecidamente en contra de esto por dos razones.

En primer lugar, tendrá dificultades para encontrar estas páginas en el futuro, ya que WordPress muestra un texto “sin título” en su lista de páginas. Esa no es una forma de organizar sus páginas, especialmente si planea tener varias páginas “sin título”.

En segundo lugar, WordPress genera su propio enlace permanente cuando el campo del título se deja vacío. Por lo tanto, tendrá que recordar editar el enlace permanente manualmente. De lo contrario, tu SEO se verá afectado, ya que es posible que obtengas un enlace permanente aleatorio con un montón de números o palabras que no significan nada.

No solo eso, sino que las páginas en WordPress no se publicarán si no tiene un título marcado allí. Las publicaciones, por otro lado, se publican sin título. Por lo tanto, si aún decide seguir con este método (lo cual no es una buena idea), debe publicar la página con un título, luego regresar para eliminar el título y publicarlo nuevamente. Una vez más, sería un poco tonto siquiera considerar esto, por lo que esto es más un recordatorio de las fallas del método.

Las mejores formas de ocultar títulos de página en WordPress

Tiene dos opciones aquí: use un tema de WordPress que incluya una opción incorporada para ocultar títulos o agregue un poco de código a un tema hijo para realizar el cambio usted mismo.

1. Usar un tema de WordPress para ocultar títulos

Su opción más fácil es simplemente usar un tema que ya incluye la opción de ocultar títulos en publicaciones o páginas. Un gran ejemplo es el tema Total WordPress. Dado que el tema de arrastrar y soltar está diseñado para funcionar con una variedad de propósitos, hay funciones especiales integradas para hacer que el tema sea más flexible. Esto incluye toneladas de opciones avanzadas para el recorte de imágenes, el ancho del sitio y lo que se muestra en la parte superior de las páginas.

Para ocultar el título de una página en Total, simplemente cree su nueva página (o abra una página que ya ha creado con el creador de páginas de arrastrar y soltar, como una de estas herramientas comunes del creador de sitios web a través de la información privilegiada del Creador de sitios web), desplácese hacia abajo hasta el ” Configuración de página ”, haga clic en la pestaña“ Título ”y luego seleccione la opción para“ Desactivar ”el mosaico de la página / publicación. Guarde sus cambios cuando haya terminado.

Con el título de la página desactivado, puede crear su propio diseño personalizado. Solo recuerde volver a agregar títulos a su página a medida que crea un nuevo diseño utilizando los encabezados adecuados H1, H2, H3, etc.

Página total sin título

Por ejemplo, esta página en particular de Total Theme Demo se creó utilizando los módulos Total personalizados para Visual Composer. Sin un encabezado estándar o un título de página que se interponga en el camino, esta página de destino con estilo de restaurante agrega un título personalizado con un botón de llamada (mucho mejor para captar la atención del cliente).

Pero si no está dispuesto a cambiar de tema, puede eliminar los títulos de su página manualmente usando un tema hijo.

2. Agregar código a un tema secundario de WordPress para ocultar títulos

Tiene la opción de insertar algunas condiciones para las etiquetas de título en sus archivos de tema. Pero eso suena complicado y no estamos tratando de complicártelo.

Por lo tanto, debe optar por ocultar títulos de página específicos en la hoja de estilo CSS.

Crear un tema secundario (IMPORTANTE)

Para comenzar, primero deberá crear un tema hijo de WordPress. Este paso es crucial para garantizar que las ediciones que realice en su hoja de estilo se mantengan a medida que actualice su tema principal de WordPress en el futuro.

Esto requerirá que tenga acceso SFTP a su sitio de WordPress, y le recomendamos que no utilice este método si no está familiarizado con CSS, PHP o con su servidor para acceder a los archivos.

Pero, básicamente, creará una nueva carpeta Theme-Child en wp-content / themes, agregará un archivo style.css a su nueva carpeta Theme-Child y luego pondrá en cola el estilo de su tema original agregando un archivo functions.php con un poco de código a su carpeta Theme-Child (puede ver este proceso en detalle con capturas de pantalla en nuestra guía sobre cómo crear una página de destino con WordPress).

Con el tema de su hijo listo para usar, puede pasar al siguiente paso.

Determine la clase de título de su página

Vaya a la interfaz de la página que desea editar y haga clic derecho sobre ella. Seleccione la opción Ver fuente de página (a veces se muestra como Ver fuente o Fuente de página). También puede hacer clic en Inspeccionar para una experiencia de visualización más fluida.

Esto debería mostrar un montón de código. Estamos tratando de encontrar el nombre de la “clase” que acompaña a su etiqueta de título. Busque el nombre de su página mediante el acceso directo Buscar (Ctrl + F / Comando + F)

Por ejemplo, el título de mi página es “Contáctenos”. Al usar el acceso directo Buscar, resalta todas las instancias del texto Contáctenos. Probablemente tendrá que presionar Enter varias veces para ubicar la instancia que nos interesa.

Se parece a la captura de pantalla siguiente, donde el título aparece después de la etiqueta “h1class =”.

La clase se encuentra justo después

Una vez que tenga la clase de su etiqueta de título, cópiela para usarla más tarde.

Encontrar el ID de la página

Encontrar el ID de la página es un poco más fácil. En su panel de WordPress. Abra el editor de la página para la que está intentando obtener el ID de página. Mire la URL de esa página en su navegador. Su ID de página es el número después de “post =”. Entonces para mí sería 171.

Marque su ID de página.

Colocar código en la hoja de estilo

Ahora abra el nuevo archivo style.css que creó para su carpeta Theme-Child y pegue el siguiente código:

/* Hide title on About Us page */
.page-id-171 .main-title__primary { display: none; }

La única diferencia para usted es que insertará su propio nombre de página en la notación, ID de página y clase.

Después de guardar la hoja de estilo, debería poder ir a la interfaz de esa página y ver el título de la página oculto. Si no funciona al principio, intente volver a publicar la página.

¡Eso es todo!

Ahí lo tienes: un par de formas sencillas de eliminar el título de tus páginas de WordPress. Si tiene alguna pregunta sobre cómo ocultar los títulos de las páginas en WordPress, o sugerencias adicionales que cree que otros lectores pueden encontrar útiles, háganoslo saber en los comentarios a continuación.