Support » Themes and Templates » Removing Page-Title?

  • wp-beginner

    (@wordpress-beginner)


    I created an own template for WordPress 3.4.1 and got the problem that WordPress automatically generates titles for every single page I create, but I don’t want the page-titles as headline.

    My template bases on the “Modern Theme” for Magento eCommerce. After adapting for WordPress it consists of footer, header and index.php and a style.css without attributes for page-titles.

    Because, the headline has another styling it must be an automatic function from WordPress when I paste a title in the appropriated field of the page editor(?)

Viewing 15 replies - 1 through 15 (of 25 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    You can hide it using CSS text-indent: -9999px;, which will throw it off the page but keep it available for search engines.

    Moderator Jan Dembowski

    (@jdembowski)

    Brute Squad and Volunteer Moderator

    Andrew, just out of curiosity, wouldn’t display: none; accomplish the same thing? Or not?

    wp-beginner

    (@wordpress-beginner)

    Thanks, but I’m not a pro in CSS. Where has the text-indent to get placed? Do I need to create a class for the page-title? An example would be nice if it doesn’t bother? Excuse my English, please.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Jan,

    I’ve seen Esmi recently state display: none; would hide it from search engines, which I hadn’t known.

    WordPress-beginner,

    Are you making your own custom theme?

    wp-beginner

    (@wordpress-beginner)

    Yes, I make my own custom-theme. As I mentioned before I addapted an online-shopping theme from Magento by splitting it from an index.html into php-files. I did this for my shop and because Magento isn’t the best management-system for text content pages. So the end result of my website currently consist of two sites: a WordPress-blog for static pages and a Magento-site for the shop-area.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Add the styles into your style.css file, at the bottom.

    wp-beginner

    (@wordpress-beginner)

    Eh? How should this work without further details? oO

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    I don’t understand your query.

    wp-beginner

    (@wordpress-beginner)

    I don’t know how to use the text-indent coding.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    What have you at the moment? What CSS for the text indent?

    Moderator Jan Dembowski

    (@jdembowski)

    Brute Squad and Volunteer Moderator

    wp-beginner, a link to your site would really help us volunteers provide some specific answers.

    Off topic for a minute: Andrew, I think the display: none only applies to WP Stats and that smiley. As long as the HTML is being transmitted the search engines should see the title even if CSS hides it. But as I’m not 100% sure I’ve asked around for some clarification and I’ve hardly ever given search engines much thought (more the pity, shame on me).

    esmi

    (@esmi)

    Forum Moderator

    Google honours display:none; as far as I am aware. In many situations, that doesn’t matter (and may even be desirable) but with page titles where you want to keep the seo-juice, negative text indenting or off screen positioning is much better. These techniques also ensure that the page title is available for screen reader users who may rely on this kind of info.

    wp-beginner

    (@wordpress-beginner)

    My CSS is comprehensive. There are several positions for text-indent. For example:

    .block-layered-nav .block-title {
        background: url("images/bkg_block-layered-title.gif") no-repeat scroll 0 0 transparent;
        border: 0 none;
        height: 13px;
        margin: 0 0 6px;
        overflow: hidden;
        padding: 0;
        text-indent: -999em;

    or

    .header .logo strong {
        font-size: 0;
        height: 0;
        left: -999em;
        line-height: 0;
        overflow: hidden;
        position: absolute;
        text-indent: -999em;
        top: -999em;
        width: 0;

    That doesn’t help you, eh?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Your CSS for text-indent looks correct, however without a link to the relevant web page, or Pastebin.com of your HTML for that page, it is difficult to find which selector is correct.

    Thanks Esmi and Jan for the SEO discussion, noted.

    Moderator Jan Dembowski

    (@jdembowski)

    Brute Squad and Volunteer Moderator

    *Nods* Thanks Esmi. 😉

Viewing 15 replies - 1 through 15 (of 25 total)
  • The topic ‘Removing Page-Title?’ is closed to new replies.