Widgets

Video Overview of Widgets

Widgets are another name for tools or content that you can add to sidebar(s) in your site. Different themes have different numbers of sidebars, but all themes should have at least one. Widgets may also be placed in the Footer areas of some themes.

You can access your widgets from the Appearance > Widgets area of your Dashboard.

Widgets Tool

Adding Widgets

In the Widgets tool, you will see a list of widgets in the Available Widgets panel. There are two ways to add widgets, drag and drop or add widget button.

Drag and Drop

  1. Hover over the widget you want to use and until you see the cursor change into a hand icon.
  2. “Grab” the widget and drag it to the sidebar or other widget area.
  3. When you see a dashed line appear, you can drop the widget in place.
    Drag to add widget
  4. You can change the order of the widgets by dragging and dropping them in the desired location.

Add Widget Button

  1. Click once on the widget you want to add.
  2. Select the widget area where you want it displayed.
    Add Widget Button
  3. Click Add Widget

Configuring Widgets

  1. Each widget has configuration options. Click the triangle in the right corner of the widget to expand the options.
    Expand Widget Options
  2. Each widget will have different options. Here is an example of the Archives widget.
    Archive Widget Options
  3. If you make any changes, click Save.

Removing Widgets

  • If you would like to remove a widget, expand the widget options and click Delete.
  • If you want to remove the widget but retain the settings, drag the widget to the Inactive Widgets pane below Available Widgets.

Accessibility Mode

If you don’t like dragging and dropping widgets, you can turn on Accessibility Mode.

  1. Click Screen Options
  2. Click Enable accessibility mode
    Accessibility Mode
  3. This will allow you to add and edit the settings without using drag and drop.

Widget Preview

You can now preview your widgets before committing to the changes through the Customize tool.

  1. Go to Appearance > Customize
  2. Click the right arrow next to Widgets to customize the Widgets on your site.
    Customize Widgets
  3. Any widgetized areas for your theme will appear in the customize settings on the left. The widget areas will vary depending on the theme.
  4. Expand the widget area where you want to add a widget by clicking on the triangle to the right of the widget area title.
  5. Click the Add a Widget button to expand the available widgets. They will appear to the right.Add a Widget
  6. Click once on the widget you want to add. It will appear below any widgets you are already using.
  7. You can reorder the widgets by dragging them to the desired location.
  8. Make any changes to the widget needed.
  9. Your should see a preview of the widget to the right.
    Preview Widget
  10. If you like the new widget, click Save & Publish at the top of the screen. If not, click Cancel and the changes will not be saved.
    Save and Publish

Sites@UCI provided by the Office of Information Technology, University of California, Irvine