Widgets

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