treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Insert Logo In Header Of WordPress Theme( Clean Coding)

  • Hello, and how are you doing?

    I have been playing around, doing some experimenting with WordPress themes. And doing so because I am learning the in's and out's of how to Create and Design a theme from Scratch.

    The question I have is, is there a way one can insert a logo within the Header of a WordPress theme without having to really mess with the ( Site Title and Description )? I know how to do that, but I want to know if there is a cleaner more professional way of doing this.

    If anyone has any suggestions, that would be very helpful.

    Thank you.
  • You can edit the CSS file, or modifying the header.php template.
  • Depending on what you want, it can be best to use a blank theme so you are not fighting against the existing code. I prefer to do it like that myself but templates are good for some.
  • Well, I am using a Blank theme, the HTML5 Reset to be exact.



    Ok, so lets say I want to add a Logo. How would I go about doing this? You see, I just don't get this WordPress stuff very well. I do know html and css, but not in the way WordPress functions.

    I guess what I should be asking is, can someone give me a starting tip, pointers, kinda like a clue. Because I am lost.

    Would I just use normal HTML in the Header.PHP, img src="" ?
  • As WordPress mainly functions on PHP, it'd be great to watch Chris' tutorials on this or learn more about PHP first.

    WordPress takes your HTML and CSS the same way any other page does. If you want to add a logo, go to the header.php and add an image tag somewhere with your logo and then go to the CSS to position and style it. It's that simple.
  • Thank you so very much....