Embedding Media in Wordpress

From ds106 docs
Jump to navigationJump to search

Wordpress makes it eas to embed media into your blog; in many cases it can do this by simply pasting in the URL for the web page where the media came came from using the automatic Wordpress embed options. This is a better solution than uploading them to your blog since many hosting plans have limits on the amount of media you can upload.


Embedding Images from flickr

For photos stored in " flickr, just put the URL (plain text, no link) for the web page that contains a flickr image in a blank line, e.g.

http://www.flickr.com/photos/7202153@N03/493046463/

will embed the image like

493046463_841a18169e.jpg

Be sure to remove any extraneous "in/photostream/" part of the URL.

Embedding Video from YouTube and vimeo

The same goes for video hosted sites like YouTube and vimeo, just the plain URL (Youtube videos can use the short form as well)

http://www.youtube.com/watch?v=UYqvGWBkiBc

or

http://www.youtu.be./UYqvGWBkiBc

which can embed a video like this

Embedding Twitter Messages

Evertthing sent out on twitter has its own unique URL usually linked from the timestamp when it was published. Just like images and video,m you can have the full functionality (including links and avatar icons) of a tweet embedded into a Wordpress post by simply pasting the URL for it into a blank line, for example, Lee's enthusiastic post about ds106 can be put into a post via

https://twitter.com/Leelzebub/status/236891406113832960

and will appear in a blog page rendered as

Embedded-tweet.jpg


Embedding Audio from Soundcloud

You can upload audio to SoundCloud.com, or record directly into the web site or its mobile app (the mobile app does not provide a way to add it to a group). As of Wordpress version 3.5 you can use the same method outlined above to embed a soundcloud audio, just use the URL for the soundcloud page that displays it, e.g.

http://soundcloud.com/miss-mc-3/7-word-story


which will produce this when your blog is published

{{#widget:SoundCloud |id=44576539 |width=100% }}


Here is a screencast overview of how to sign up and use SoundCloud .



This article is being embedded in other sites: