Easily Remove Page Names in WordPress Like a Pro

WordPress is a wonderful platform, but sometimes the default features don’t match your designs. One common issue is the display of the page title and name at the top. While such behavior is good for SEO and navigation, there are times you want to remove it, create landing pages, or have a cleaner layout.

In this post, we’ll show you how to remove page names (or titles) in WordPress, from simple methods using plugins to advanced techniques using custom CSS or PHP edits. By the end, you’ll have the tools you need to make your WordPress site look exactly how you want.

Why remove page names in WordPress?

Removing page names may seem weird, but there are valid reasons for it:

• Custom Layouts: A page can disrupt the visual flow of a custom-designed layout, especially for landing pages.
• Distraction-Free Content: Remove unnecessary elements so visitors focus on your content or call to action.
• Branding Consistency: Some designs rely on unique styles for headers or banners so the default page names are redundant.
• Aesthetic Preferences: A clean and minimalist layout looks better without automatically displaying the page names.

Different methods of removing  page names

Method 1: Use Theme Options

The simplest way to remove page names is by using your theme’s built-in settings. Many modern WordPress themes have options to hide page names without needing plugins or codes.

Here are the steps to remove page names using theme options:

• Edit the Page: Log in to your WordPress dashboard and go to Pages. Select the page you want to edit.
• Look for Page Settings: Scroll down and see if your theme has specific options for the page. Many themes have a “Hide Title” or “Hide Page Names” checkbox.
• Check the option: Check the box or toggle the setting to hide the page names.
• Update the Page: Click Update to save.

If your theme doesn’t have this feature, don’t worry! There are other methods below.

Method 2: Use a Plugin

If your theme doesn’t support hiding page names, plugins can be a quick and code-free solution.

Recommended plugins for hiding page names:

• WP Hide Page and Post Title: A lightweight plugin to hide titles.
• Title Remover: Another simple plugin to remove titles from specific pages or posts.

How to Remove Page Names with a Plugin:

• Install and Activate: Go to Plugins > Add New, search for a title-hiding plugin and install it.
• Edit the Page: Open the page where you want to hide the names.
• Use the Plugin Settings: You’ll see a new option (usually in the right sidebar or below the content editor) to hide page names. Check this option.
• Save: Click Update to save.

This is perfect for beginners who don’t want to touch the code.

Method 3: Use Custom CSS

For those who are comfortable with a bit of customization, adding CSS to hide page names is a simple solution.

Here are the steps to hide page names using CSS:

• Inspect the Page Names Element: Right-click on the page names and select Inspect (or Inspect Element). Note the class or ID associated with the page names. Common examples are .page-title or .entry-title.
• Go to Customize: Go to Appearance > Customize in your WordPress dashboard.
• Add Custom CSS: In the Additional CSS section, add this code:

.page-title {
    display: none;
}

• Replace .page-title with the actual class or ID for your theme if it’s different.
• Publish: Click Publish to save.

This will hide page names globally or for specific pages, depending on how you structure your CSS.

Method 4: Edit Theme Files

If you’re experienced with WordPress development, you can remove page names by editing your theme’s PHP files.

Warning: Back Up Your Site First!

Editing theme files can break your site if done wrong. Always back up before proceeding.

How to Remove Page Names via PHP:

• Access Theme Files: Go to Appearance > Theme Editor or use FTP to access your theme files.
• Find Page Template: Find the file that renders page content. This is usually page.php or a custom template file.
• Find the Title Code: Look for this line:

the_title();

• Remove or Comment Out: You can either delete the line or comment it out by using this syntax:

// the_title();

• Save: Once you’ve saved the file, test your site to determine if the page names have disappeared.

This method provides the most control, but it is only suitable for advanced users.

Method 5: Use a Page Builder

If you’re using a page builder like Elementor, Divi, or WPBakery, hiding page names is as simple as adjusting settings within the builder.

Steps for Elementor Users:

• Open the Page in Elementor: Click Edit with Elementor on the page.
• Go to Page Settings: In the Elementor settings panel (bottom left), seek the option to hide the page title.
• Enable: Toggle the option to hide page names.
• Update: Click to save.

Page builders override default WordPress settings so you have full control over design elements.

FAQs

Conclusion

Removing page names in WordPress is simple and gives you greater flexibility to customize your website’s appearance. Whether you choose to use built-in theme options, lightweight plugins, custom CSS rules, or edit template files directly, there’s a method available for every skill level and preference.

Always remember to test your site thoroughly after making changes to confirm that everything looks correct and functions smoothly across devices. With the right approach, you can achieve a cleaner, more professional-looking WordPress site that matches your branding and delivers a distraction-free user experience.