WordPress:- ShortCodes

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

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

 

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
rem Adding Comments
rem https://www.nobody.com/?a=1
IF %ERRORLEVEL% NEQ 0 Echo errorlevel is %ERRORLEVEL%
rem Adding Comments
rem https://www.nobody.com/\?a=1
IF %ERRORLEVEL% NEQ 0 Echo errorlevel is %ERRORLEVEL%

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

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s