Embedding links in WordPress 3.6 - wordpress

I am developing a theme for WordPress 3.6 and as far as I know embedded links, like if just place a link into the post for YouTube it should auto embed its self. that's not the case here - would any one know what would cause links from services like YouTube to not embed?
[embed][/embed] doesn't work either...

Make sure the YouTube link is not hyperlinked. If the URL is shown in
your theme’s link color (as the second line in the screenshot below),
then it is hyperlinked. Simply select the whole URL and click the
“Unlink” icon on your Visual Editor toolbar.
Once the URL is unlinked, you will see the link text in black. Make
sure to place the YouTube URL or shortcode on its own line. This
means there should be no character or whitespace before or after the
URL/shortcode.
http://en.support.wordpress.com/shortcodes/
However, beyond those issues you might want to look into. the API that WP uses to embed links from YouTube, Twitter, Flicker...
http://oembed.com/
oEmbed is a format for allowing an embedded representation of a URL on third party sites. The simple API allows a website to display embedded content (such as photos or videos) when a user posts a link to that resource, without having to parse the resource directly.

Unlink the link if it's linked and use the shortcode :
[youtube=http://www.youtube.com/XXXX] and that will work.

Related

Adding a link from an image in wordpress

This seems to be more difficult than it should be.
All I would like to be able to do is add a link from an image on my wordpress site to an external website.
Using the normal media library tools this doesn't seem to be possible so I got the plugin WP Gallery Custom Links
However, even though I added the external link to the Gallery Link URL it still doesn't link.
Is there a more straightforward way to embed a link into an image?
Here is a screenshot of the image editing page:
If you are trying to make an Image clickable and bring you to an external site, click the image, click Edit, under Display settings select link to, custom url, and there you go.
Another way is, when you are adding an image to your site from your Media Library within Wordpress, there is an option "Link to" under Attachment Display Settings.

Wordpress Text Widget Links

I am adding text links to a wordpress text widget that goes in the sidebar of my site.
I am adding the example link here wrapped in a "a href":
Instagram
but when the link is clicked, it opens a url that contains my site's url in front of the linked url. For example:
http://mysiteurl.com/www.instagram.com/
I can't figure out why this is happening as this is usually the most simple adjustment for a site.
Thank you,
Are you sure "http://" is in your href ?
It happends when your href="www.instagram.com"
Good : href="http://www.instagram.com"
You are linking to "instagram.com" rather than http://instagram.com.
Your browser needs a protocol (http://) in order to know what to do with the link. If there is no protocol it assumes the link is local to the site you're on, so navigates you there.
If you include the protocol, your browser will know it is a separate entity and navigate to the correct place.
The full link should look like:
Instagram
What was causing the issue was that “ quotes were used instead of ". So the correct link is
Instagram
instead of
Instagram

Wordpress blog snippet on HTML web page

Trying to figure out if there is a way to take a snippet of a wordpress blog, same site, same hosting, and plug that into a pure HTML page.
Example... I want to show the title of the blog, and first 150 characters. With a link to ..."read more" which would take the visitor to the actual blog.
Widget? or custom type of coding?
One way that WordPress exposes blog output to other applications is through the RSS feed.
It is often available by URL at
"http:// your-Wordpress-Root-URL.com/ feed".
You can use that URL in a 3rd-party widget that you use via HTML/JS on any HTML page.
They'll give you the code snippet to drop in your page.
And they'll have different options to customize things like the number of blog entries to show, and the length to preview - as you mentioned.
I'll paste a couple links to start with, and you can easily search for more online with something like "RSS feed widget" in google.
https://www.rssinclude.com
http://www.webrss.com/
http://www.rssfeedwidget.com/

Changing open graph image tag based on blog post item

I am maintaining a wordpress blog and am familiar with using the og:image meta tag to set the default image that is included when a like button is pressed. What I want to know is if there is a way to make this image dynamic based on the item liked.
I am trying to build it so that the first image in a particular blog post that is liked is what is pushed to the facebook feed post, with the blog's default image only used if there is no image in the post. Does facebook provide any way to do this with the graph api?
I tried writing javascript to change the meta tag on article pages (rather than the homepage) but found out later the crawler does not run javascript, so am now considering implementing the same but server side with PHP. This still would not solve the problem of Likes from the blog homepage, where there are multiple blog items on the page though. Any advice would be greatly appreciated.
Thanks
The only is changing how the meta tags get rendered to the client, in server code or in your layout template. There is no graph api method for this and you can't modify the tags with javascript as their scraper doesn't execute javascript.
Also, the scraper won't keep re-visiting your site so once it access it, it will be cached until you go to the url linter tool manually. so for the home page, you would probably just want the default image.

Prevent to automatically render youtube links in Wordpress Comments

Wordpress is now replacing the youtube links that people post into comments of a post with the actual video. It is rather anoying and I would like to know if it is possible to leave the link as is and not add the embed code to view the video directly from the comment container?
Have you tried entering that code in the TEXT tab rather than the VISUAL tab of the editor?

Resources