Tag Archives | embeds

Google Doc Embed Plugin

If you are a Google Docs user, you may want to check out the great new plugin that Ray Hoh just developed by for the Commons.  Google Docs Embed lets you embed your Google documents, presentations, spreadsheets, and forms directly into WordPress posts and pages.  Once embedded, you can continue to make changes in Google Docs, and your changes will be automatically reflected on your WordPress site.  Pretty neat!

Getting Started

Login into your Google account, and find the item you want to embed.  First, you’ll  need its establish a public url.  In Google Docs, go to “File>>Publish to the Web”.  A dialogue box should appear, similar to the one below:

Make sure that the “Automatically republish when changes are made” checkbox is checked.  This will allow you to make changes to your Google Docs and have theses changes automatically reflected on your WordPress site.

Copy the “Document Link,” highlighted in red, above.

Now go to your WordPress dashboard, and open up the post or page where you want to embed your document.  On a new line, type the following shortcode:

There are other custom parameters you can use in the shortcode exression.  Here is a description of them all:

  • “width” – By default, this tries to use the current theme’s content width. If this doesn’t exist, the width is “100%”. Fill in this value to enter a custom width.
  • “height” – Enter in a custom height for your Google Doc if desired.  Avoid percentages
  • “size” – This parameter is only applicable to Presentations. You can enter in ‘small’, ‘medium’ or ‘large’. To set a custom width and height, use the ‘width’ and ‘height’ parameters listed above instead.
  • seamless=”0” – use this parameter if you want to see the Google Docs header and footer

This plugin is very powerful when used with Google Forms.  You can set up a Google Form, embed it on your WordPress site, and have your readers enter data, and the data which they enter will be collected in a spreadsheet on your Google Drive.

VeriteCo Timeline plugin

The VeriteCo Timeline plugin is a powerful tool for creating visual timelines that can be embedded directly into your site’s pages and posts.  Each timeline entry can include (besides date and textual information), embedded images from Flickr, tweets from Twitter, video embeds from YouTube, DailyMotion, or Vimeo, articles from Wikipedia, sound from SoundCloud and map embeds from Google Maps.  You can easily control the width and height of your timeline using Verite’s API.  Before describing the process of creating a timeline, here is an example:

Check out more examples of user created timelines at VeriteCo’s site to get some ideas of what you can do.

The easiest way to create your own timeline is to copy the Google Doc spreadsheet template into your Google Docs, and modify it.  To do this, first sign into Google Docs, then click on the box called “Google Doc Template” found on this page.  Save the spreadsheet template to your drive, and start changing it.  The spreadsheet has seven columns.  Only two are required, the start date and the headline.  Follow the pattern used in the template, and you should be good to go.

The next step is to publish your spreadsheet to the web and copy the url that is generated for you.  Then go to Verite’s “Embed Generator” and paste in your spreadsheets web url and check the box that says “WordPress plugin.”  Optionally, you can select the width and height of your timeline, which type of map, font, and language to use.  Once you are done, simply copy the embed code and paste it into a page or post on your site.

And of course, don’t forget to activate the VeriteCo Timeline plugin on your site.

Creative Commons License

css.php
Need help with the Commons? Visit our
help page
Send us a message
Skip to toolbar