Genesis UCI Theme

  1. Home
  2.  → 
  3. Help Center
  4.  → 
  5. Change the Theme
  6.  → Genesis UCI Theme

New Default Theme – CampusPress Flex

We have configured a new theme as the Faculty Websites default. As of November 2022, this will be the default theme for new websites. Learn how to configure the CampusPress Flex theme.

Faculty Websites has a theme called Genesis UCI that was created by Strategic Communications in 2015. The theme has many built-in options including layout options, a custom header, custom menus, custom widgets, and breadcrumbs. It is a responsive theme that will resize to look good on many devices including mobile phones.

Here are some tips to get the most out of this new theme.

Activating the Genesis UCI Theme

The Genesis UCI Theme is the new default theme for Faculty Websites. If you have an existing website, it is also available from the available themes.

  1. Log in to your site as an administrator.
  2. Go to Appearance > Themes
  3. Look for Genesis UCI Theme and hover over the preview image.
    Genesis UCI Preview
  4. You can either Activate it to select it or choose Live Preview. Live Preview will show you what your site will look like with the new theme and allow you to try out some customizations before committing. (Your widgets may appear in the header. These can be easily moved to a sidebar.)
  5. If you want to use this theme, choose Activate or Save & Activate if you are using Live Preview.

Header

By default, the header will show your Site Title and Tagline (if using). You may also opt to use a wordmark provided by University Communications.

Using Site Title

The Site Title for your site will be displayed along with the tagline if you are using one.

Changing Your Site Title

  1. Go to Appearance > Customize
  2. Expand the Site Title & Tagline settings by clicking on the triangle.
    Site title and tagline
  3. Change the Site Title and/or Tagline
  4. You should see the change in the preview to the right.
  5. Click Save & Publish

Using a Logo in the Header

You can also upload an image to be used in the header. Strategic Communications can create the wordmark/logo for you.

Changing the Theme to Allow Logo Uploads

  1. Go to Genesis > Theme Settings
  2. In the Header panel, select Image Logo
    Image Logo
  3. Click Save Settings

  1. Go to Appearance > Customize
  2. Expand the Upload Logo settings.
  3. Click Select Image
  4. Choose the image from your Image Library or upload a new one. The recommended height for logos is 75 pixels.
  5. Click Save & Publish

Widgets

The theme comes with two custom widgets that can be used in the Footer to display social media icons and contact information. The standard widgets can be used in any of the widget areas including sidebars, header and 4 footer areas.

UCI Social Media List Widget

This custom widget makes it easy to put in links to your Social Media feeds. You can use icons alone or icons with text in either a vertical or horizontal display.

  1. Go to Appearance > Customize
  2. Select Widgets
  3. In the Footer 1 widget area, select the UCI – Social Media List widget.
  4. Select the Social Media Platform (Facebook, Twitter, etc.) and add the full link or URL. (Include the http)
    Social Media Widget
  5. Continue adding additional platforms and links as needed.
  6. You should see a preview to the left.
  7. Click Save & Publish
    Social icons in footer

UCI Contact Info Widget

  1. Go to Appearance > Customize
  2. Select Widgets
  3. In the Footer 4 widget area, select the UCI – Contact Info widget.
  4. Fill in the fields including your Unit name, address, email and phone.
  5. Click the Show Action box to display icons for email and phone.
    Contact Info Widget
  6. Click Save & Publish
    Contact info in footer

Front Page – Blog List or Static Page

By default, a new site will be set up so that the front page lists your most recent Posts in a blog like format. You may also opt to create a page and make that your front page. We have detailed instructions to change the front page.

Site Layout

This theme includes several layout options. You can choose a default layout and still change individual pages or posts to use a different layout.

Choosing a Default Layout

  1. Go to Appearance > Customize
  2. Expand the Site Layout settings.
  3. Select a default layout.
    Select default layout
  4. Click Save & Publish

Changing the Layout on an Individual Page or Post

  1. Edit a page or post.
  2. In the Layout Settings panel, select a different layout.
  3. Publish or Update the page or post.
    Individual layout options

Breadcrumbs

This theme also includes Breadcrumbs. Breadcrumbs are a navigation feature that allow your readers to go up levels to other content. By default, the breadcrumbs are turned off.

Enabling the Breadcrumbs

  1. Go to Appearance > Customize
  2. Expand the Breadcrumbs settings.
  3. Check the types of content to display the breadcrumbs.
    Breadcrumb settings
  4. Click Save & Publish
    Breadcrumb example

Menus (Navigation)

This theme includes two navigation areas for your custom menus. One has a yellow background (Primary) and the other white (Secondary). Both appear below the header. You can use them individually or together.

  1. Create one or two custom menus.
  2. Go to Appearance > Customize
  3. Expand the Navigation settings.
  4. Select your custom menu from Primary (yellow background) or Secondary (white background)
  5. Click Save & Publish
    Primary menu