X

How to Add H1 Site Title Only on Home Page in WordPress

Snippets by IsItWP

Are you looking for a way to add H1 tag for your WordPress title on the home page only? While there’s probably a plugin for this, we have created a quick code snippet that you can use to add H1 site title only on home page in WordPress.

Instructions:

All you have to do is add this code to your theme’s header.php file or in a site-specific plugin:

<?php
         is_front_page() ? $title_tag = 'h1' : $title_tag = 'div';
?>
<<?php echo $title_tag; ?> id="site-title">
        <a href="<?php echo get_option('home'); ?>/"><?php bloginfo( 'name' ); ?></a>
</<?php echo $title_tag; ?>>

Note: If this is your first time adding code snippets in WordPress, then please refer to our guide on how to properly add code snippets in WordPress, so you don’t accidentally break your site.

If you liked this code snippet, please consider checking out our other articles on the site like: 9 best WordPress ad management plugins to boost revenue and how to properly create a custom login page in WordPress.

Comments   Leave a Reply

  1. Can I use the wp code plugin to add this code?

  2. Hello.

    I have tested the code but it shows in the home page the blog title in large on the left.

    How can I remove it by css?

    I have tried several ways and I can’t.

    Thank you.

    1. Are you trying to hide the title added by the snippet?

  3. How can I add this to my child theme, instead? There is no theme header file in the child theme. I don’t really want to edit the main theme as it will get updated and I will lose this code, anyway, won’t I?

  4. < id=”site-title”>
    <a href="/”>
    </>

    what to edit in this code for my website to give h1 tag in homepage

    1. This snippet will add a H1 tag because of $title_tag is equal to ‘h1’.

Add a Comment Cancel reply

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

WordPress Launch Checklist

The Ultimate WordPress Launch Checklist

We've compiled all the essential checklist items for your next WordPress website launch into one handy ebook.
Yes, Send Me the Free eBook!