Skip to main content

Custom Omeka Theme

Our Digital Collecting site uses a custom Omeka Theme: Charlottesville Rally Theme. We developed this theme specifically for use in digital collecting sites, making it simple to customize the content and appearance of your public site directly from your Omeka Dashboard - no coding knowledge required.

Published: April 25, 2019

Table of contents

  1. Steps for Installing our Custom Theme
  2. Configuration Settings
    1. Customize your Site’s Color Scheme
    2. Header and Footer Content
    3. Customize your Site’s Homepage Content
      1. Homepage Banner
      2. Homepage Content
      3. Optional Featured Content
    4. Contribution Page: Form Submission Instructions and Information
      1. Contribution Terms of Service: Optional ‘Summary of Terms’ Box

Steps for Installing our Custom Theme

  1. Download and unzip our custom theme from Github. Download the .zip file to your desktop for easy retrieval.

  2. Locate your Omeka installation and login to access your site.

  3. Navigate to your Omeka folder (this should have the same name as your Omeka install)

  4. Open your Omeka folder and locate the ‘/themes’ folder within.

  5. Copy or move the unzipped ‘cville_rally_theme’ folder from your desktop (or from where you saved this folder) and place it within the ‘omeka/themes’ folder located in step #4.

  6. Log in to your Omeka admin panel (found at the url: ‘your-site-url/admin’), and click on the ‘Appearance’ option in the top navigation bar.

  7. The custom theme should now be installed and visible (see screenshot below). If not, double-check that the folder is in the right location (‘/themes’) and that the folder name for the theme does not start with ‘theme-‘.

    Screenshot of Omeka Theme Admin

  8. Click on “Configure Theme” to customize your site’s appearance. See the next section for details on configuration settings.

For more detailed instructions on installing an Omeka theme, see the related Omeka Documentation.

Configuration Settings

To add your site-specific content and customize your site’s color scheme, begin at step #6 above: Log into your Omeka Admin panel, and click on the ‘Appearance’ option in the top navigation bar. Next select “Configure Theme” to access the theme settings (see screenshot in step #7 above).

You should now be on the Theme Configuration page:

Screen shot of Theme Configuration page

Customize your Site’s Color Scheme

Use this section to customize your site’s color scheme. These boxes will automatically fill in with our UVA theme colors, you can change them for your site. You must use a six-character hexadecimal color value, including the #.

Screen shot of Theme Configuration page

  • Header Color: Determines the color of the widest section of the page header, as well as the overlay color of the homepage’s banner image
  • Header Text Color: Determines the color of the text in the widest section of the page header, specifically, the text you provide in the Header Site Title and Header Tagline Text in the Header and Footer content section, and the Homepage Banner Introduction Text.
  • Navigation Background Color: Determines the color of the primary navigation bar, the Omeka login bar along the top of the page, and the page footer.
  • Navigation Text Color: Determines the color of the text in the sections listed above. The color of the navigation links in the footer, and the Omeka login links in top admin bar, are set to be a shade darker than the color given here, and show full brightness when you hover over these links. For instructions on how to customize your site’s navigation, see here
  • Headings Text Color: Determines the color of the headings in your site (for html tags h1, h2, h3, h4).

Use this section to provide content for your site’s header and footer. All of these sections are optional, feel free to pick and choose what works best for your site.

Screen shot of Theme Configuration page

  • Header Tagline Text: This is an optional secondary title section for your header. This will display below your Omeka Site Title.
  • Logo File: Upload an image file for your site’s logo, to be placed in the top right of the header. Your image file should be no larger than 150px in height. This is optional.
  • Logo Link URL: Provide a URL that your Logo File will act as a link for. This is optional, if you leave this blank your logo will not link to anywhere.
  • Logo Image Accessibility Alt Text: Provide descriptive alt text for your logo image for use with screen readers.

Screen shot of Theme Configuration page

  • Footer Text: Provide some content for your page footer. This custom theme already provides site navigation in the footer, this box is for additional content.

Screen shot of Theme Configuration page

  • Shortcut Icon File: Provide an image file to appear in your browser tab/address bar. This must be a square image, 16x16 or 32x32 pixels, and must be a PNG file in order to upload through your Omeka theme configuration.

Customize your Site’s Homepage Content

Use this section to provide content for your site’s homepage. All of these sections are optional, pick and choose what works best for your site.

Homepage Banner

Screen shot of Theme Configuration page

  • Homepage Banner Background: Provide an image file to be used on the homepage introduction banner. File must be no larger than 300kb, and will automatically be centered and scaled to fit. Your image will be overlayed with a color gradient, as selected in Header Color.
  • Homepage Banner Introduction Text: Provide some brief text to display on your banner image. This text will appear in the same color as selected in Header Text Color.

    Both the banner image and introduction text are optional, and can be used together or individually. If no image and no text is provided, your site will not have a banner. If you provide introduction text but no image, your text will display over a color gradient banner, the color selected in Header Color. If you provide a banner image with no introduction text, your image will not have the color overlay. In this case, if you’d like the color overlay on your image, type in a few blank spaces into the introduction text box (no text, just use your space bar to fill in some blank content).

    Omeka Admin Public Site
    Homepage Banner Background & Introduction Text Screen shot of public homepage banner
    Introduction Text only Screen shot of public homepage banner

Homepage Content

Use the following sections for the primary content of your homepage. All of the following sections are optional, please pick and choose what will work best for your site.

This theme’s homepage content can be created with up to four content boxes. The first two are designed for use with a Contribution page (your-site-url/contribution) and an ‘About’ page (your-site-url/about), created with the Simple Pages plugin. If you do not want to use these content boxes with pre-defined footer links, leave sections Homepage Content Box #1: About the Archive and Homepage Content Box #2: Donate Materials empty, and these will not appear on your site.

The other two content boxes, Homepage Content Box #3 and Homepage Content Box #4, do not have any pre-determined footer links and can be used for any type of content. Pick and choose which content boxes you’d like to use for your site, and leave empty any you do not wish to appear. The boxes will automatically resize to fit the screen, and depending on how many you select to use, may stretch across the whole page.

Omeka Admin Public Site
Screen shot of Omeka Admin theme content Screen shot of public site content
Screen shot of Omeka Admin theme content Screen shot of public site content
Screen shot of Omeka Admin theme content Screen shot of public site content
Screen shot of Omeka Admin theme content Screen shot of public site content

Use the toolbox buttons to format your content, add headings, links, and lists. Our site uses ‘Heading 2’ (or the h2 tag) for these content box headings. By clicking the ‘source code’ button <>, you can edit the html source code directly, if you’d like. Below is an example of our HTML source code:

HTML Public Site
<h2>About the Archive</h2><p>Recognizing the significance of events on the weekend of August 12, the University of Virginia Library is building an archive of materials surrounding the “Unite the Right” rally and counter-protests.</p> Screen shot of public site content

Check the boxes for additional content to be displayed on your homepage. All of these are optional. You must have featured items, collections and/or exhibits in your Omeka collection for some options to be relevant.

Screen shot of Theme Configuration page

  • Display Browse Collection by Type: Check this box if you wish to show ‘Browse the Digital Collection’ on the homepage. Includes icons for Omeka Item Types: Still Image (Label: Photos), Moving Image (Label: Videos), Text (Label: Stories), Hyperlink (Label: Links):

    Screen shot of Theme Configuration page

    To customize what is included in this box, you must edit the file browse-types.php, found in the /common folder within themes/cville_rally_theme.

  • Display Featured Items: Check this box if you wish to show three featured items on the homepage. If you have more than three featured items in your Omeka collection, these will show random featured items each time the site is refreshed.
  • Display Featured Collection: Check this box if you wish to show a featured collection on the homepage.
  • Display Featured Exhibit: Check this box if you wish to show a featured exhibit on the homepage. For use with the Exhibit Builder plugin.
  • Display Recent Items: Check this box if you wish to show recent items to be displayed on the homepage. These will appear in the order in which they were mostly recently added to the archive.

Contribution Page: Form Submission Instructions and Information

Use the following sections to create content for your public Contribution page. This is the page created by the Contribution plugin, and contains the form for public submissions. Provide instructions and additional information for those contributing materials to your collection. See our page as an example, here.

Screen shot of Theme Configuration page

In addition to the primary content, you have the option of including a small information box, set on the right-hand side of the page. This is useful for contact information or anything else you’d like to include. Leave this empty if you do not want this content box to appear. See below:

Omeka Admin Public Site
Screen shot of Theme Configuration page Screen shot of public site content

Contribution Terms of Service: Optional ‘Summary of Terms’ Box

On your Contribution Terms of Service page, this theme has an option to include a ‘Summary of Terms’ content box on the right-hand side of the page, to help contributors quickly read and understand the main points of the full terms, in simpler language. This is optional, leave this field empty if you do not want this to appear.

The complete Terms of Service text is given within the Contribution plugin settings. Contribution is managed from the plugin’s tab on the left-hand navigation of the admin dashboard. You can find the field for Text of Terms of Service under the ‘Submission Settings’ tab. See the complete Contribution plugin user guide, here.

To use the ‘Summary of Terms’ box, provide a bullet-pointed list in the field. This box automatically features a heading and (*) footnote. See below:

Omeka Admin Public Site
Screen shot of Theme Configuration page Screen shot of public site content