How to Hide a Blog Title in a Wordpress Theme
Your WordPress blog displays your site's title in header tags by default. However, you have the option to customize your theme by hiding this title, as oftentimes, if you use a custom header and logo, you do not want an additional label showing up on the page. Create a Cascading Style Sheets, or CSS, rule that masks the title without affecting a search engine's ability to discover your site.
Other People Are Reading
Instructions
-
-
1
Log in to your WordPress account and click the "Editor" link under the "Appearance" heading on the left side of the page.
-
2
Click the "Stylesheet (style.css)" link on the right to load your theme's CSS code. Enter the following CSS class anywhere in the stylesheet to create a rule that hides content:
.hide { display: none; }
Click the "Update File" button to continue.
-
-
3
Click the "Header (header.php)" link to load the code that manages your blog's header, which includes the title. Locate the line of code that looks like the following:
<?php bloginfo('title'); ?>
This syntax is typically located between HTML head tags -- for example, "<h1><?php bloginfo('title'); ?></h1>."
-
4
Enter "<span class="hide">" before the title code and type "</span>" after it, like so:
<span class="hide"><?php bloginfo('title'); ?></span>
-
5
Click the "Update File" button and view your WordPress site in your browser to see the masked title.
-
1
