Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 351
  • Last Modified:

why is this image not showing up in WordPress?

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
Eric Bourland
Asked:
Eric Bourland
  • 3
  • 2
1 Solution
 
Jason C. LevineNo oneCommented:
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
 
Eric BourlandAuthor Commented:
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
 
Eric BourlandAuthor Commented:
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
 
Jason C. LevineNo oneCommented:
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
 
Eric BourlandAuthor Commented:
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: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

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.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now