OJS Theme Options

From Digital Scholarship Group
Jump to navigation Jump to search

OJS supports a few preset themes that will change how your journal website looks. In Step 5. “The Look” of the Journal Setup, you can select your theme using the drop-down menu in 5.6 Journal Management. This guide will provide screenshots of the default themes for easy reference when selecting a theme for your journal website.

None (default theme)

OJSThemeNone.png

Vanilla Theme

OJSThemeVanilla.png

Steel Theme

OJSThemeSteel.png

ClassicGreen Theme

OJSThemeClassicGreen.png

ClassicBlue Theme

OJSThemeClassicBlue.png

ClassicBrown Theme

OJSThemeClassicBrown.png

ClassicNavy Theme

OJSThemeClassicNavy.png

ClassicRed Theme

OJSThemeClassicRed.png

BlueSteel Theme

OJSThemeBlueSteel.png

Desert Theme

OJSThemeDesert.png

Lilac Theme

OJSThemeLilac.png

Uncommon Theme

OJSThemeUncommon.png

Night Theme

OJSThemeNight.png

Redbar Theme

OJSThemeRedbar.png

Custom Theme Plugin

OJSThemeCustomTheme.png

The Custom Theme Plugin allows you a relatively simple way of altering the coloring of your journal website, by choosing colors for your site’s Headers, Links, Background, and Foreground.

If you are interested in using the Custom Theme Plugin, please contact your Site Administrator and/or Technical Support Contact to make this plugin's stylesheet file, located at "plugins/themes/custom/custom.css", writeable.

Using the Custom Theme Plugin

  1. If you have already contacted your Site Administrator and/or Technical support contact and the above stylesheet has been made writeable, you will be able to use the Custom Theme Plugin to change the colors of some elements of your journal site. Log-in as Journal Manager, click “User Home,” then select “Journal Manager” to open admin options.
  2. Then select “System Plugins” under the “Management Pages” heading. This will direct you to a list of plugin types. Select “Theme Plugins,” which will direct you to a list of all themes currently installed on your OJS installation. Find the “Custom Theme Plugin” heading and select “Settings.” This will direct you to the Plugin interface where you can make style changes.
    CustomThemePluginPage.png
  3. In the plugin interface you can use the “Pick Colour” button to select your desired colors for Header, Link, Background, and Foreground. This button will open an in-page color picker and will automatically enter the appropriate Hexadecimal color code (for more on hexadecimal color codes, see here).

    Alternatively, if you know your desired hexadecimal color code, you can enter it in the text box to the left of the “Pick Colour” button. Once you have selected your desired colors, click save and the color changes will be made. To make sure your changes are displayed, make sure you choose “Custom Theme Plugin” as your Journal Theme in step 5.6 of the Journal Setup. Please note that if you see, “NOTE: This plugin’s stylesheet file, ‘plugins/themes/custom/custom.css’, is not currently writeable. This file must be writable before the plugin can be used,” you will not be able to save your color changes.