I'm running Wordpress on WAMP right now and I'm trying to figure out how to correctly reference an image that i'm using in my header for all my pages.
If I write this:
<img src="wp-content/themes/my-theme/images/SSBlogoALPHA.png">
the logo shows up on the WP homepage, but not on any subsequent pages.
If I write
<img src="../wp-content/themes/my-theme/images/SSBlogoALPHA.png">
the logo shows up on all subsequent pages, but not the homepage.
to be honest I don't know what the "../" does or where my root folder is supposed to be when writing a directory path but these are the ways that i've seen other people do this. Any ideas? Thanks!
you can get the images by following way
<img src="<?php bloginfo('template_directory'); ?>/images/SSBlogoALPHA.png" alt=""/>
Related
I'm trying to load an image from my project's local storage in email with Thymeleaf but it won't !
<img src="../static/img/logo.png" alt="MyPicture" th:src="#{img/logo.png}">
although when I try with an absolute path it's perfectly loading
<img src="C:/Workspace/myProject/src/main/resources/static/img/logo.png" alt="MyPicture">
My images are stored in static/img
The image path shall start with a forward slash like
<img alt="MyPicture" th:src="#{/img/logo.png}">
try changing your path to
<img src="img/logo.png" alt="MyPicture">
and you might also want to invalidate cache from your IDE settings for the image to be detected
I've just added a simple code (<img src="images/2.jpg"/>) in my WordPress website. But it's not working. Check it out
Please help me to solve the issue.
Try add leading slash to your image path to start at the root directory instead of your current directory where your code is located:
<img src="/images/2.jpg"/>
most likely the path is incorrect. images is not immediate directory to your current page directory.
usually in wordpress images are in wp-content/uploads/2017/05/%some_image.jpg%
you are using <img src="path"/> you can solve this issue by adding the url of the image like C:\Users\Hitesh Kumar\Desktop\xyz.jpg.
but i know that you are using wordpress so you can add the image by its url like <img src="www.site_name/image.jpg"/>
hope it will help
Need to add this code (<?php echo get_template_directory_uri();?>) to make it dynamic.
on a dev box we have noticed in some text attributes the media encased urls eg:
<img src="{{media url="wysiwyg/diagram/bigpool.jpg"}}"/>
are being displayed on the front end as
<img src="{{media url="wysiwyg diagram bigpool.jpg"}}"/>
and obviously breaking the image links. Playing around with {{skin url & {{ base url yields the same results. Any URLs outside of this are working fine.
To clarify it is saving correctly in the database (with slashes) but rendering in the browser without which is breaking the image.
I've also hardcoded the url without the {{media url=""}} and it will render fine.
Has anyone run into this problem before or any ideas on what would be causing this? Google and SE are not being to helpful!
The dev box is running NGINX, hhvm & Magento CE 1.9.2
Cheers.
You can use below code
<?php
$string='<img src="{{media url="wysiwyg diagram bigpool.jpg"}}"/>';
echo $this->helper('cms')->getBlockTemplateProcessor()->filter($string)
?>
This will display proper image as you want.
I am trying to create a "pinterest share" button, but am running into a snag.
Currently, I have the pinterest button (generated from their Widget Builder) appearing in a Lightbox. (For certain reasons, it must appear this way.)
The issue is the Lightbox code has direct linking on it, so the code for the lightbox window is something like: www.domain.com/#/social/4
Pinterest is picking up that URL (which has no images since it's just the lightbox) instead of the URL for the main page (www.domain.com).
Does anyone know how I can specify the exact URL to share via the pinterest button?
I have read some posts that said doing this would work:
<img src="//assets.pinterest.com/images/PinExt.png" alt="Pin it" / > <script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>
However, specifying the URL does not seem to work at all. It appears to be totally ignored and has no impact.
Any ideas?
Thanks in advance!
You can use a standard link and specify all the data in the parameters:
<a href="http://www.pinterest.com/pin/create/button/
?url=http%3A%2F%2Fwww.flickr.com%2Fphotos%2Fkentbrew%2F6851755809%2F
&media=http%3A%2F%2Ffarm8.staticflickr.com%2F7027%2F6851755809_df5b2051c9_z.jpg
&description=Next%20stop%3A%20Pinterest"
data-pin-do="buttonPin"
data-pin-config="above">
<img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" />
</a>
Source: http://developers.pinterest.com/pin_it/
You can try using structured meta data and Rich Pins.
i have used the following code but it didnt work
/images/ncr.jpg" alt="ncr.com" />
I have pur my image in the images folder of twentyeleven child theme
can anyone help
Thanks in advance..
The theme folder URL can be found at /wp-content/themes/twentyeleven.
Your header file is actually included at the root level, and as such relative paths won't work.
WordPress provides a function to access your current theme's directory, and as a result you should use this code:
<img src="<?php echo get_template_directory_uri(); ?>/images/ncr.jpg" alt='ncr.com'>