One difficulty of designing WordPress themes you plan to let others use, is linking to images within the template directory (where the stylesheet is). Fortunately, WordPress provides a tag for doing just that.
<?php echo(get_bloginfo('template_directory')); ?>
/images/ is the images folder inside your theme folder. You can link to a page in that folder (comments.php) or something inside the images folder:
<img src="<?php echo(get_bloginfo('template_directory')); ?>/images/rss_icon.gif" alt="" />
We can make linking to an image even easier:
<?php
$bloginfo_link = get_bloginfo('template_directory');
$image_link = $bloginfo_link . '/images';
?>
<img src="<?php echo $image_link; ?>/rss_icon.gif" alt="" />
We assign the template directory path to the variable $bloginfo_link and then put the directory path and the image folder path together.
Post Revisions:
- 5 August, 2010 @ 4:51 [Current Revision] by michael castilla
- 1 February, 2008 @ 0:40 by Ryan Imel
$bloginfo should be $bloginfo_link on the last example, but otherwise a good post. Cheer!
@Hafiz: Oh thanks, I didn’t realize that. Is it fixed now?
It’s always a good idea to use such variables in order to minimize the accesses to the mySQL database. It will improve the performance of your blog.
Very helpful Mike, especially for someone like me. Thanks for the post!
pardon my ignorance, but where do you place the php variable that sets the stage for the img code to work?
Can’t seem to get this to work.
cheers
mark
<img src=”/images/logo.gif” alt=”logo”>
Hi Mark, maybe its the code thats wrong, try the above.
This code isn;t working properly for me. Seem like you can’t put php into a img src url.. I’m trying to post an image located in one of my theme directories but I haven’t found a way that works.
I wish there was an image constant URL pre-defined in WP.
I guess I will have to use this technique. Oh well.
My gosh, I wish I found this earlier! I just used this trick (the PHP) to replace only using /img/wejlkfsdf.jpg to finally get an image to show. Wonderful!