Solved

why is this image not showing up in WordPress?

Posted on 2013-05-30
5
284 Views
Last Modified: 2013-06-02
Friends,

A weird thing is going on. The logo image does not display in this web page:

http://palladian.ebwebwork.com/

I have selected the correct theme, and chosen what I think is the correct path for the image.

Other images that use the same path display properly -- eg. the header background image.

What am I doing wrong here? I have been working on this for hours. I am grateful for any advice.

Eric

header.php file:

<?php
/**
 * Header
 *
 * Setup the header for our theme
 *
 * @package WordPress
 * @subpackage Foundation, for WordPress
 * @since Foundation, for WordPress 4.0
 */
?>

<!DOCTYPE html>
<!--[if IE 8]> 				 <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" <?php language_attributes(); ?>> <!--<![endif]-->

<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />

<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />

<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />

<title><?php wp_title(); ?></title>

<?php wp_head(); ?>

</head>

<body <?php body_class(); ?>>
<!--- begin grid --->
<div class="grid">

<!-- begin navrow -->
<div class="navrow">

	<nav class="top-bar">
<!--		<ul class="title-area">
			<li class="name"><h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo('name'); ?></a></h1></li>
			<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
		</ul>-->
		<section class="top-bar-section">
			<?php wp_nav_menu( array( 'theme_location' => 'header-menu', 'menu_class' => 'left', 'container' => '', 'fallback_cb' => 'foundation_page_menu', 'walker' => new foundation_navigation() ) ); ?>
		</section>
	</nav>
</div>    
    <!-- /navrow -->

<!-- begin brandingrow -->
<div class="brandingrow">
<a href="/"><img src="img/imageSmartLogo.png" width="453" height="62" alt="ImageSmart" /></a>
</div>    
    <!-- /brandingrow -->



	<?php $header =  get_header_textcolor();
	if ( $header !== "blank" ) : ?>
	<header class="site-header" <?php $header_image = get_header_image(); if ( ! empty( $header_image ) ) : ?> style="background:url('<?php echo esc_url( $header_image ); ?>');" <?php endif; ?>>
		<div class="row">
			<div class="large-12 columns">
				<h2><a style="color:#<?php header_textcolor(); ?>;" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'description' ); ?></a></h2>
			</div>
		</div>
	</header>
	<?php endif; ?>



<!-- Begin Page -->
<div class="row">

Open in new window

0
Comment
Question by:Eric Bourland
  • 3
  • 2
5 Comments
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 39208890
You're loading the image with:

<img src="img/imageSmartLogo.png"

which resolves to:

http://palladian.ebwebwork.com/img/imageSmartLogo.png

when the page is loaded.  So...where is the img folder in your structure?
0
 
LVL 3

Author Comment

by:Eric Bourland
ID: 39208923
On the server, the path is:

/public_html/wp-content/themes/drewsymo-Foundation-2ef5908/img/imageSmartLogo.png

This is the path to the "Foundation" theme.

In WordPress I have selected the "Foundation" theme ... so should
http://palladian.ebwebwork.com/img/imageSmartLogo.png resolve correctly?
0
 
LVL 3

Author Comment

by:Eric Bourland
ID: 39208965
I am also curious about this code -- which seems to request a header image?

	<?php $header =  get_header_textcolor();
	if ( $header !== "blank" ) : ?>
	<header class="site-header" <?php $header_image = get_header_image(); if ( ! empty( $header_image ) ) : ?> style="background:url('<?php echo esc_url( $header_image ); ?>');" <?php endif; ?>>
		<div class="row">
			<div class="large-12 columns">
				<h2><a style="color:#<?php header_textcolor(); ?>;" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'description' ); ?></a></h2>
			</div>
		</div>
	</header>
	<?php endif; ?>

Open in new window


Should I use, or disregard that code? I am trying hard to work with, not against, WordPress. =)

Thank you again.

Eric
0
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 39209453
In WordPress I have selected the "Foundation" theme ... so should
http://palladian.ebwebwork.com/img/imageSmartLogo.png resolve correctly?

Nope. It would be:

http://palladian.ebwebwork.com/wp-content/themes/drewsymo-Foundation-2ef5908/img/imageSmartLogo.png

Should I use, or disregard that code? I am trying hard to work with, not against, WordPress. =)

Good guess but not quite.  The get_header_image() function works specifically with the banner image found in Appearance | Themes (and if the theme supports it).

What you really want to do is use a WordPress template variable to get the path to the current theme folder:

<img src="<?php bloginfo('template_directory'); ?>/img/imageSmartLogo.png" />

http://codex.wordpress.org/Function_Reference/bloginfo
0
 
LVL 3

Author Closing Comment

by:Eric Bourland
ID: 39214766
Jason, the correct path was:

http://palladian.ebwebwork.com/wp-content/themes/drewsymo-Foundation-2ef5908/img/imageSmartLogo.png. Going forward I will follow this example.

Thank you again for all of this very useful advice.

Hope your weekend is going well.

Eric
0

Featured Post

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Who says nothing in life is free? WordPress.com is a freebie. WordPress.org's downloadable publishing platform is free. Heck, even WordPressMU is free. WordPress is an open source project, which means it can be used on any personal or commerc…
How to install BuddyPress on your self-hosted WordPress site It’s been called everything from “social networking in a box” to “Facebook without the terms of service,” but until Feb. 16, BuddyPress was a relatively unknown outside the WordPress MU…
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…

758 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now