Managing the Look of Your Site

You have enormous control over the look and feel of your site. While more detailed documentation is available on the following points, it's good to get familiarized with some basic concepts.

Your Theme

You'll want to set a "Theme" from a number of choices. Themes provide consistent visual presentation for you site. You may choose from one of many themes included with the Project, or have a custom theme developed for you by an outside designer.

theme area

Clicking on the Appearance button in the Control Panel lets you select a "Theme". Themes are visual presentations of a particular look and feel and you have the option of choosing any of these, indeed you can change themes at will. Changing the theme only effects the look and feel of your site, but not the content you've created.

Additionally, should you choose to have a web designer design a custom theme available to only you, your custom theme will appear to only you in this area of the Control Panel.

To choose a theme in the control panel, click on the screenshot itself (a notification will appear), and then click the 'Save' button at the bottom of the page.

theme area

Featured Themes vs. Other Themes vs. One Page Themes

Featured themes are mobile-friendly or "responsive" themes that use the Harvard color palettes. These themes have been recently designed and developed. Other themes are older themes that don't tend to be mobile-friendly. Lastly, one page theme are designed for very small sites.

A Caveat

One thing to note about themes is that while many of them are consistent with where the various elements of your site should appear—such as your photo, name, address, etc.—some themes may have distinctive or unusual ways of displaying these elements. It is advised if changing your theme to look carefully throughout your site to determine if the placement of all the site elements work for you.

Creating a "Swipe Button"

A visual feature included in OpenScholar themes is a “swipe button”—mousing over the button generates a slow, left to right color swipe effect.

To create a small or large button:

  1. Create a text link (learn about adding links)
  2. In the wysiwyg/text editor, view the HTML view by selecting the "Source"                                                         Source link
  3. As illustrated below, copy/paste one of the following:
  • class="os-swipe-large” 
  • class="os-swipe-small”              Add swipe button code

Displays:

small button

large button

Updated:17Nov17