If you would like to talk about your project call (02) 4474 5861
At times when you are creating a custom WordPress theme (parent theme) you may require an image to be included in the layout that is placed into the theme file. There are a few ways to do this though the following will just focus on three simple ways.
The following three examples will showcase if the images are stored within the parent theme folder, say for example in a folder called “img”, a child theme or otherwise within any other folder of the WordPress site.
For example say you are wanting to refer to an image in your stand alone custom WordPress theme that you have added to the themes images folder (img) then you would refer to it by using ‘get_template_directory_uri’.
‘get_template_directory_uri’ tells WordPress to look within the Parent theme folder.
<img src="<?php echo get_template_directory_uri(); ?>/img/logo.jpg" />
Codex Reference: get_template_directory_uri
Now if you refering to an image from within your child theme folder you would use ‘get_stylesheet_directory_uri’.
‘get_stylesheet_directory_uri’ tells WordPress to look within the Child theme folder. If it does not find it in the child theme fodler is will search the parent folder at the specified location.
<img src="<?php echo get_stylesheet_directory_uri(); ?>/img/logo.jpg" />
Codex Reference: get_stylesheet_directory_uri
If you are wanting to call an image file from with your website though not from the theme folder you could use “home_url()” which would use the domain name as the top path then would look for an image inside a folder called “img” if the below code is used.
Take note to use ‘echo’ otherwise it will not add the full domain path and will only be referring to a file at the following, /img/logo.png
<img src="<?php echo home_url();?>/img/logo.png" />
For a full list refer to Codex: Determining Plugin and Content Directories
is the function for getting the URL whereas
is the function for getting the path.
Last updated on
Visually communicating effectively with your potential & current customers adds to the good business experience.
BJ2DESIGN combines a wealth of design knowledge with creative business strategies to create result oriented work.