Category Archives: Uncategorized

Uncategorized

PDF

2 Comments

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. In general we are now recommending the block editor.

Classic

In the classic editor you can paste a link to a PDF into your blog and it will be linked:

Click to access PDF-embed.pdf

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

 

Workarounds

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

Use the Dear Flip plugin, it creates a flipbook from an uploaded PDF, We have some examples.

Use the block editor, the pdf below is embed via the block editor. You need to enable this editor in settings. You can 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.

testDownload
Uncategorized

Gist

Leave a comment

github gists (code snippits) can be shown by pasting the url to the gist, works for public and secret gists. This is the css for the list of embed links on the homepage of this blog. The list of links is provided by the Display Posts plugin.


.embedlinks .listing-item {
display: block;
float: left;
margin: 4px;
padding: 4px;
background: lightgray;
border-radius: 10px;
}
.embedlinks .listing-item a {
text-decoration: none;
color: black;
font-weight: bold;
}
.embedlinks .listing-item a:visited {
text-decoration: none;
color: black;
font-weight: bold;
}
.embedlinks .listing-item a:hover {
text-decoration: none;
color: red;
font-weight: bold;
}

view raw

displaypostsmenu.css

hosted with ❤ by GitHub

The list is produced with the following shortcode:

[display-posts posts_per_page="100" orderby="title" order="ASC" wrapper="div" wrapper_class="embedlinks"]

After activation the Display Posts plugin.

Uncategorized

Giphy

Leave a comment

On a giphy page copy the link to the gif from the copy link button. Add this in the classic editor by Adding Media and then insert from url. With the block editor you can add an image block and inser from url.

 

Giphy may be blocked on some school networks.

Block Editor

The gif block which requires Jetpack to be turned on, allows you to search for a gif or paste in a url.

or add an image block and insert from url. Once you have done that you can import the image usie the Add to Media library on the block toolbar:

You are responsible for any attribution needed. I’ve used the caption of the image below.

Gif of the great wave
art history animation GIF by Ryan Seslow – Find & Share on GIPHY
Uncategorized

Google Form

Leave a comment

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

Paste the embed code into the Editor, the editor must be switched to Text mode:
Screenshot Editor Text Mode, embed code

After saving the iframe will change into a shortcode:
screenshot of shortcode for googlemaps

 

The Block Editor

If you are using the Block Editor, use the custom html block. Paste in the iFrame Code. This will not change to the short code until you save draft or publish. Here is a very short screencast showing the process.

 

Uncategorized

Flickr Embed

Leave a comment

Scots Pine

Flickr embeds need the Jetpack plugin with the shortcode module activated.

The flickr Gallery above is embedded by pasting in the link to the page. As is the image below:

A last Rowan

Unfortunately there is no way to adjust the size.

Block Editor Embeds

The Block editor provides a Flickr embed block, which gives a slightly larger version of the image. If you paste a flickr url into the editor it will add an embed block or you can add the flickr block in the usual way.

A last Rowan
Uncategorized

Google Calendars

Leave a comment

Unlike other google embeds, you need to activate a plugin for this one.

This plugin will allow you to embed Google Calendars in Posts pages and in a Widget.

To use it you need to activate the plugin:
Dashboard->Plugins
Click the Activate link under the Plugin’s name:

Activate Plugin

You then need to get the embed code from the Google Calendar you want to embed.
The Calendar must be public.

Visit Google Calendars and for the calendar you want to show click the popup and choose Share this Calendar:

Screenshot google calendar popup to share

Make the Calendar Public if you have not done so already:

Screenshot google cal make public

Then go to the Calendar Details page and find the embed code:

Screenshot google calendar embed-code

You may want to click the customise link, which will allow you to change the size, colours etc. You might want to set the size to fit into your post.

Copy the embed code

Screnshot copy embed code

Edit the post or page you want the Calendar to appear on and paste in the code:

The embed code will look like this the html is changed automatically into a shortcode:

[googlecalendar src="https://calendar.google.com/calendar/embed?height=400&wkst=1&bgcolor=%23FFFFFF&src=pvhq66ns53b1v83ppd0r5dgfk0%40group.calendar.google.com&color=%230F4B38&ctz=Europe%2FLondon" style="border-width:0" width="600" height="400" frameborder="0" scrolling="no"]

but will embed the calendar when the post is published:

Google Calendar Embed Widget

You can also display a Calendar in a widget on the sidebar of your blogs. There is an example on the right of this page.

To add a widget you need the code again, it might be best to adjust the size by customising the code. Copy the code on the calendar site.

Add a Widget, Dashboard-Appearance-> Widgets, where you will find the Google Calendar Embed Widget.

google calendar widget in widget list

You can drag the widget to a sidebar or click it to expand and add with a button:

Screenshot widget embed, destination choice

Once it is added paste in the code:

Screenshot Google Calendar widget with embed code

Note the code is not changed to a shortcode.

The above code will produce the calendar widget.