Add a logo

Awesome Sticky Header will allow you to upload your logo. That’s what others have done, including me, for this theme.

The saddest thing about it is that the Twenty Sixteen theme for WordPress.com (https://theme.wordpress.com/themes/twentysixteen/) has a site logo option. I don’t know why they didn’t include that in the www.remarpro.com theme.

Thanks @ebhead, but I should not have to add another plugin to do a very basic function on a WordPress blog. This is beyond silly.

I agree, dcleeds, that since it’s almost 2016, a theme named after that, by WP should include an upload logo option. However, I’m guessing, they were trying to keep it minimal, and that it’s by design.

I posted a quick workaround here

https://abhiabhibanaya.com/2015/12/18/how-to-add-a-logo-in-twenty-sixteen-wordpress-theme/

@abhik21 That is not a solution to the posted problem. Obviously Dcleeds does not want to use a plugin to get this done.

Create a child theme (which is best practise when changing themes). There’s plenty of information on how to do that. Put the files that you need in there, so in this case at least header.php
(Or edit header.php directly in the original theme directory, but be prepared to do this everytime when the theme is updated, if you haven’t created a child theme).
Upload the logo in your (Child-)theme folder. Edit the header.php so that you remove the stuff between the

<div class="site-branding">
REMOVE STUFF HERE
</div><!-- .site-branding -->

Now add the logo in there with a traditional <img> tag. I’ll give an example here, where of course you have to put in your own details:

<div class="site-branding">
<img src="<?php echo get_template_directory_uri(); ?>-child/logo.png" width="250px" height="90px" alt="Some alt text here">
</div><!-- .site-branding -->

In this case I’ve appended the theme URI with “-child” to point to my child theme which (in my case) is the name of the main theme with “-child” appended to it. Add your own widths and heights, your own alt text and the name of your own logo and you should be set.

By all means explore the creation of a child theme to avoid problems with future updates of your theme.

Thanks @gurtvh , appreciate it. ??

@gurtvh, thank you for this, much appreciated. In the end I decided to use a different theme, but this information is useful for future reference or anyone else frustrated by the lack of a logo option in WP default themes.

Thanks gurtvh, this worked for us. The tricky part was to update the exact path in the css for the URI and stick to twentysixteen-child as the child theme name.

The child theme approach works, but is inserting a 250px image going to work for all screen widths and retina displays?

Is there a way to get a retina image showing up easily? Or a plugin that does everything in the meantime?

Thank you @gurtvh – you saved the day here with this!

I am an absolute newbie at this so any help would be greatly appreciated.

I have created a twentysixteen-child theme and it is working. I would like to now replace the standard site name and description with my own custom logo but just can’t make it work. I can change CSS and that has been successful but when I import a header.php file into the child them and replace the code in the way @gurtvh has suggested I simply get a broken image link when I refresh.

It feels like its a file naming problem. This is what I’ve entered in:

<div class="site-branding">
<img src="<?php echo get_template_directory_uri(); ?>twentysixteen-child/logo.png" width="250px" height="90px" alt="Some alt text here">
</div><!-- .site-branding -->

I have the logo.php file saved in the twentysixteen-child folder but can’t for the life of me figure out what I’m doing wrong.

Any help would be greatly appreciated.

Lorcan.

UPDATE

So I went and inspected the element on my site lorcanfarrellcounselling.ie and this is what it reads:

<img src="https://www.lorcanfarrellcounselling.ie/wp-content/themes/twentysixteen/logo.png" width="450px" height="81px" alt="Lorcan Farrell Counselling">

The reason I’m getting the broken image icon is that the above code is reading from the twentysixteen folder and not the twentysixteen-child folder. So to test this I copied the logo.png into the twentysixteen (and not the twentysixteen-child) folder in cpanel and the image appears on my site perfectly.

So my question is now, how do I get this:

<img src="https://www.lorcanfarrellcounselling.ie/wp-content/themes/twentysixteen/logo.png" width="450px" height="81px" alt="Lorcan Farrell Counselling">

to look like:

<img src="https://www.lorcanfarrellcounselling.ie/wp-content/themes/twentysixteen-child/logo.png" width="450px" height="81px" alt="Lorcan Farrell Counselling">

Again, all help is greatly appreciated.

Lorcan.

I’m building a wordpress website using 2016 theme, my first one.
I need to know how do I replace the web-title for a logo? This option should be included on the 2016 theme. Can anyone please send instructions on how to solve this issue.
I’m not a master on codes, but if it will require coding, I will need detail steps on where to go and how to do it. Thanks.

My temp site under construction is: https://88f.bcf.myftpupload.com