Difference between revisions of "Media Embeds from External Sites - WordPress"

From Help Wiki
(Created page with "{{WPTutorial|You can easily embed a variety of media from external sites like YouTube, Vimeo, Flickr, SoundCloud, etc. into your WordPress site. | ====Embed video from a host...")
 
m (subst applied to Template:TwoColumn)
 
(10 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{WPTutorial|You can easily embed a variety of media  from external sites like YouTube, Vimeo, Flickr, SoundCloud, etc. into your WordPress site.
+
 
|
+
<div class="container-fluid">
====Embed video from a hosted service====
+
<div class="row">
#Upload your video/audio/image to your preferred video hosting service (e.g., Youtube, Vimeo).
+
<div class="col-md-8">
#Create or edit the post or page where you'd like your video to appear
+
<div class="lead">
#From the editing toolbar paste the url on its own line to the video you'd like to embed
+
You can easily embed a variety of media  from external sites like YouTube, Vimeo, Flickr, Instagram, SoundCloud, etc. into your WordPress site.
 +
</div>
 +
 
 +
====Embed media from an external site====
 +
#Upload your video/audio/image to your preferred video hosting service (e.g., Youtube, Vimeo, Instagram).
 +
#Create or edit the post or page where you'd like your video or image to appear
 +
#From the editing toolbar '''paste the url on its own line''' to the video or image you'd like to embed
 
#Save your changes (Update or Publish)
 
#Save your changes (Update or Publish)
|
+
 
{{WordPress Media Sidebar}}
+
[[File:Flickr-Photo-Sharing.png|250px|thumb|right|Flickr share option]]
 +
 
 +
 
 +
====Embed an image from Flickr.com====
 +
#Create a flickr account and uploaded images
 +
#Navigate to the image you'd like to embed from your Flickr account
 +
#Click the '''Share''' button
 +
#Copy the URL to your image (under the "Grab Link" option)
 +
#Paste the URL to your image on its own line in your WordPress post or page
 +
 
 +
 
 +
<!-- end col-md-8 -->
 +
</div>
 +
<div class="col-md-1"></div>
 +
<div class="col-md-3 sidebar">
 +
{{WordPress Tutorial Header}}
 +
 
 +
 
 +
{{WordPress AddingImagesAndMedia Sidebar}}
  
  
 
----
 
----
 +
 +
{{WordPress DesigningYourSite Sidebar}}
 +
 +
 +
----
 +
 +
 
{{WordPress Help Sidebar}}
 
{{WordPress Help Sidebar}}
}}
+
 
 +
<!-- end col-md-3-->
 +
</div>
 +
<!-- end row-->
 +
</div>
 +
<!-- end container-->
 +
</div>
 +
<!-- Generator=Template:TwoColumn -->
 +
__NOTOC__
 +
__NOEDITSECTION__
 +
[[category: Wordpress]]
 +
[[Category:Wordpress Tutorial]]

Latest revision as of 17:01, 14 August 2017

You can easily embed a variety of media from external sites like YouTube, Vimeo, Flickr, Instagram, SoundCloud, etc. into your WordPress site.

Embed media from an external site

  1. Upload your video/audio/image to your preferred video hosting service (e.g., Youtube, Vimeo, Instagram).
  2. Create or edit the post or page where you'd like your video or image to appear
  3. From the editing toolbar paste the url on its own line to the video or image you'd like to embed
  4. Save your changes (Update or Publish)
Flickr share option


Embed an image from Flickr.com

  1. Create a flickr account and uploaded images
  2. Navigate to the image you'd like to embed from your Flickr account
  3. Click the Share button
  4. Copy the URL to your image (under the "Grab Link" option)
  5. Paste the URL to your image on its own line in your WordPress post or page