Category: Help

css.php

Prezi WP Plugin

From CUNY Academic Commons

Prezi WP Plugin

Prezi WP is a simple plugin that adds a [prezi] shortcode to your WordPress blog. Prezi WP was developed for the CUNY Academic Commons (see: https://dev.commons.gc.cuny.edu/2011/02/03/new-wordpress-plugin-prezi-wp/).

How to use this Plugin

To embed a Prezi presentation into a WordPress post or page, you will first need to active the Prezi WP plugin. To do this, please follow these steps:

  1. Go to the Dashboard of your blog.
  2. Click on Plugins tab in the left navigation area.
  3. Type the word “prezi” into the search bar in the upper-right corner and click Search Plugins.
  4. The Prezi WP plugin should appear at the top of the page, select activate to enable this plugin.
  5. Once the plugin is activated you can use the code below to embed it into your WordPress blog post or page.

To embed the Prezi, please use the following short code and replace the URL/Prezi ID with your information (screenshot attached):

  1. [prezi id=’http://prezi.com/hgjm18z36h75/why-should-you-move-beyond-slides/’] 2.[prezi id=’hgjm18z36h75′]

The plugin also accepts optional width and height parameters:

  1. [prezi id=’hgjm18z36h75′ width=’600′ height=’450′]

Simpler iPaper Plug-in

From CUNY Academic Commons

Simpler iPaper Embed WordPress Plugin

Want to share a PDF or PPT document with your readers without having to send an attachment via email? The Simpler iPaper plugin is an effective way to add a document to your blog posts or pages. You can quickly and easily embed a document into your post and share information with your readers without having to re-create your work.

You can upload documents in the following formats:

  • Adobe PDF (.pdf)
  • Adobe PostScript (.ps)
  • Microsoft Word (.doc/ .docx)
  • Microsoft PowerPoint (.ppt/.pps/.pptx)
  • Microsoft Excel (.xls/.xlsx)
  • OpenOffice Text Document (.odt, .sxw)
  • OpenOffice Presentation Document (.odp, .sxi)
  • OpenOffice Spreadsheet (.ods, .sxc)
  • All OpenDocument formats
  • Plain text (.txt)
  • Rich text format (.rtf)

How to use this Plugin

As with all new plugins, you will need to activate it. (This is a one time process.)  Once activated, a quick way to test it would be to embed the following html code into a test blog post:

[scribd id=48771241 key=key-24uvnrlrvnm2fi7epsul height=650 width=480]

 

If you save the draft and can preview the post with the embedded document (screenshots of the CUNY Academic Commons) then you’re good to go! 

Step One

Go to Scribd.com, sign into your account, then navigate to the document that you would like to embed. Once the document is loaded, navigate to the ‘Share and Embed’ tab on the right side of the page and select ‘Embed’. A “Share this Document” screen will pop up. Scroll down to “Embed this document”, select ‘WordPress.com format’, and ‘Copy’.

Step Two

Go to your WordPress dashboard and edit your post or page.  Paste the code you got from Scribd.com into your post or page.

You may also resize your embedded document by adding the following height/width code to your embed code (feel free to adjust the numbers as you see fit):

[scribd id=48771241 key=key-24uvnrlrvnm2fi7epsul height=650 width=480 mode=list] 

Simpler iPaper Plugin

From CUNY Academic Commons

Simpler iPaper Embed WordPress Plugin

Want to share a PDF or PPT document with your readers without having to send an attachment via email? The Simpler iPaper plugin is an effective way to add a document to your blog posts or pages. You can quickly and easily embed a document into your post and share information with your readers without having to re-create your work.

You can upload documents in the following formats:

  • Adobe PDF (.pdf)
  • Adobe PostScript (.ps)
  • Microsoft Word (.doc/ .docx)
  • Microsoft PowerPoint (.ppt/.pps/.pptx)
  • Microsoft Excel (.xls/.xlsx)
  • OpenOffice Text Document (.odt, .sxw)
  • OpenOffice Presentation Document (.odp, .sxi)
  • OpenOffice Spreadsheet (.ods, .sxc)
  • All OpenDocument formats
  • Plain text (.txt)
  • Rich text format (.rtf)

How to use this Plugin

As with all new plugins, you will need to activate it. (This is a one time process.)  Once activated, a quick way to test it would be to embed the following html code into a test blog post:

[scribd id=48771241 key=key-24uvnrlrvnm2fi7epsul height=650 width=480]

 

If you save the draft and can preview the post with the embedded document (screenshots of the CUNY Academic Commons) then you’re good to go! 

Step One

Go to Scribd.com, sign into your account, then navigate to the document that you would like to embed. Once the document is loaded, navigate to the ‘Share and Embed’ tab on the right side of the page and select ‘Embed’. A “Share this Document” screen will pop up. Scroll down to “Embed this document”, select ‘WordPress.com format’, and ‘Copy’.

Step Two

Go to your WordPress dashboard and edit your post or page.  Paste the code you got from Scribd.com into your post or page.

You may also resize your embedded document by adding the following height/width code to your embed code (feel free to adjust the numbers as you see fit):

[scribd id=48771241 key=key-24uvnrlrvnm2fi7epsul height=650 width=480 mode=list] 

Widget Context

From CUNY Academic Commons

Introduction

The Widget Context WordPress plugin provides extra control over sidebar widgets.

Valerie Futch first called attention to this plug-in a thread in the WordPress Help Forum:

“It is really useful for selectively displaying certain widgets in the sidebar on only specific pages. This is helpful for drawing the focus to content on your content pages and filling the sidebar with social media on the blog page. Though it works well it follows a logic that is…well…hardly logical. After much frustration I found this thread from the WP forum where the developer answers a number of how-to questions. Useful if you’re going to make use of this plugin!”

Documentation is indeed limited, but the plug-in does work and is really useful, despite the frustrations voiced in the above-mentioned thread.

How to Use

After installing the plugin, there are no additional controls on the dashboard.

Go to Appearance >> Widgets and select a widget which you want to control. If the plug-in is installed correctly, you should see an additional panel drop down when you select the widget.

Although the panel seems straightforward, it is, as Valerie points out, counter-intuitive. (It seems like you need to tick off the checkboxes AND supply page or post urls, even though it says “OR”.) Here is a screenshot with some entries that worked for me:

In this example, the widget was only displayed on a page with a url that ended in “about/prezi-test”.  You may choose to hide the widgets as well.  And you may add several urls, on separate lines.  There are a lot of options to choose from here, and they may require a little tinkering, but this plug-in can be really useful.

An alternative is to use the Woo Themes, which allows you to customize the sidebars for each page or post.

Links

Google Gadgets

From CUNY Academic Commons

“Google Gadgets” are little code snippets created by Google and third parties which may be embedded into your blog. A complete listing of available “Google Gadgets” is provided in the Google Gadget Directory.

Widgetize Google Gadgets is a WordPress plugin that makes it easy for you to include these little apps into any widgetized area your theme provides.

There are gadgets that create customized search engines which only look in the domains you choose. There are gadgets that provide weather forecasts, quotes, jokes or poems of the day. Some gadgets simply provide themed slideshows. The New York Times gadget provides a configurable tabbed feeds of the day’s news. There are over 200,000 gadgets to choose from, and the list is growing daily.  Google has developed a standard “Google Gadgets API” (Application Programming Interface), and these gadgets can be created quickly.  Some, especially the ones created by Google, unfortunately include advertising.

How to Use the plugin

Step One

Activate the plugin. Go to your WordPress dashboard, scroll down to the Plugins tab. From there, find “Widgetize Google Gadgets” and click “Activate.”

Step Two

Find a gadget in the directory. This list is enormous, but Google (being Google) provides a robust method of searching for what you want. There are many which are not very appealing, or don’t work – this step is probably the most time-consuming.

Step Three

Configure you widget. Follow the directions. You may need to resize it so that it fits where you want it to go. Choose the border that you want to surround it. Finally, copy the code that is automatically generated.

Step Three

On your WordPress dashboard, go to Appearance>>Widgets.  Find “Google Gadgets” and drag it to one of your available widgetized areas available. Provide a title if you want (totally optional), and paste the code which you copied in Step Two into the appropriate area. Click save, and you should be good to go.

Google Map Embed WordPress Plugin

From CUNY Academic Commons

Google Maps Embed WordPress Plugin

Planning a meeting with colleagues? Writing about a geographical area unfamiliar to your readers? Announcing a conference? The Google Maps Embed plugin is an effective way to add geographical information to your blog posts or pages. You can quickly and easily embed a Google map and provide directions to an event or highlight a unfamiliar area.

How to use this Plugin

As with all new plugins, you will need to activate it. (This is a one time process.)  Once activated, a Google Map Embed icon will appear on the top of your edit screen for pages and posts: 

Image:GoogleEmbedIcon.JPG

Step One

Go to Google and search for a map of the place your want to embed in your blog. Adjust the zoom appropriately.  Copy the url.

Step Two

Go to your WordPress dashboard, and edit your post or page.  Click on the Google Map Embed icon highlighted by the red arrow, above.  You should see this popup:

Image:GoogleEmbedPopup1.JPG

Paste in the url (from Step One), click “Okay,” and you should see your map embedded.

If you click on “Dimensions,” you may alter the dimensions of your map.  See the various options below:

Image:GoogleEmbedPopup2.JPG

You may also go to “Settings” to change the default dimensions and scroll option for the screen above if you find that your prefer different settings.

Screencast

The following quick screencast shows how easy it is to click on the Google Maps Embed Icon and embed a map using this plugin:

Media Element HTML5 Player

From CUNY Academic Commons

The Media Element HTML5 Player WordPress plug-in is an HTML5-based audio and video player which is compatible with all today’s modern browsers, and with their older versions, and which works on the iPad, iPhone and Android. The player supports many of the major file formats, including MP4, Ogg, WebM, and WMV for video and MP3, WMA, and WAV for audio. After activating the plugin, you simply add shortcodes in a post or page to embed the player.

Video

Enter the following “shortcode” where you want the video clip to be embedded:

[mevideo src=”http:// the.url.of.your.video” width=”640″ height=”340″]

There are parameters which control the way the player behaves. For example, you can pre-load the video, adjust the skin, make it play automatically, or make it repeat. For more information about the parameter controls, click here.

Audio

Audio clips may be embedded in a similar manner:

http:// the.url.of.your.audio.clip

Again, a number of parameters control the look-and-feel of the player and they can be found by following this link.

This is a nice plug-in that ensures your video and audio clips are accessible on all browser platforms. Limitations – source from video hosts like YouTube or Vimeo don’t work.  The Commons allows uploads of up to 48 MB – fine for most audio and short videos.

Have fun playing around with this newly installed plugin!

Google Plugins

From CUNY Academic Commons

Contents

Widgetize Google Gadgets

A complete listing of available “Google Gadgets” is provided in the Google Gadget Directory. These gadgets are little HTML and javascript snippets created by Google and third parties which  may be embedded into your website.

Widgetize Google Gadgets is a WordPress plugin that makes it easy for you to include these gadgets in any widgetized area your theme provides.

There are gadgets that create customized search engines which only look in the domains you choose. There are gadgets that provide weather forecasts, quotes, jokes or poems of the day. Some gadgets simply provide themed slideshows. The New York Times gadget provides a configurable tabbed feeds of the day’s news. There are over 200,000 to choose from, and the list is growing daily.  Google provide a standard Google Gadgets API (Application Programming Interface) so that these gadgets can be created quickly.  Some, especially the ones created by Google, also include advertising.

How to Use the plugin

Step One

Activate the plugin. Go to your WordPress dashboard, scroll down to the Plugins tab. From there, find “Widgetize Google Gadgets” and click “Activate.”

Step Two

Find a gadget in the directory. This list is enormous, but Google (being Google) provides a robust method of searching for what you want.

Step Three

Configure you widget. Follow the directions. You may need to resize it so that it fits where you want it to go. Choose the border that you want to surround it. Finally, copy the code that is automatically generated.

Step Three

On your WordPress dashboard, go to Appearance>>Widgets:

Here you see all the widgetized areas available. Drag the “Google Gadgets” icon to your widget area, give it an optional title, and paste the code into the appropriate area.

Google Maps Embed

Planning a meeting with colleagues? Writing about an area unfamiliar to most readers? Announcing a conference? The Google Maps Embed plugin is an effective way to add geographical information to your blog posts or pages. You can quickly and easily embed a Google map and provide directions to an event or highlight a unfamiliar area.

How to use this Plugin

As with all new plugins, you will need to activate it. (This is a one time process.)  Once activated, a Google Embed icon will appear on the edit page and post: 

Image:GoogleEmbedIcon.JPG

Step One

Go to Google and search for a map of the place your wish to highlight. Adjust the zoom appropriately.Copy the url.

Step Two

Go to your WordPress dashboard, and edit your post or page.  Click on the Google Embed icon.  You should see this popup:

Image:GoogleEmbedPopup1.JPG

If you click on “Dimensions,” you may alter the dimensions of your map.  See the various options below:

Image:GoogleEmbedPopup2.JPG

Paste in the url and click save, and you should see your map embedded.

The following quick screencast

Creating PDFs and Books from Wiki Pages

From CUNY Academic Commons

Getting Started

Find the “Print/Export” tab at the bottom of the sidebar.  Click on “Create a Book”:

Image:Print-Export.JPG 

Click on tne green button to go into book creator mode.

Image:BookCreator1.JPG 

Once in book creator mode, the following widget will be available on each wiki page.  Click on the green plus sign to add a page to your collection.

Image:BookCreatorOptions1.JPG 

As you begin adding wiki pages to your collection, remember that you can create chapters and move pages around by dragging and dropping them in different sections.

Output your Content

There are two output methods available for collections created on the Commons Wiki. You may create an actual soft cover book through PediaPress which will be created within two days and mailed to you (this option costs you money), or you can simply create a PDF, which may be uploaded to a website or emailed to an interested group.

Download as PDF

Individual wiki pages can simply be downloaded by clicking on “Download to PDF.” If you only want to download one page, this is the option for you!