Tag Archives: jetpack

PDF

Update 30 Aug 2023, the embed of pdf seems to have stopped working in the classic editor. We have a couple of workarounds, below the classic section.

Classic

You can paste a link to a PDF into your blog and it will be embedded:

Click to access PDF-embed.pdf

If you upload a pdf using the Add Media it will insert a link like this:PDF Embed

You can switch to the Text Editor and copy the URL to paste in to embed the pdf.

select link screenshot
Copy link

Needs the Jetpack plugin to be activated and the shortcode module to be turned on.

Workarounds

The embed from Google docs still works so you could use that, details on the main help blog.

Use the block editor, the pdf below is embed via the block editor. You need to enable this editor in setting. You can just set allow users to switch. Details of how to enable the block editor on the help blog. You then add a Files Block to the post and choose your pdf.

We have more info on the File Block and there is documentation on WordPress.org: File Block.

Google Video

First you need to make sure the Jetpack plugin is activated and the shortcode module is turned on.

A video in your google drive can be embedded:

  1. Upload to GoogleDrive
  2. Open The Google Video page and choose Share from the vertical ellipsis at the top right.
  3. In the Advanced settings make the video Public on the Web
  4. From the vertical ellipsis menu choose open in a new window.
  5. In the window that opens choose embed from the  vertical ellipsis menu.
  6. copy the embed code and paste into the editor in the Text view.
  7. on saving it will be converted into a shortcode like this:

[googleapps domain="drive" dir="file/d/1H-oJO4UbdAuxXRYCFEJJo-ZwYKA4CR0C/preview" query="" width="640" height="480" /]

NB there appears at the time of writing, 11 Apr 2020, to be a problem with playback on Safari on mac & iOS. You can get videos to play if you go into Safari’s preferences and uncheck Prevent Cross Site Tracking. 

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.