Solved

why is this image not showing up in WordPress?

Posted on 2013-05-30
5
317 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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Do you think that WordPress is just for blogs?  Think again!  WordPress is really a fantastic all around platform that you can use to develop websites on.  Integrated into its basic functionality is the ability to create pages using your choice of a…
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
This video teaches viewers how to create their own website using cPanel and Wordpress. Tutorial walks users through how to set up their own domain name from tools like Domain Registrar, Hosting Account, and Wordpress. More specifically, the order in…
This video teaches users how to migrate an existing Wordpress website to a new domain.

756 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