Principal
/
Cómo ocultar el título de la página en WordPress (6 Métodos)

Cómo ocultar el título de la página en WordPress (6 Métodos)

Ocultar el título de una página en WordPress es un concepto que puede sonar un poco técnico, pero es un truco esencial para tener en tu arsenal si estás buscando personalizar tu sitio web. Los títulos de las páginas a veces pueden interferir con la estética del diseño o la experiencia del usuario. Esto es particularmente cierto para páginas especiales, como páginas de destino o páginas de inicio con diseños personalizados, donde un título puede parecer redundante o innecesario.

En esta guía, simplificaremos el proceso de ocultar títulos de página en WordPress. Te guiaremos a través de varios métodos para ocultar títulos. Tenemos todo cubierto, desde usar un constructor de páginas hasta ajustar códigos CSS personalizados. Entonces, exploremos cómo hacer que tus páginas de WordPress sean más elegantes aprendiendo cómo ocultar los títulos de las páginas de manera efectiva.

¿Qué es el Título de la Página en WordPress?

En WordPress, un Título de Página es el nombre que le das a una página en particular de tu sitio. Este título aparece en la parte superior de tu página o entrada. Se usa a menudo en la URL de esa página en particular (o “slug”) y se muestra en la barra de título o en la pestaña del navegador. Lo más importante, los motores de búsqueda lo usan como título principal en los resultados de búsqueda.

Captura de pantalla de un título de página de ejemplo en WordPress

Por lo tanto, el título de la página es importante para la experiencia del usuario y SEO (optimización de motor de búsqueda). Ayuda a los visitantes a entender el contenido de la página y afecta significativamente como los motores de búsqueda entienden y posicionan tu página.

En el editor de WordPress, puedes establecer el título en el campo de título en la parte superior de la página o en la pantalla de edición de entradas. WordPress muestra el texto del título a tus visitantes como el título H1 en la jerarquía de la página. Mientras que en el HTML de la página web, hay otro título específico para motores de búsqueda – la etiqueta del título. La etiqueta title está destinada a describir de forma precisa y concisa el contenido de una página. Ayuda a los motores de búsqueda a entender de qué se trata tu página.

¿Por qué ocultar el título de una página en WordPress?

Cada elemento en tu sitio debe tener un propósito. En ciertas ocasiones, un título en tu página o entrada puede ser redundante o incluso romper tu diseño.

Aquí hay algunos casos de ejemplo en los que puede que necesites eliminar los títulos de las entradas y páginas:

Eliminación de Redundancia

Títulos como “Inicio” en tu página de inicio o “Acerca de” en tu página Acerca de pueden ser repetitivos ya que el contenido de estas páginas habla por sí mismo. Las páginas de este tipo no necesitan un título de entrada. Eliminar estos títulos puede eliminar repeticiones innecesarias.

Estética mejorada y flexibilidad de diseño

Si tu objetivo es un diseño minimalista y altamente personalizado, el título de una página puede interferir con el flujo visual de tu sitio web. Por lo tanto, puedes considerar ocultar el título de una página o entrada de blog para agilizar su flujo de diseño.

Puede que necesites ocultar el título de la página de WordPress si quieres aumentar la flexibilidad de tu diseño. Esto te permite crear looks únicos que se alinean con la identidad de tu marca.

Además, ocultar el título de la página puede mejorar su presentación general para ciertos tipos de sitios web, como portafolios o sitios de una sola página.

Mejor experiencia de usuario

A veces, el título de una página puede ser confuso o engañoso para los usuarios. Esto es particularmente cierto para las páginas de destino o páginas de campañas especiales donde el enfoque es guiar al usuario hacia una acción específica, como completar un formulario o comprar.

Ten en cuenta que no necesitarás ocultar los títulos de todas las páginas de tu sitio web de WordPress. Pero es posible que necesites ocultar el título de una página específica o una entrada en particular, especialmente si quieres poner énfasis en la estética y la experiencia del usuario.

6 métodos para ocultar títulos de página en WordPress

Hay varios enfoques diferentes para ocultar títulos de páginas y entradas. En esta sección, te proporcionaremos los pasos que debes seguir para lograrlo, así que sigue leyendo.

NOTA: Antes de proceder con los pasos a continuación, haz una copia de seguridad de tu sitio WordPress para evitar pérdida de datos o ruptura de tu sitio.

Método 1: Manualmente con el Personalizador de Temas

Ocultar títulos de página del Personalizador de Temas en WordPress es un proceso relativamente sencillo. Sin embargo, ten en cuenta que los pasos exactos pueden variar dependiendo de tu tema específico. Algunos temas de WordPress tienen opciones integradas para hacer esto, mientras que otros no.

En caso de que tu tema proporcione esta opción, deberías poder encontrarla en el Personalizador de Tema.

Los pasos que debes seguir para ocultar el título de una página en WordPress son los siguientes:

  1. Inicia sesión en tu panel de WordPress
  2. Ve a Apariencia > Personalizar.
    Captura de pantalla de la sección Personalizar apariencia en el panel de WordPress
  3. En el Personalizador, busca la sección que controla la configuración de tu página. Esto podría estar en secciones como “Opciones de tema”, “Configuración de diseño”, “Contenido” o algo similar, dependiendo de tu tema.
    Captura de pantalla de la opción Personalizar la configuración de la página en el tema Astra
  4. Una vez en la página, busca una opción para Hide Page Title.
    Captura de pantalla de la opción ocultar título en Astra WordPress
  5. Desliza el botón para ocultar el título de la página.
  6. Haz clic en “Publicar” para guardar la configuración una vez cambiada.

Esta opción de tema generalmente funciona para páginas específicas y puede tener un nombre diferente pero aún en el contexto de “deshabilitar título”.

Método 2: Añadir un código CSS personalizado

En caso de que tu plantilla no venga con la opción mencionada anteriormente, puedes ocultar el título añadiendo un fragmento de código CSS personalizado.

Hide all page titles

Para usar ese método y ocultar todos los títulos de página en WordPress, sigue estos pasos:

  1. Inicia sesión en tu panel de WordPress.
  2. Ve a Apariencia > Personalizar.
  3. Ve a la sección de CSS Adicional.
    Captura de pantalla de la opción de CSS Adicional en el Personalizador de Astra

  4. Introduce el siguiente CSS para ocultar todos los títulos de la página.
.page .entry-title {

display: none;

}
Captura de pantalla de un fragmento de CSS para ocultar títulos de página en WordPress añadido al cuadro de CSS adicional
  1. Haz clic en “Publicar” para guardar los cambios.

Si eso no funciona, puede que necesites reemplazar la clase CSS “entry-title” en el código CSS anterior con otra. Eso es si tu tema usa un nombre de clase CSS diferente para el elemento del título.

Para comprobar qué clase de CSS usa tu tema activo, carga la página en tu navegador e Inspeccionar elemento para el título que deseas ocultar.

Captura de pantalla que muestra cómo inspeccionar un elemento del título de la página

Inspeccionar el elemento title de la página iniciará la consola de desarrollo del navegador, donde puedes encontrar la clase de título utilizada en el CSS.

Captura de pantalla que muestra cómo encontrar la clase CSS del título de la página en WordPress

Como muestra la captura de pantalla anterior, la clase utilizada en el CSS del tema es “nv-page-title”. Usa esa clase para reemplazar “entry-title” en el mismo fragmento de código en el CSS adicional de esta manera:

.page .nv-page-title {

display: none;

}

Pega el fragmento y haz clic en Publicar para guardar los cambios y ocultar el título.

Captura de pantalla que muestra dónde se coloca el código CSS personalizado para ocultar títulos en WordPress en el cuadro de CSS adicional

¡IMPORTANTE! Ten en cuenta que ocultar todos los títulos de la página puede afectar la navegación del usuario y potencialmente el SEO, así que usa este método con cuidado.

Ocultar el título de páginas específicas

Si no quieres que el título se muestre en una página o entrada específica, puedes hacerlo usando el ID de la página o el ID de la entrada. Para hacerlo, sigue los pasos que se describen a continuación.

  1. Accede a tu panel de control.
  2. Abrir Pages > Todas las páginas.
    Captura de pantalla que muestra cómo acceder a Todas las páginas en tu panel de WordPress

  3. Pasa el ratón sobre la página para la que quieres desactivar el título y sobre la opción Editar. Mira en la parte inferior de la página para encontrar “post=2” en la URL de la página que es la ID de la página.
    Captura de pantalla que muestra cómo localizar el ID de una página o entrada
  4. Obtén el ID y utilízalo para especificar el título de la página que quieres ocultar añadiéndolo al fragmento de código CSS, como se muestra a continuación:

NOTA: En caso de que tu tema use otra clase CSS, necesitarás editar el código en consecuencia, como se muestra en el Método 1.

.page-id-2 .entry-title {

display: none;

}
Captura de pantalla que muestra el fragmento de CSS para ocultar títulos de página en WordPress por ID
  1. Pulsa el botón Publicar para publicar la página sin título.
  2. Revisa tu página para ver el resultado.

Método 3: Usando un tema hijo (editing functions.php)

Otro método que puedes usar para ocultar el título de una página en un sitio WordPress es editando el archivo functions.php de tu tema Child. Puedes usar este método para ocultar el título solo para ciertas páginas.

NOTA: Un tema Child en WordPress es un sub-tema que hereda la funcionalidad, características y estilo de su tema padre. Te permite personalizar el tema principal sin modificarlo directamente, asegurando que tus cambios permanezcan intactos cuando se actualice el tema principal.

Estos son los pasos que debes seguir para ocultar títulos usando un tema Child:

  1. Crear un tema secundario para tu tema activo si aún no tienes uno.
  2. Obtén la clase CSS para el título de la página (sigue los pasos mencionados en el Método 1). Copia la clase y guárdala en algún lugar ya que la necesitarás más tarde.
  3. Obtener el ID de la página como se muestra en el Método 2 y guardarlo también.
  4. Acceder a los archivos de tu tema Child a través de FTP/ SFTP / SSH o incluso File Manager y editar style.css.
    Captura de pantalla que muestra cómo ocultar títulos de página en WordPress usando el style.css de un tema Child
  5. Pegar el siguiente fragmento dentro:
/* Hide title on the “Sample page” */

.page-id-2 .nv-page-title {

display: none;

}
  1. Guarda los cambios y limpia la caché de tu navegador para comprobar los resultados.

Método 4: Usando el Editor Gutenberg

También puedes ocultar el título de una página en WordPress con el Gutenberg Page Editor. Recomendamos no usar este método ya que oculta el título de tu página o entrada completamente (H1 y etiqueta de título). Esto puede tener un impacto negativo en tu SEO y enlaces permanentes.

Para ocultar el título de la página con el editor Gutenberg, sigue los pasos a continuación:

  1. Desde tu panel de control, navega a Páginas > Todas las páginas.
  2. Pasa el cursor sobre el título de la página específica y edítalo.
    Captura de pantalla que muestra cómo editar una página con Gutenberg
  3. Eliminar el título del cuadro de título de la página.
    Captura de pantalla que muestra cómo eliminar el título de la página con el editor Gutenberg

  4. Publicar/Actualizar la página para guardar los cambios.
  5. Limpia la caché de tu navegador y comprueba los resultados.

Método 5: Ocultar títulos de página con Elementor

En caso de que estés utilizando un editor de páginas como Elementor, por ejemplo, puedes aprovechar la opción incorporada para ocultar el título de la página y la entrada. Para usar esta función, sigue estos pasos:

  1. Desde tu panel de control, navega a Páginas > Todas las páginas.
  2. Edita la página que desees.
  3. Haz clic en el botón Editar con Elementor en la parte superior de la página.
    Captura de pantalla que muestra el botón "Editar con Elementor" en WordPress
  4. Haz clic en el icono de engranaje en la esquina inferior izquierda para acceder a la Configuración de Elementor.
  5. Desliza el botón Ocultar título a para activar la opción.
    Captura de pantalla que muestra la opción Ocultar título de página en Elementor
  6. Publicar o Actualizar la página para implementar el cambio.
  7. Comprobar resultados.

Método 6: Ocultar un título en WordPress con un plugin

Por último, pero no menos importante, puedes ocultar el título de la página usando un plugin. Por ejemplo, puedes usar el Plugin Title Remover. Los pasos son bastante sencillos:

  1. Desde tu panel de control ve a Plugins > Añadir nuevo.
  2. En la barra de búsqueda escribe Title Remover y Instale el plugin.
    Captura de pantalla que muestra cómo instalar el plugin Title Remover en WordPress
  3. Activar el plugin.
  4. Ir a Páginas > Todas las páginas o Entradas > Todas las entradas y Editar el elemento que desees.
  5. Haz clic en el botón Configuración en la esquina superior derecha y desplázate hacia abajo hasta la sección Ocultar título.
    Captura de pantalla que muestra el plugin para ocultar títulos de WordPress Title Remover

  6. Marca la casilla junto a Hide the Title for this item y Publicar/Actualizar la página para guardar los cambios.

NOTA: Este plugin no ha sido probado con las últimas tres actualizaciones importantes de WordPress. Su mantenimiento o soporte puede haber cesado, y pueden surgir problemas de compatibilidad cuando se empareja con nuevas versiones de WordPress.

Factores a considerar al ocultar títulos de página

Ocultar el título de una página en WordPress requiere una consideración cuidadosa, equilibrando la estética, la navegabilidad del sitio y el rendimiento de SEO.

En esta sección, exploraremos sucintamente estos factores clave, guiándote hacia una decisión informada que beneficie tanto el diseño de tu sitio web como la experiencia del usuario.

SEO

El SEO es un aspecto crucial a considerar cuando decides ocultar un título en WordPress. Los títulos son un componente clave que los motores de búsqueda usan para entender el contenido de una página o entrada. Por lo tanto, juegan un papel importante en tu estrategia de SEO.

Cuando ocultas un título, eliminas información que ayuda a los motores de búsqueda a indexar tu contenido correctamente. Esto podría afectar el rendimiento SEO de tu sitio web. Sin embargo, es importante tener en cuenta que la acción ‘hide title’ solo elimina el título para que no se muestre en el front end de tu sitio web. El título SEO todavía existe en los metadatos de tu página, que los motores de búsqueda utilizan principalmente para indexar tu contenido.

Por lo tanto, incluso si ocultas el título, asegúrate de proporcionar un título claro, conciso y rico en palabras clave en el backend. De esta manera, mantienes el rendimiento de SEO mientras logras la apariencia deseada de tu sitio web.

Experiencia de usuario

La experiencia de usuario (UX) también es una consideración clave cuando se ocultan títulos en WordPress. Los títulos proporcionan a los usuarios un contexto inmediato sobre el contenido de una página, ayudando a la navegación y comprensión. Eliminarlos puede afectar la experiencia del usuario, lo que puede generar confusión.

Sin embargo, ocultar el título puede mejorar el enfoque en contenido específico o llamadas a la acción en algunos casos, como en una página de destino. La decisión de ocultar un título debe tomarse cuidadosamente, en función de comprender a tu audiencia y el propósito de la página, para garantizar una interacción y participación óptimas del usuario.

Compatibilidad

En el proceso de ocultar títulos de página en WordPress, la compatibilidad juega un papel en la efectividad de tus cambios. Esto significa que debes asegurarte de que tus modificaciones no interrumpen tu tema o plugins, lo que podría afectar sus características.

La compatibilidad del dispositivo es otro aspecto a considerar. Si bien un título oculto puede mejorar la vista de escritorio, puede generar confusión en pantallas móviles más pequeñas debido a su espacio limitado. Por lo tanto, el objetivo debería ser ocultar un título sin comprometer la funcionalidad de tu sitio web o la facilidad de uso en varios temas, plugins y dispositivos.

Resumen

En resumen, ocultar los títulos de las páginas o entradas de blog puede ser beneficioso para la apariencia general de tu sitio. En esta guía, hemos detallado 6 métodos prácticos que puedes usar, incluyendo el uso de plugins, CSS personalizado y constructores de páginas.

Si bien la personalización es clave, recuerda mantener un equilibrio entre la estética y el rendimiento de SEO. Con el enfoque correcto, puedes crear un sitio de WordPress elegante y fácil de usar que aún ocupa un lugar alto en los resultados de los motores de búsqueda.

Preguntas frecuentes

¿Cómo oculto el título de una página en Woocommerce?

Ocultar el título de una página en WooCommerce se puede lograr con un simple fragmento de código añadido al archivo functions.php de tu plantilla. Aquí tienes una guía rápida:

  1. Accede a functions.php a través de FTP / SFTP / SSH.
  2. Al final del archivo, añade el siguiente código:
add_filter( 'woocommerce_show_page_title' , 'hide_page_title' );

function hide_page_title() {

return false;

}
  1. Guardar cambios: haz clic en “Actualizar archivo” para guardar los cambios.

Este código le dice a WooCommerce que no muestre el título de la página. Recuerda, modificar los archivos de tu tema puede afectar significativamente tu sitio, por lo que siempre haz una copia de seguridad antes de hacer cambios. Si no te sientes cómodo editando archivos de temas, considera usar un tema hijo o un plugin en su lugar.

¿Cómo oculto el nombre de mi widget en WordPress?

Ocultar el título de un widget en WordPress es un proceso sencillo. Aquí tienes una guía paso a paso:

  1. Desde tu panel de control, navega a Apariencia > Widgets.
  2. Encuentra el widget específico cuyo título quieres ocultar y haz clic en él para expandirlo.
  3. En el widget expandido, verás un campo para el título. Simplemente elimina el texto en este campo.
    Captura de pantalla que muestra cómo ocultar el título de un widget en WordPress
  4. Haz clic en Actualizar para aplicar los cambios.

Esto ocultará efectivamente el título de ese widget específico en tu sitio web.

Comparte este artículo