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.
Can I use the wp code plugin to add this code?
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.
Are you trying to hide the title added by the snippet?
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?
< id=”site-title”>
<a href="/”>
</>
what to edit in this code for my website to give h1 tag in homepage
This snippet will add a H1 tag because of $title_tag is equal to ‘h1’.