Background

WordPress is an actual platform.

As a platform, it provides tooling to consume data and media from various sources.

 

Outline

1. Music
   • YouTube
   • SoundCloud
2. Image Sharing
   • Pinterest
3. Code Sharing
   • GitHub
     • Gist

 

Contents

Music

YouTube

Outline

1. Link
   • Paste the link
2. Embed with a Short Code
   • Use youtube tag

Link

Paste the link

https://www.youtube.com/watch?v=JDb3ZZD4bA0

 

Actual

YouTube Tag

Syntax

Outline

Using the youtube tag offers a bit more flexibility relative to simply pasting the video’s URL.

Sampling

WordPress Support – Videos – YouTube
Link

 

Syntax

Time – Width and Height

[youtube https://www.youtube.com/watch?v=JDb3ZZD4bA0;w=#width#&h=#height#]

 

Time – Start and End

[youtube https://www.youtube.com/watch?v=JDb3ZZD4bA0start=75&end=500]

[youtube https://www.youtube.com/watch?v=JDb3ZZD4bA0start=75&end=500]

Code Language=html

Escaped:-

1. from [ to [[
2. from ] to ]]

[youtube https://www.youtube.com/watch?v=JDb3ZZD4bA0&start=75&end=500]

Markdown HTML

Intentional obstructed html link.

Options to do so includes:-

1. http:/www

   • from:-

     http://www

   • to:-

     www

2. http://www.youtube.com

   • from:-

     http://www.youtube.com

   • to:-

     http:// www. youtube. com

[youtube www.youtube.com/watch?v=JDb3ZZD4bA0&start=75&end=500]

 

Actual

SoundCloud

Outline

1. Link
   • Paste the link
2. Embed
   • Embed SoundCloud

Link

Paste the link

https://soundcloud.com/brysontiller/exchange

Embed

Embed Soundcloud

Sample

 

<div style="font-size:10px;color:#cccccc;line-break:anywhere;word-break:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;font-weight:100;"><a style="color:#cccccc;text-decoration:none;" title="brysontiller" href="https://soundcloud.com/brysontiller" target="_blank" rel="noopener">brysontiller</a> · <a style="color:#cccccc;text-decoration:none;" title="Exchange" href="https://soundcloud.com/brysontiller/exchange" target="_blank" rel="noopener">Exchange</a></div>

 

Actual

Image Sharing

Pinterest

Outline

1. Link
   • Paste the link

Link

Paste the link

 

Actual

Code Sharing

GitHub

Gist

Outline

1. Gist Tag
   • Use the Gist Tag

Gist Tag

Utilize Gist Tag

Sample

Actual

References

1. WordPress
   • Developers/Docs
     • WordPress – Support – Shortcodes
       Link
     • Embedding on WordPress.com
       Link
     • Embedding Content
       Link
     • WordPress Support – Videos – YouTube
       Link
2. SoundCloud
   • Displaying an embed code for your track
     Link