i try this code to display image in my post in wordpress but image doesnot show in my post
<article class="media">
<h2>About the venue</h2>
<img class="pull-left" src="images/hotels/contempo.jpg" alt="Hotel Contempo"/>
<p>All CAC speaking events located at 309 1st Avenue, in Downtown Seattle..</p>
</article>
is this code a proper way to display images in wordpress ??...i donot want upload image method
if not correct ..how can i write code to display this image?
If you want to show the static images you need to give proper url to the images.
src="/wp-content/themes/your-theme-name/images/hotels/contempo.jpg"
Related
I have such a text container. He would like it to appear only on the first page of the blog's pagination.
<div class="column mcb-column mcb-item-c0belar2g one column_visual">
<h2>Title</h2>
<p>Lorem Ipsum Dolor</p>
</div>
I have a text container generated by Muffin Page Builder in WordPress. He would like it to appear only on the first page of the blog's pagination. I tried to create a code like this:
if (1 == $ paged) {
your container code
}
Unfortunately it doesn't work and I don't know if I need to create a function to hide this container on the following pages of pagination?
Here is a link to this blog page
I am trying to find information on the Internet, but so far I have not been able to find anything about it. Please help.
Image of this container
I have a footer CTA widget (Best Quality Guarantee) that is appearing on all of the pages on my site, besides the shop and product archive pages.
How do I get it to appear on these pages as well?
The code for the widget is here -
<div>
<a class="best-quality-link" href="/best-quality-flowers"><img src="/wp-content/uploads/2018/07/Better.svg" alt="Best Quality Flowers" /></a>
<hr class="separator" />
</div>
You can see the Best Quality image on the bottom of this page - www.flowersforeveryone.co.za
But it doesn't appear on this page - https://flowersforeveryone.co.za/product-category/roses/
looking at your source code on the archive page it shows that better.svg is definiteley there but it looks like your lazy-loading isn't triggering and displaying it as it still has the 'lazy-hidden' class attached to it. Try disabling lazy load and see if it appears. If it does, then try play with your lazy load plugin settings and if that fails try use a different plugin.
I'm using IFTTT to post new YouTube videos automatically to WordPress. Every time I upload new video, a new WP post should be generated with this HTML code:
[vc_row row_height_percent="0" overlay_color="color-396201"
overlay_alpha="100" gutter_size="3" column_width_percent="100"
shift_y="0" z_index="0"][vc_column width="1/1"][vc_column_text]
<div class="responsive-video">
https://youtu.be/"videoID"
</div>
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/1"]
[uncode_block id="67020"][/vc_column][/vc_row]
When IFTTT posts this on WordPress, it works! BUT: IFTTT does not post the correct code - instead it posts this:
[vc_row row_height_percent="0" overlay_color="color-396201"
overlay_alpha="100" gutter_size="3" column_width_percent="100"
shift_y="0" z_index="0"][vc_column width="1/1"][vc_column_text]
<div class="responsive-video">https://youtu.be/"videoID"</div>
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/1"]
[uncode_block id="67020"][/vc_column][/vc_row]
So IFTTT posts the code without those "spaces" before/after the video URL. And because of that WordPress doesn't automatically embed the video. (It doesn't recognize the URL as a video without those spaces... So on the post the video URL is displayed just as a normal text.
Any idea how to tell IFTTT to keep those "spaces" in the code, so WordPress embeds the video?
if you can put <br> for in between spaces
[vc_row row_height_percent="0" overlay_color="color-396201"
overlay_alpha="100" gutter_size="3" column_width_percent="100"
shift_y="0" z_index="0"][vc_column width="1/1"][vc_column_text]
<div class="responsive-video">
https://youtu.be/"videoID"
</div>
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/1"]
[uncode_block id="67020"][/vc_column][/vc_row]
I'm using the Infinite Scroll Wordpress plugin and for some reason, the "Continue Reading" link is not showing correctly for all posts that are loaded using the plugin. Here is a link: http://fieldtreasuredesigns.com/. Once you scroll down far enough for more posts to load, you should notice that the "Continue Reading" link messes up. What's happening is that the actual text, "Continue Reading" is being pushed outside of the and it's just showing up as text instead of inside the link. Why does it do this?
Here's the html for a properly formatted "Continue Reading" link:
<div class="entry-content">
<p>Ok friends, let’s face it. It’s always time for coffee around here. So this week I am doing a giveaway to help you have a solid coffee time as well. It’s super easy to enter to win. Just repost the photo above on #Instagram with a shout to #fieldtreausuredesignsa and use the hashtag #fieldtreasurecoffeetimegiveaway. If </p>
<a class="more-link auto" href=http://fieldtreasuredesigns.com/field-treasure-coffee-time-giveaway/>Continue reading »</a> <div class="clr"></div>
</div><!-- .entry-content -->
And here's an example of what happens to the "Continue Reading" link for a post that was loaded when someone scrolls down to the end of the page and the Infinite Scroll plugin loads more:
<div class="entry-content">
<p>Yesterday I shared a live periscope of a little behind the scenes of our temporary shop and the last Saw Horse Desk build process for 2015. Enjoy! (Click the little play button down at the bottom if the video doesn’t automatically load.)</p>
<a class="more-link auto" href="http://fieldtreasuredesigns.com/periscope-sawhorsedesk-bth"></a>Continue reading » <div class="clr"></div>
</div>
Any help would be greatly appreciated.
Problem:
You text outside the anchor tag that's its happen please check archive page to fix it.
Fixed code
<div class="entry-content">
<p>Yesterday I shared a live periscope of a little behind the scenes of our temporary shop and the last Saw Horse Desk build process for 2015. Enjoy! (Click the little play button down at the bottom if the video doesn’t automatically load.)</p>
<a class="more-link auto" href="http://fieldtreasuredesigns.com/periscope-sawhorsedesk-bth">Continue reading » </a><div class="clr"></div>
</div>
I want to have my own thumbnails for video posts on my main tumblr page....and show the video only in the permalink page with out the thumbnail.
here's an example site of what I'm trying to do:
http://devour.com/ (not tumblr but same idea)
I figured the best method is to post the thumbnail as a photo post, with the video embedded. Then hide the image in the permalink page.
so my question is...how do I hide the image in the permalink page?
Rather than hiding the image on the permalink page, use the theme operators {block:IndexPage} and {block:PermalinkPage} to only include the content that you need.
{block:Posts}
{block:Photo}
<!-- On the Index, show only the Image / Cover -->
{block:IndexPage}
<img src="{PhotoURL-500}">
{/block:IndexPage}
<!-- On the Permalink, show only the Caption, which contains the video -->
{block:PermalinkPage}
{block:Caption}
{Caption}
{/block:Caption}
{/block:PermalinkPage}
{/block:Photo}
{/block:Posts}
Reference: http://www.tumblr.com/docs/en/custom_themes#basic_variables