Hide page or post titles

Every page or post needs a title, but you may not want that title to appear on the published page. This guide covers how to hide page or post titles in WordPress on both block themes and classic themes.

The steps to hide a title depend on whether your WordPress site uses a block theme or a classic theme. To check, open your site’s dashboard and look under Appearance in the left sidebar:

• If you see Appearance → Editor, your site uses a block theme.
• If you see Appearance → Customize instead, your site uses a classic theme.

When you create a page or post, the first thing you do is give it a title. A title makes it easy for you, as the site owner, to know what the page or post is for. A page or post title is also important for SEO, as it helps search engines display the page in their search results.

However, there may be situations where you don’t want the title to appear visually on the published page. For example, you may not want the page title to appear on your site’s homepage or on specific landing pages.

On a block theme, you hide the title in the Site Editor. There are two approaches: remove the title from a template (which hides the title on every page or post that uses that template), or apply a no-title template to specific pages or posts only.

A template sets the overall layout of specific types of pages or posts. Standard pages on a site (such as About and Contact) typically use the Pages template. Remove the Title block from this template, and every page that uses it will keep its title but not display it publicly.

Follow these steps to remove the page title from a template:

1. From your site’s dashboard, click Appearance → Editor.
2. On the left side panel, click Templates.
3. Click the template you want to hide the page title on (typically the Pages template).. If you’re not sure which template to select, learn more about the most common types of templates.
4. In the editor, click the Title block.
   • In some cases, for example, some homepage templates, the title is a Heading block instead of a Title block.

5. Select the three dots (⋮) in the block toolbar and choose Delete from the drop-down menu.

6. Click the Save button at the top right of the editor. The title is now hidden on every page or post that uses that template.

You can add the Title block back to a template at any time to restore the titles on those pages.

To hide the title on specific pages or posts only, create a unique template and apply it to those pages or posts:

1. Create a new template without a Title block.
2. Apply that new template to any page or post that you do not want to have a title.

On a classic theme, hide the title by adding custom CSS in the Customizer.

This feature is available on sites with the WordPress.com Personal, Premium, Business, and Commerce plans. For free sites, upgrade your plan to access this feature.

The CSS rules below work for most WordPress classic themes. If a rule does not hide the title on your theme, the theme uses different CSS class names. You can find the right selector by inspecting the title in your browser’s developer tools, or hire a developer through Codeable for help.

Follow these steps to hide titles across the whole site:

1. From your site’s dashboard, go to Appearance → Customize → Additional CSS.
2. Paste one of the following rules into the editor, depending on what you want to hide:
   • To hide every page title: .page .entry-title { display: none; }
   • To hide every post title: .post .entry-title { display: none; }
   • To hide every page and post title: .entry-title { display: none; }
3. Click the Publish button at the top of the Customizer.

The titles are now hidden on the front end of your site. To restore the titles later, return to Appearance → Customize → Additional CSS and remove the rule.

To hide the title on one page or post only, target it using its ID. Most classic themes add a body class in the format page-id-{number} for each page and postid-{number} for each post.

Follow these steps to find the ID and add the CSS:

1. From your site’s dashboard, open the page or post you want to edit.
2. Look at the URL in your browser’s address bar. The number after post= is the page or post ID. For example, in example.com/wp-admin/post.php?post=123&action=edit the ID is 123.
3. Go to Appearance → Customize → Additional CSS.
4. Paste one of the following rules into the editor, replacing 123 with the ID from step 2:
   • For a page: .page-id-123 .entry-title { display: none; }
   • For a post: .postid-123 .entry-title { display: none; }
5. Click the Publish button to apply the change.