Category Archives: Shortcode

H5P

you can embed content created on another Glow Blog with the H5P plugin. There are more details of how to get the embed code on the H5P example sharing page.

[h5piframe url="https://blogs.glowscotland.org.uk/glowblogs/h5pexamples/wp-admin/admin-ajax.php?action=h5p_embed&id=25" width="1198" height="699" ] give you this:

You can also embed content from an external h5p site, h5p.org or h5p.com by pasting in the url.

Internet Archive

The Internet Archive has a huge collection of digital resources of all sorts. It supplies an embed code to embed them on your blog.

You need to have activated the Jetpack Plugin and the shortcode module.

for example:

[archiveorg 78_boum_charles-trenet-trenet_gbia0122226a width=640 height=50 frameborder=0 webkitallowfullscreen=true mozallowfullscreen=true]

gives you:

and:
[archiveorg HowtoUse1927 width=640 height=480 frameborder=0 webkitallowfullscreen=true mozallowfullscreen=true]

A book example:

To embed any content click the Share link

Share icon
Share Icon

and then copy the WordPress shortcode:
:

Embed code on Archive Org
Embed code

images too:

Micro:bit

You can show different views of a published micro:bit project in the code view, editor or simulator (links to more example embeds)

Glow blogs uses a special shortcode to show the code:

[glowmicrobit url="_MicrobitCode" code] where _MicrobitCode is the last slug of the url. To get the code you need to:

  1. Share your microbit project,
  2. Publish it
  3. copy the url  for example: https://makecode.microbit.org/_gww1kCPdL5od
  4. use the last section in the glowmicrobit shortcode: [glowmicrobit url="_gww1kCPdL5od" simulator] adding simulator,  code or editor depending on which url you want to show.

Here is what you will get:

Simulator

NB there is a problem with the micro:bit embed code for the simulator. We are awaiting a fix from micro:bit. For now we recommend using the editor version. On the editor the play button will show the simulator correctly.

[glowmicrobit url="_gww1kCPdL5od" simulator] gives:


Editor

[glowmicrobit url="_gww1kCPdL5od" editor] gives:


Code

[glowmicrobit url="69362-76330-54511-95403" code] gives:

Slideshare

I used the embed code copied from slideshare:

[slideshare id=10543066&doc=31interestingwaystouseaudioinyourclass-111210091035-phpapp01]

 

This is a quick example of how to use the slideshare embed code. You can upload PowerPoints and other presentations to slideshare.net to share. These can then be embedded.

As always if you have not done so:

  1. Activate The Jetpack plugin
  2. Turn on the shortcode module.

To find the code to embed a slideshare slideshow:

  1. Visit the page on slideshare.
  2. Click the Share button
  3. Copy the WordPress shortcode
  4. In the post or page editor of your blog paste in the code. When the post or post is published and viewed the slideshow will be embedded like the one above.

Screenshots:

Continue reading Slideshare

Shortcode Presentation

This slideshow could not be started. Try refreshing the page or viewing it in another browser.

I an not sure how often this would be useful in practise. You need to be happy writing square brackets and slashed around your text, but it produced a reasonable presentation.

You can move through the slides with arrow keys, or hover over from buttons and a button to ‘full-screen’ the slideshow.

Here is a screenshot of the editor for this post:

Screen Shot 2015-08-03 at 14.15.42

Twitter

A Tweet

Classic Editor Paste in the link to a tweet. Block editor add the twitter block.

You can get a bit more control with a shortcode.

The Block Editor allow you to unroll a series of tweets to display a thread.

A Timeline

Twitter has blocked free access to the API so timelines no longer work.

[twitter-timeline username=johnjohnston]

Shortcode – archive

The [[archive]] shortcode will produce a list of posts:

There are lots of options:

[archives format=option  limit=12] gives a popup menu:

Archives Shortcode — Support — WordPress.com gies more details of all the options.