Allow both a logo image *and* text in the header

  • Resolved terryclothdoll

    (@terrycloth-doll)


    9 years ago

    The theme “Athena” is beautiful and functional in all the ways I like, except for one area that’s bugging me: Currently, in the site header’s logo / site title area, we only have the option to use a logo image or the text of the site title and tagline, but not both.

    One obvious workaround would be to generate an image that has both the logo and text in it — however, for reasons of accessibility, semantic markup, and search engine optimization, I’d prefer to have the site’s title and tagline be rendered as regular text.

    Could you add an option to the theme’s header customization to allow a logo image to appear next to the text of the site title and tagline?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter terryclothdoll

    (@terrycloth-doll)

    It’s been about a week. Any thoughts on this, SmartCat?

    Thanks.

    Theme Author smartcat

    (@smartcat)

    Hi Terry,

    The issue with something like this would be the size of the logo & menu containers. Allowing users to add a logo and text will likely cause other unwanted conflicts with spacing and size. Themes usually show either logo or text.

    To be honest, I doubt we would be adding that as an option, however if that’s something you’d like done as a customization we can definitely help you out.

    in regards to SEO, we have actually considered that and already have the theme outputting the title as a hidden H1 element, when the user has set to show the logo.

    You can contact us on our site for support if you’re interested in customization.

    Best regards

    Thread Starter terryclothdoll

    (@terrycloth-doll)

    I was able to do it myself — just some small changes in the markup of header.php and a couple related style rules. The only problem is that it would be a little annoying to have to re-edit header.php every time there’s a theme update (and forking the theme would mean not receiving theme updates).

    Spacing would be an issue for very wide images, but a roughly square image fit pretty nicely for me when I was setting up this WordPress site for my brother. Implementing it in configurable PHP would be a little more complicated than just the plain HTML and CSS, and maybe you have other priorities right now — but as a problem of page design, logo + text is certainly feasible.

    Can you provide info on what you changed and where you changed it? Including where you changed the style rules. Thanks!

    Thread Starter terryclothdoll

    (@terrycloth-doll)

    @skyle
    Sure thing. Trying to edit code snippets here in the WordPress forum is a little clunky, so I made a snippet on GitLab.

    https://gitlab.com/snippets/19635

    This has the original markup, my edited verison of the markup, and the relevant CSS. Feel free to edit the styles to suit your needs and taste.

    As you can see, it’s not a significant change to the header.php markup, and the custom CSS would be even smaller if merged with the theme’s default stylesheet.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Allow both a logo image *and* text in the header’ is closed to new replies.