• Hi

    I am trying to customize the Pictorico theme for my site by adding my own logo in the place of the default text,. I have gotten to a point but cannot figure out why the image is not showing? please can someone tell me where im going wrong. Im very new to wordpress so any advice will be appreciated.

    <?php
    /**
     * The Header for our theme.
     *
     * Displays all of the <head> section and everything up till <div id="content">
     *
     * @package Pictorico
     */
    ?><!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?php wp_title( '|', true, 'right' ); ?></title>
    <link rel="profile" href="https://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
    
    <?php wp_head(); ?>
    </head>
    
    <body <?php body_class(); ?>>
    <div id="page" class="hfeed site">
    
    	<header id="masthead" class="site-header" role="banner">
    		<div class="site-header-inner">
    			<div class="site-branding">
    				<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><img src="www.tothetevents.co.za/wp1/wp-content/uploads/2014/07/logo-small-test.gif" alt="Company logo" width="auto" height="auto" class="alignnone alignnone frame size-full" /></a></h1>
    				<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    			</div>
    			<nav id="site-navigation" class="main-navigation" role="navigation">
    				<h1 class="menu-toggle"><span class="screen-reader-text"><?php _e( 'Menu', 'pictorico' ); ?></span></h1>
    				<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'pictorico' ); ?></a>
    
    				<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
    			</nav><!-- #site-navigation -->
    			<div class="header-search">
    				<?php get_search_form(); ?>
    			</div>
    		</div>
    	</header><!-- #masthead -->
    
    	<?php if ( is_home() && pictorico_has_featured_posts( 1 ) ) : ?>
    		<?php get_template_part( 'content', 'featured' ); ?>
    	<?php elseif ( get_header_image() && ( is_home() || is_archive() || is_search() ) ) : ?>
    		<div class="hentry has-thumbnail">
    			<div class="entry-header">
    				<div class="header-image" style="background-image: url(<?php header_image(); ?>)">
    					<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"></a><span class="screen-reader-text"><?php bloginfo( 'name' ); ?></span></a>
    				</div>
    			</div>
    		</div>
    	<?php endif; ?>
    	<div id="content" class="site-content">
Viewing 2 replies - 1 through 2 (of 2 total)
  • Two things:

    1. In the theme customizer, Dashboard => Appearance =>

    2. Add your image to the site-branding class, like this:
    `<div class=”site-branding”>
    <a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” rel=”home”><img alt=”birkdale_logo” src=”/wp-content/uploads/2014/08/birkdale_logo.png” /></a>
    <!– Removed search box temporarily until menu is set –>
    <!– <h2 class=”site-description”><?php bloginfo( ‘description’ ); ?></h2> Hide text to show logo–>
    </div>`

    Note that I also commented out, probably temporarily, the search box which may not be necessary or even desireable in your case.
    Hope this helps.

    Two things:

    1. In the theme customizer, Dashboard => Appearance => Customize, make sure the “Display Header Text” is unchecked under Site Title and Tagline. That opens up the space…

    2. Add your image to the site-branding class of the header.php file, like this:
    `<div class=”site-branding”>
    <a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” rel=”home”><img alt=”birkdale_logo” src=”/wp-content/uploads/2014/08/birkdale_logo.png” /></a>
    <!– Removed search box temporarily until menu is set –>
    <!– <h2 class=”site-description”><?php bloginfo( ‘description’ ); ?></h2> Hide text to show logo–>
    </div>`

    Note that I also commented out, probably temporarily, the search box which may not be necessary or even desireable in your case.
    Hope this helps.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Pictorico theme PHP help’ is closed to new replies.