Support » Theme: Twenty Fifteen » Adding logo

  • Resolved materialsrisk

    (@materialsrisk)


    Hi

    I have a twenty fifteen child theme and want to add my logo to the area of my website where the text Materials Risk is at the moment.

    http://www.materials-risk.com

    Everything I’ve tried so far just results in the header being replaced with a logo or a logo appearing in the background, but further down the page.

    Appreciate any help.

    Peter

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi Peter,
    Here is what you need to do:
    There is gonna be some PHP Cut/paste issue Do not worry 🙂

    I assume you have some knowledge of WordPress
    1.Create logo image you want to have with right dimension approximately 350px X 200px.
    2. Upload that image to your WordPress media library
    3.Go to Dashboard/Media Click on that image. You will se URL to that image on the right side of the screen. REMEMBER that. You will copy this to img src=””

    4. Copy file header.php to your child theme.
    5. open that file:
    a) FTP and some file editor
    or
    b) go to Dashboard/Appearance/Edit
    on the right upper corner choose in the section: Select theme to edit: select your child theme
    open/click on header.php file in your child theme
    6. Replace this code:
    line No. 33:

    <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>

    With this code:

    <div>
     <a href="http://materials-risk.com" title="Materials Risk" rel="home">
    <img src="http://materials-risk.com/wp-content/uploads/YOURIMAGENAME.gif" alt="Materials-Risk">
    </a>
    </div>

    Put URL to your image to img src="HERE"
    YOU WILL GET THE LINK TO YOUR IMG SOURCE AS I DESCRIBED ABOVE
    7. Save header.php file
    …..and that should be all

    Hope this will help you.
    Feel free to ask
    Cheers
    TR

    Hi Peter,

    I made a video for you explaining how to insert your logo.

    Looks like Tahoe just beat me to the mark 🙂

    Anyways, here’s the link if you prefer the instructions in video format.

    Good luck with your site!

    Cheers,

    Luke

    Hey Luke,
    Good job.
    You beated me down 🙂
    Cheers
    TR

    Thanks guys, really appreciate all your efforts. Sorry I haven’t responded sooner. Going to give the logo a go tonight!

    It works! http://materials-risk.com/

    Thanks Luke and TR

    Update – all works fine on desktop but on phone/tablet the logo doesn’t display on the homepage. Any suggestions?

    Thanks

    Peter

    All sorted. Should have listened to TR. The image size was too big. Thanks guys.

    Thank you so much Tahoe Rock for the advice – this has also helped me solve a BIG mystery today and now I have a logo on my site.

    Travelling Banana

    Tahoerock

    (@tahoerock)

    No problem Juliav
    Feel free to ask in the future.
    Have a great day.
    TR

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Adding logo’ is closed to new replies.