willev

Hi Folks,

My first post here and I did some digging as you both touched on my issue as well. I’m using the Goran theme and found 3 areas that needed an update after searching on ways to load a “logo” so here’s my attempt.

I found a github theme that loads the image here:
https://github.com/taupecat/responsive-wordpress-theming/blob/master/chapter-08/manning/

I borrowed the code from their methods and steps are below.

First under theme customize I was receiving and error about line 21 on customizer.php.
I changed:
$wp_customize->get_setting( 'site_logo' )->transport = 'refresh';

/* Adds textarea support to the theme customizer */`
to:

$wp_customize->get_setting( 'site_logo' );

/**
   * Add the ability to upload a custom logo into the header.
   */

  $wp_customize->add_section( 'logo', array(
    'title'     => __( 'Logo', 'goran' ),
    'priority'  => 70,
  ) );

  $wp_customize->add_setting( 'site_logo', array(
    'default'     => '',      // The default is no logo at all.
    'type'        => 'option',
    'capability'  => 'edit_theme_options',
  ) );

  $wp_customize->add_control( new WP_Customize_Image_Control(
    $wp_customize,
    'logo_image',
    array(
      'label'     => __( 'Image', 'goran' ),
      'section'   => 'logo',
      'settings'  => 'site_logo',
    )
  ) );

	/* Adds textarea support to the theme customizer */

If you upload this section alone it should update your customize menu.

Then I modified the header.php and added the code right above <div class=”site-branding”> as such:

<?php if ( get_option( 'site_logo' ) ): ?>
      <img src="<?php echo esc_url( get_option( 'site_logo' ) ); ?>" alt="<?php bloginfo( 'name' ); ?> Logo" class="logo">
      <?php endif; ?>
		<div class="site-branding">

This was my first attempt and my logo was a bit large but I’m using the .logo class that the code provided to my styles.css to modify the size and position.

I hope this helps. I would really like to see how its meant to work based on the Edin and Goran instructions.