WordPress

DIY: Add an image rotator to your site

Many of our sites use an image rotator to display photos or billboards that can link to different parts of the site. Here are a few examples of sites using the rotator:

If you have a WordPress site administered by CER, then just follow these instructions to add an image rotator to your site!

New WYSIWYG text widget

We have developed a new widget for use in our WordPress sites. It allows you to add text or images using the familiar Visual Editor with a toolbar, instead of a plain text widget where you have to write the html code yourself. Widgets are only available to site Administrators. To use this new, enhanced text widget, follow these steps:

  1. Login to WordPress. 
  2. Click on Widgets.
  3. Expand the widget area for the sidebar you’d like to modify.
  4. Locate the “Text Editor” widget and drag it onto your widget area.
  5. Give your text widget a title if desired.
  6. Write or add images and links as you would on a regular page or post.

    Widgets ‹ Website Demo — WordPress-1

  7. Click Save (there is no preview) and view on your live site.
  8. The above example would display on a live site as shown below:
    Website Demo | Wake Forest University-3

Notes:

  • The width of the sidebar is 200 pixels so any image’s width must be smaller than those dimensions to display properly.
  • To create a single space or line break, hold down Shift and hit Enter/Return
  • There is no preview or revision history for widgets. There is an undo button on the second row of buttons (to display second row click “Show/Hide Kitchen sink). Once you have saved and closed the widget, the changes cannot be undone.
    Widgets ‹ Website Demo — WordPress-2

New sidebar widget for events

Along with our new University Events Calendar, we have created a companion sidebar widget for use in any of our WordPress-based sites. This new widget will place a list of events onto your site’s sidebar. To use this widget, on your site, you must be an Administrator for your site. Here are the steps for incorporating it into your site:

  1. Login to your WordPress site and click “Widgets” on the sidebar.
  2. Expand the sidebar area where you would like your widget to go.
  3. Locate the widget called, “Events Calendar” and drag it onto your widget area. The widget will automatically expand to allow you to set the variables. It will look like this:

    Widgets ‹ Website Demo — WordPress

  4. Give your widget a title.
  5. Select any departments you would like to include. You can select more than one by holding down shift and clicking your mouse.
  6. Select any event types you would like to include in your list. You can select more than one by holding down shift and clicking with your mouse.
  7. Select the number of events you would like to show, number of days in the future and whether or not you would like to display an excerpt of the event description.
  8. If you do not choose to show a thumbnail image, the date will display in a gold box. This and other settings can be toggled on an off until you achieve your desired results.
  9. Click Save.
  10. View your live site and adjust settings as needed.

This is an example of a events calendar sidebar widget with 3 events displayed, the excerpt turned on, and using the small image.

Website Demo | Wake Forest University-1

What’s New in 3.5.1

The digital team recently upgraded our version of WordPress to version 3.5.1, which is the most current version available. Below are the 4 most important changes you will notice when working on your site.

1. New Media Uploader

Gone is the old “Add/Upload” text followed by a series of icons. Instead we find a single Add Media button.

Upload

When it comes to uploading images, the interface is much more intuitive than before. After clicking Add Media, you can even drag images from your computer onto your browser window to begin the upload process.

Visit our Web Publishing Guide for more information & instructions on adding media to your site.

2. New Media Library

The entire look Media Library has been overhauled. With version 3.5.1 when you click on an image from within in the media library you are presented with a full post-like edit screen.

Media

From this new screen you can edit the caption, alternate text, etc. just like before.

Visit our Web Publishing Guide for more information & instructions on adding media to your site.

3. Updated Image Editing

Dreamweaver-44

The image editing functionality has also been overhauled to make it more functional and easier to use.  You access the photo editing capabilities by clicking on the image from the Media Library, then clicking the Edit Image button. Then, you can use the built-in scale or crop your photo from within WordPress.

Visit our Web Publishing Guide for updated instructions on editing images within WordPress.

4. New Gravity Forms Builder

The admin panel for Gravity Forms has also gotten a facelift. The major change is in the Notifications area of the Settings. You can create as many kinds of notification emails as you like. Although most users will still just need the standard Admin & User notification emails.

Visit our Web Publishing Guide for updated instructions on setting up forms & form notifications.