OIT Tech Source

This month we are introducing the new 2019 CAES-Extension theme for WordPress sites. The 2019 theme is an upgrade of the 2016 theme with design tweaks and improvements.

• Customization
• Design improvements

For our example screenshots, we’ll use a demo version of the UGArden website, that uses the 2019 CAES-Extension theme.

• 

• 

Customization

The 2019 CAES-Extension theme has many of the same, basic customization features that the 2016 version did, with a few additions noted below.

Layout

• Logo – Title: If the logo has been selected under Customize > Site Identity, you can optionally have the logo be placed to the left or the right of the site title under Customize > Layout.

• Display Posts Page’s Sidebar: If “Hide” is selected, this option removes the sidebar from your Posts page, or a page that lists your latest posts.
• Display Single Post’s Sidebar: If “Hide” is selected, this option removes the sidebar from all of your individual post pages.
  

Font

Font options (under Customize > Fonts) have been simplified down to three settings:

• Header and Titles Font Family: Make the title and heading fonts either Montserrat (default), Verdana, or Georgia.
• Header Font Size: Make the site’s top header (site title) font size Medium (default), Small, or Large.
• Content: Select the font family for body content and widget text. Choices are Verdana (default) or Georgia.

Colors

Color options (under Customize > Colors) now include the following:

• Top and Bottom Bars: Black or white for the pre-header and copyright bars.
• Link: Red or blue for content links.
• Header Background: Custom header background color.
• Header Text: White or black.
• Main menu first level: color or white background: Custom color or white for main menu.
• Main menu and “read more”: Custom color for main menu background (if selected above) and color of read more buttons.
• Main menu – current section: Highlight color for current page in main menu.
• Article title: Article title color.
• Footer: Light gray, gray, dark gray, or darker gray for footer background color.

Design improvements

The theme allows template elements (such as page content, the header, and footer) to extend from edge-to-edge of the screen. This can be done with certain shortcodes inserted on a page/post. Note that these can only be used on pages/posts that do not use a sidebar.

• 

• 

The search is now always located in the top right hand corner in the pre-header, by clicking the Search button. You can still opt to use a search widget in the sidebar, but having it in the pre-header ensures a search is available on every page.

An administrator log in is now included more subtlety on every page, in the bottom left corner, next to the copyright info. Taking up space with a login widget in the footer or sidebar sections isn’t necessary.

Resources

A couple of demo sites that feature the new theme can be viewed here:

• CAES Demo
• Extension Demo

This theme works well with shortcodes that build out cover images (banners) and columns. Learn more about how those work here:

• Cover Image Shortcode
• Column Shortcode