How to hide page title in wordpress elementor

New Page

Eliminate the encabezado and the pie from página

To eliminate the encabezado or the pie from the page of the Beaver Builder theme throughout the site and the Personalizador, or to eliminate tanto the encabezado as for the pie from the page from the page from the page.

Mire el video o siga las instrucciones escritas a continuation.

Eliminate the encabezado o pie de página en todo el sitio

  1. In the WordPress admin panel, click Apariencia > Personalizar .
  2. To remove the encabezado, haga click en Encabezado > Diseño de encabezado y, para la configuration de Diseño , seleccione Ninguno .
  3. To remove Page Pie, click Page Pie > Page Pie Diseño , and for Diseño Setup , select Ninguno .

Eliminate the encabezado and the pie from página en páginas

To eliminate the encabezado y el pie de página por página, cree una nueva página y luego seleccione la plantilla

  1. Create a new page or open an existing page for WordPress editing, for launching Beaver Builder.
  2. En el campo Plantilla en la barra derecha lateral, elija Sin encabezado/pie de página .
  3. Haga clic en Publicar o Actualizar para guardar los cambios.

remove-header-and-footer-d17b8bca-665ff07822ba8a0e08ea96c830fe7615

How to Hide Page Titles in WordPress

  • Last updated July 7, 2022

If you are using Elementor, you can hide titles with a solo click, if necessary to use a code or a complement.

Sigue estos pasos:

1. Go to the page and click on ‘ Editar con Elementor ‘. Aquí hemos prepared a página que tiene un título que vamos a occultar.

My website

2. Click the gear icon for  document settings at the bottom left of the widget panel.

Document Setup

3. Activate ‘Hide title’

occult title

4. Done! No coding and you have successfully hidden the title.

What to do if the title cannot be hidden

Note that if your theme uses a different class for the title, this option will not work automatically and you will need to set it manually.

The default class for most themes is:

<h1 class=”entry-title”>Title</h1>

If your theme uses a different class, you will need to modify the page title selector .

  1. “Just edit with Elementor” any page or post
  2. Click the  hamburger menu icon  in the upper left corner of the Elementor widget panel, then click  Site Settings .
  3. Under Settings, click Layout .

Here you will see the Page Title Selector field with description:

Elementor lets you hide the page title. This works for themes that have “h1.entry-title” selector. If your theme’s selector is different, please enter it above.

Now, add your theme’s selector for the title, and the hide title functionality should now work.

page title picker

How Do I Know What Class Name My Theme Is Using For the H1 Title?

Visit your page in a Chrome browser, and then right-click on the title to be hidden, choose Inspect, and make a note of the H1 class name, which is shown in quotes, as demonstrated below.

title example

If the class name is “abc-page-title” for example, then you would type h1.abc-page-title into the Page Title Selector in the Elementor > Settings > Style area mentioned above.

WordPress Advanced

24 de agosto de 2022

Ratna

7 minutos de lectura

How to Hide Page Title in WordPress – Manually and Using a Plugin

Copy link

Copied!

As a WordPress website owner, you might have experienced the following situation – you’re ready to publish a page or post but its title doesn’t quite fit in with your WordPress theme or design. 

You may be ready to remove the title completely, but that may negatively impact your WordPress website SEO and performance. Don’t worry, however – there’s a solution to this problem. You can hide the page or post title instead of deleting it.

This guide will show you a few ways of doing that in WordPress. They include manually adding code to your theme’s stylesheet, using a page builder, and installing a title remover plugin. 

We’ll also go over the reasons why you may want to hide titles in the first place.

Download Ultimate WordPress Cheat Sheet

  • How to Hide Post or Page Titles Manually in the Theme Customizer
    • Hide All Page Titles
    • Hide a Specific Page Title
    • Hide Blog Post Titles
  • How to Hide Page or Post Titles Using Third-Party Tools
    • Hide Page Titles Using a Page Builder
    • Hide Page and Post Titles Using a Plugin
  • How to Remove WordPress Page or Post Titles
  • Why Should You Hide Page Titles?
  • Page Titles and SEO

How to Hide Post or Page Titles Manually in the Theme Customizer

Before we proceed with the tutorial, go ahead and make a backup of your WordPress site. As some of the methods involve editing theme files, the backup will protect you against the loss of data if an error occurs during the process. 

Do not be alarmed, however – the guide is beginner-friendly and straightforward to follow. 

Hide All Page Titles

If you want to hide all titles of every page of your WordPress website, proceed with the tutorial below:

  1. On the WordPress dashboard, hover over Appearance and select Customize.

Sección Apariencia, destacando Personalizar. Appearance section, highlighting Customize.

  1. Locate and click on Additional CSS.

Additional CSS section in the editor panel. Additional CSS section in the editor panel.

  1. Copy and paste the following code: .page .entry-title { display: none; }

Additional CSS of the page, resaltando el fragmento de código. Additional CSS of the page, highlighting the code snippet.

  1. Press Publish.

If the above code doesn’t work, your theme might be using a different CSS class for titles. If this is the case, you’ll have to tweak the code a little. 

Follow these steps to find your theme’s page and post title class:

  1. In the website preview panel of the theme customizer, right-click on the page title and select the Inspect element.

Haga clic derecho en la página para encontrar el elemento Inspeccionar. Cliquez avec le bouton droit sur la page pour trouver l'élément Inspecter.

  1. A new panel will open with the CSS H1 title or class name highlighted in the source code of the page. For example: <h1 class=”entry-title”>Sample page</h1>

Código fuente de la página. Source code of the page.

Instead of entry-title, you might see the CSS class name post-title, page-title, or something completely different. 

In the code snippet we used earlier, swap the .entry-title element with the CSS class assigned by your theme.

The new code will look like this:

.page .page-title { display: none; }

Enter it in the Additional CSS field and click Publish . Page titles will now be hidden.

Hide a specific page title

La section suivante vous apprendra comment masquer le titre d’une page spécifique. Pour ce faire, vous devrez d’abord trouver l’ ID de la page. Voici comment procéder :

  1. Access the dashboard and go to Pages -> All Pages.

Sección de páginas del panel de control de WordPress. Pages section of the WordPress dashboard.

  1. Hover over the page of your choice, then over Edit. Don’t click it.

Tablero de WordPress, resaltando el botón Editar publicación. WordPress dashboard, highlighting the Edit post button.

  1. You’ll see the page ID in the URL at the bottom of your browser. In the example below, the page ID is 2.

Sección de páginas, resaltando el ID de la página. Pages section, highlighting the page ID.

Once you have the page ID, add the CSS code.

  1. Navigate to Appearance -> Customize, then click on Additional CSS.
  2. Add the following code: .page-id-2 .entry-title{ display:none; } Remember to replace .page-id-2 with the ID of the page you’re trying to hide the title of.

Personalización de la página con CSS adicional. Customizing the page with additional CSS.

  1. Publish the page.

The page title should now be invisible to visitors. 

If that had no effect, you may need to change the CSS class of the title, as it may differ depending on the theme you are using. To do this, follow the instructions in the previous section.

If there are still no changes, add !important to the code, like this: 

.page-id-2 .entry-title{ display:none !important; }

Hide blog post titles

En plus de masquer les titres de page WordPress individuels ou de tous, il est également possible de masquer uniquement les titres des articles de blog. Le processus est similaire, mais vous devrez utiliser un extrait de code différent.

Pour masquer chaque titre d’article de blog sur votre site Web, procédez comme suit :

  1. Depuis le tableau de bord, allez dans Apparence -> Personnaliser .
  2. Appuyez sur CSS supplémentaire , puis copiez-collez le code CSS ci-dessous : .post .entry-title { display: none; }

Código CSS adicional de la publicación. Additional CSS code of the post.

  1. Publish the post.

In some cases, you might want to hide the title of an individual WordPress post instead of all of them. For example, you may wish to include a featured image in a specific article – you’d then want to hide the title of that entry only. 

The process to do so is similar to hiding the title of a single page, which we discussed earlier. To accomplish this, follow these steps:

  1. Open the dashboard and navigate to Posts -> All Posts.

Sección de publicaciones del tablero de WordPress, Posts section of the WordPress dashboard,

  1. Locate the post whose title you want to hide, and hover over the Edit button. You will see the post ID at the bottom of your browser. In our example, the post ID is 1. 

Tablero de WordPress, resaltando la ID de la publicación. WordPress dashboard, highlighting the post ID.

  1. Go to Appearance -> Customize, and click on Additional CSS.
  2. Ajoutez le code : .postid-1 .entry-title { display: none; { N’oubliez pas de modifier .postid-1 pour qu’il corresponde à l’ID de publication avec lequel vous travaillez.

Additional CSS, resaltando el fragmento de código. Additional CSS, highlighting the code snippet.

  1. Appuyez sur Publier .

It is also possible to hide the title of each page and publish on your site. 

To do this, add the code below in the additional CSS field  : 

.entry-title { display: none; } How to hide page or post titles using third-party tools

For beginners, manually obscuring post and page titles via CSS can seem daunting. There are, however, alternative solutions where the use of the above CSS code is not necessary. 

Hiding page titles in WordPress can be easily done with third-party tools. In this section, we’ll show you how to do this using a page builder and a WordPress plugin.

Masquer les titres de page à l’aide d’un générateur de page

If you’re using a builder tool such as Elementor, follow the tutorial below:

  1. Access your WordPress dashboard and go to Pages -> All Pages.
  2. Hover over any page whose title you want to hide, then select Edit with Elementor.

Sección Páginas, destacando el botón Editar con Elementor. Pages section, highlighting the Edit with Elementor button.

  1. Click on the Settings icon in the bottom left corner.

Interfaz de Elementor, destacando el botón Configuración. Elementor interface, highlighting the Settings button.

  1. Flick the Hide Title button to YES.

Botón Ocultar título. Hide title button.

Click Update or Publish if you’re working on a new page. The page title will now be hidden. 

Hide Page and Post Titles Using a Plugin

Another method to hide page titles in WordPress is to install a plugin for that purpose. In this guide, we’ll be using the Hide Page and Post Title plugin. 

Title Remover is another plugin that you can use to hide page titles. 

Once you’ve installed and activated the plugin, proceed with the following steps:

  1. Go to Pages -> All Pages and click Edit under the particular page whose title you want to hide.
  2. Press the Settings button and scroll down to the Hide Page and Post Title section.
  3. Tick the checkbox to have the page title hidden, then press Update.

Ocultar página y casilla de verificación Título de la publication, Hide page and post title checkbox,

That’s it – the page title will now be hidden.

How to Remove WordPress Page or Post Titles

You might consider removing WordPress page titles completely instead of hiding them. If that’s the case, make sure there’s a valid reason for you to do this.

This is because deleting a title in WordPress is risky – especially if your site has many pages. One reason for this is that upon deleting the titles, you won’t be able to tell a page from another on the page or post list. 

What’s more, WordPress uses titles to generate permalinks, which are crucial for search engine optimization (SEO). If a page has no title, WordPress may end up creating a string of random numbers and letters for the permalink. 

Search engines may then identify your page as spam. If this happens, it will negatively affect the page’s rank, and you’ll eventually lose a significant amount of traffic.

Furthermore, removing page titles in WordPress may cause broken permalink issues, making your pages inaccessible. 

To prevent this, you can manually enter your own permalink slugs. Keep in mind that you’d need to do this for every page and post you publish.

If you have decided to go ahead and remove the title of a page, there are a couple of ways to do it. 

The most straightforward method involves leaving the title field blank before publishing. 

You can also delete the title of specific pages or posts by following these steps:

  1. Navigate to Pages -> All Pages or Posts -> All Posts from your WordPress dashboard.
  2. Hover over a particular post or page, then select Quick Edit.

Section of WordPress pages, destacando el botón Edición rápida. WordPress Pages section, highlighting the Quick Edit button.

  1. Elimine el texto del título y haga clic en Actualizar .

Edición rápida, resaltando el campo de título. Quick edit, highlighting the title field.

¿Por qué debería ocultar los títulos de las páginas?

Los sitios web suelen contener algunas páginas que no necesitan título. No es necesario mostrar los títulos de páginas como Inicio, Contacto, Acerca de y Productos. 

Dependiendo del diseño de su sitio web, mostrar los títulos de estas u otras páginas puede no ser estéticamente agradable o puede hacer que la página se vea poco profesional. 

Mostrar el título puede ser redundante en otros casos: algunos temas de WordPress muestran el título de la página en el banner. 

Alternativamente, el título puede ser parte de las migas de pan del sitio . Además, es posible que los usuarios ya sepan en qué página se encuentran después de hacer clic en un elemento del menú. 

The landing page of a website requires a title: can distract visitors from important elements, such as action buttons or registration forms. El propósito de una página de destin es aumentar lasas de conversion, por lo que es better dar la bienvenida a los visitantes con tenido llamativo desde el primer momento.

Page titles and SEO

Los motores de búsqueda leen los elements de la página, incluidos los mosaicos, la jerarquía de la página y el texto de la página cuando rastrean una página web. Se hace para determinar de qué se trata la página y si vale la pena clasificar el contenido.

Aunque tanto el título como la labels H1 se utilizan par el SEO de un site, son dos diferentes elements. 

The title tag <title>, also conocida como metaetiqueta o título SEO, is where it appears in the search result pages (SERP) and in the pestaña del navegador de la página web. También es el título predeterminado del marcador. The label of título no es visible en el cuerpo o el contenido en sí. 

Also, the H1 tag <h1> is visible in the cuerpo of the page and normally does not appear in the SERP. Determined the jerarquía de encabezados de la publication y ayuda a los motores de búsqueda to understand the context of the page.

If these WordPress pages do not contain titles or H1 encabezados, los motores de búsqueda no podrán averiguar el contexto de su sitio pendante el proceso de rastreo. In exchange, tomarán la primera cadena de texto o encabezado de una página y la usarán como título. 

Debido a eso, sus páginas pueden tener una clasificación más baja en los SERP. As a consequence, this daría as resultado un menor tráfico del sitio web ya que los visitantes no podrían encontrar su content. 

Conclusion

Al publicar una página o publication, hay ocasiones en las que el título no es necessary o no encaja con el diseño general del site web. 

Without embargo, debido a que el título de una página o publication es una parte integral del SEO de un site, no es recomendable eliminarlo por completo.

A segura solution is hidden by the title of the page. Hemos repasado tres formas diferentes de occultar títulos en WordPress:

  • Agrear código CSS manualmente través del personalizador de themes de WordPress.
  • Use Elementor’s page builder.
  • Use Hide page and post title or similar add-on.

Dependiendo de las circunstancias, est possible que deba occulter una o todas las páginas o los títulos de las publicaciones; This guide contains sober cómo hacer ambas cosas instructions. Also hemos includes a par de consejos sober as to eliminate a título por completo, in case of which it is necessary to hacer. 

If this tutorial the resultó útil o tiene alguna pregunta, háganoslo saber en la sección de commentarios a continuation.

Aprenda otras técnicas avanzadas de WordPress

Create an abbreviated código in WordPress.

¿Fue útil este tutorial?

Whether

Nope

Author Author

The author

Ratna Siti N.

Ratna is a web hosting expert and content writer at Hostinger. With her experience with all things technology and SEO, she is always ready to share. In her spare time, Ratna enjoys reading a good book or resuming her cross-stitch project.

More from Ratna Siti N.


Video How to hide page title in wordpress elementor

Related Posts

How to add seo keywords in wordpress

Contents1 Cómo agregar palabras clave de SEO en WordPress (aumentar el CTR y las clasificaciones)1.1 Post Title1.2 Headline1.3 Header Tags1.4 Introduction and Conclusion1.5 Body Copy1.6 URL1.7 Meta…

How to embed google calendar into wordpress

Contents1 How to Add a Google Calendar in WordPress (Step by Step)2 Add a Google calendar to your website3 calendario de Google3.1 Versatile plans and pricing4 Video…

How to change the logo in wordpress

Contents1 How to Add a Custom Logo to Your Site Header2 Site Logo2.1 Planes y precios versátiles3 Add, remove or edit a custom logo4 Video How to…

How to add a popup on wordpress

Contents1 Easily create a WordPress emergent form (2 forms)1.1 ¿Por qué usar un formulario emergente de WordPress?1.2 Método #1: Crear un formulario emergente con OptinMonster + WPForms1.3…

How to roll back wordpress version

Contents1 How to Revert WordPress: Undo WordPress Updates (Easy Way)2 How to Downgrade WordPress & Roll Back to a Previous Version2.1 1. A WordPress update included significant changes…

How to rollback wordpress version

Contents1 How to Downgrade WordPress and Revert to an Older Version1.1 1. A WordPress update included significant changes that are not compatible with your theme or plugins1.2…