How to hide the titles of articles and pages in WordPress?

If you used WordPress for a while, you probably know that every page of your website displays a title. And let's be honest, sometimes titles can be a real danger to you.

 If you've never set up a blog, find out here How to install a WordPress blog in 7 steps, 

But, if you have already done so, you surely know that many WordPress themes allow you to " hide The title of an article and replace it with a banner catchy who will instantly grab the attention of your visitors.

You can use graphics software like Photoshop or Canva to add a graphic or add text overlaid on an image. Then you will go to your website and will need to use the settings of your WordPress theme to insert your new graphic as the title of that particular page.

In some cases, it can be helpful to add an eye-catching visual element. Butyou will have to minimize anything and everything that could be considered a distraction.

Discover also by consulting  How create titles that draw on WordPress

A good example where you will need to apply this is creating a Landing Page, a page that should have nothing but your offer and a subscription form.

Another example where you do not want to display a title is when you create a static home page. 

How to hide page titles on WordPress

As for the manual method of removing page titles, you have a few options. The first and most obvious is to omit the title.

The first and most obvious is to omit entering the page title when creating a new page. But, this is not recommended, let alone the fact that it is not at all intuitive. Therefore, when you need to find a specific page later, you will take a longer time to recognize it without a title.

Another obvious disadvantage of this method is that you would need to manually create the permalink to prevent WordPress from automatically generating this permalink for you. So unless you need to hide a title on a specific page, it is best to avoid this method.

How to hide titles with a code

If you're not afraid to edit your files, a simple method is to edit the functions.php file of your WordPress theme.

To get started, go to your dashboard and then go to " Appearance> Editor ". By default, your style sheet loads first, but if you look to the right, you'll see the rest of the files that make up your theme. Go ahead and click on the file " functions.php ". Once it loads, paste the following piece of code.

Function ala_hidetitle_class ($ classes) {if (is_page ()): $ classes [] = 'hidetitle'; Return $ classes; endif; Return $ classes; } Add_filter ('post_class', 'ala_hidetitle_class');

Update the file.

The next step is to add the following to your stylesheet. Still in the editor, click on the “style.css” file to load it.

At the bottom of it, add the following lines:

.hidetitle .entry-title {display: none; }

In short, here is what happens behind the scenes. The code we added to our file functions.php »Adds a class«.hidetitle »Added to the post_class () function only when a single page is displayed. Keep in mind that this will only work if your WordPress theme is compatible with post classes. (the tcorrectly coded hems do it). However, this code by itself does nothing. The lines added to the style sheet actually hide the title of the page itself.

Discover this What can you do with the functions.php file?

It should be noted that this method will work for child themes, popular frameworks and most WordPress themes autonomous. If your WordPress theme uses another class for the page title, you will need to replace “.entry-title” with the corresponding class.

You can easily find out which CSS class is using your WordPress theme for titles, by opening your Sailor, and hovering over the page title. Then right click on it and select "Inspect Item".

Your browser will divide and you will see the source of the page highlighting the source code where you can see the CSS class used by your WordPress theme. In this case, replace ".entry-title" with the class used by your WordPress theme.

I also invite you to Learn More How to clean the cache of your WordPress blog and improve the performance of your blog.

This method only hides the page title, but the page title itself is still visible to search engines which doesn't negatively impact your SEO. If you want to completely remove the page titles from your theme, you need to edit all the files that contain the loop. This includes edit files like “index.php”, “archive.php” and “single.php”.

How to hide titles with a plugin

If the thought of writing code scares you, then you can opt for a WordPress Plugin. This method is also recommended if you need to hide page titles on some specific pages.

The plugin we will use is called " WP Hide TItle » and it is available for free on the directory of WordPress Plugin. It is a very lightweight plugin that adds a simple checkbox in your page editor and allows you to hide the page title. 

But, why not consult by the way The Guide to best WordPress plugins to install on your blog

It also works with articles, so if for some reason you want to delete titles from articles, you can easily do so with WP Hide Title.

Now, thanks to this tutorial, you will be able to hide the title of the pages on WordPress, but also that of the articles.

Recommended Resources

Discover other recommended resources that will help you boost the performance of your website and secure it. 

1. WPBakery Page Builder

WPBakery Page Builder, formerly known as Visual Composer, is another premium and extremely popular page builder. Much of this popularity comes from the fact that WPBakery Page Builder comes with almost 99% of the WordPress themes by ThemeForest. But the fact remains that it is used on a very large number of websites.

<

p style = "text-align: justify">
Like Divi Builder, WPBakery Page Builder allows you both visual editing and back-end editing. Compared to something like Elementor or Divi Builder, WPBakery Page Builder's styling options are a bit limited. You have good control over the lines, but the styling options for the individual elements are a bit more limited.

If you want to use your own CSS, you can add a custom CSS class or ID to individual elements, or you can add actual styles to the page level.

I'm not sure that WPBakery Page Builder has unique features that are particularly noteworthy. But what he has is a huge community of extensions. Like Divi Builder, WPBakery Page Builder leaves behind a multitude of shortcodes in your content if you disable it. Discover the tutorial

Download | Demo | Web hosting

2. Elementor

Originally launched in 2016, the WordPress Plugin Elementor is one of the youngest page builders on this list. Despite its late start, Elementor quickly accumulated over 1 active installs on WordPress.org, making it one of the most popular WordPress page builders.

<

p style = "text-align: justify">
What makes its reputation is its fluid visual interface, its different style options and other powerful features such as the complete creation of WordPress themes.

Its interface is divided into two main parts, with a third area for certain parameters. The free version of Elementor offers 28 free widgets. The Pro version brings around 30 other widgets, making a total of 58 widgets in the Pro version. The free version includes around 40 free templates, while the Pro version brings hundreds of additional templates.

 Download | Demo | Web hosting

Other recommended resources

To go further, we offer you some resources that will allow you to optimize your blog at will.

• 10 essential WordPress plugins to install on your blog
• How to configure deliveries on WooCommerce
• How to add a caption on an image from Gutenberg
• How to write an irresistible article introduction

Conclusion

Here ! That's all for this tutorial, I hope it will allow you to easily hide the title of the pages of your WordPress website. 

We also invite you to consult our resources if you are a beginner blogger. But, nWe urge you to share this article on your different social networks.

If you have any suggestions or remarks, they will be welcome.

...