Customize Your Network’s Appearance

Pressbooks networks typically use the Aldine theme as their network root theme. The Aldine theme allows network managers to customize the appearance of your network’s homepage in several ways.

To access the customization menu click Appearance from the Administer Network dashboard.

This will bring you into the customize interface with a live preview of your site. You will see a menu on the left with a variety of customizable elements.

You can click on each element to customize it. The interface displays a live preview so that you can see what your changes look like before saving. Once you’re done making your changes, click Publish to save your changes. This will make them live across your network.

Edit Site Identity

The Site Identity option allows you to edit basic site information, including the title and tagline (subtitle) for your Pressbooks network, upload your institution’s logo, and add a site icon.

Select your logo image and site icon on the customization menu

Display a Front Page Catalog

The Front Page Catalog section allows you to display a simple catalog carousel on the network’s landing page and customize its display title.

To show a catalog on the landing page of your network, click the Show Front Page Catalog checkbox. To change the display title for this catalog, enter the desired text in the ‘Front Page Catalog Title‘ field.

Note: Do not be alarmed if you have this box checked off, but you do not see a catalog; you must have a book in the catalog in order for it to show on the home page.

 

Display a Contact Form

Contact form set up panelTo enable a contact form on your network’s home page, follow these steps:

  1. Navigate to Appearance > Customize from the left sidebar menu of your rootsite dashboard
  2. Select Contact Form from the customization panel
  3. Select the checkbox next to Show Contact Form 
  4. Enter your Contact Form Title and the email address you would like all messages to be directed to. This email address can be the email of a individual person (usually a network manager) or a service account/email list shared by many users.
  5. Click Publish to save

Once you’ve published your changes, a contact form will appear at the bottom of your Pressbooks network homepage.

Contact form on a Pressbooks network homepage

Customize the Contact Link

Your network will always have a contact link in the footer. It will follow one of these three paths, depending on what changes you’ve made to your network website’s settings:

  • You’ve set up a contact form for your network. The contact link points to the contact form. 
  • You have not set up a contact form for your network and have not entered a contact URL. The contact link points to the Pressbooks Contact page. 
  • You have not set up a contact form for your network and have entered a contact URL. The contact link directs point to the contact URL you’ve entered.

Contact link form in the customize panelTo enter a custom URL for the contact link, follow these steps:

  1. Navigate to Appearance > Customize from the left sidebar menu of your rootsite dashboard
  2. Select Contact Form from the customization panel
  3. Make sure Show Contact Form is unselected
  4. Enter the URL into the Contact Link textbox
  5. Click Publish to save

Display Social Media Links

You can display links to your university or publishing program’s Twitter and Facebook accounts, if relevant. To display links, enter the relevant URLs in the ‘Facebook‘ and ‘Twitter‘ fields. Please note that you must enter the URL in order for it to link correctly, not just the @handle (Example: https://twitter.com/pressbooks)Social media links at bottom of screen

Customize the Theme Colors

Side menu for color customizationUsing the colors menu, you can customize the colors for your entire network. These theme colors will be applied to your network root and the webbook reading interface across your network.

There are six colors you can change:

  • Primary color: used for links and other primary elements
  • Primary color (hover): Variant of the primary color, used for primary element hover states
  • Accent color: used for flourishes and secondary elements
  • Accent color (hover): Variant of the accent color, used for secondary element hover states
  • Primary foreground color: used for text on primary color backgrounds
  • Accent foreground color: used for text on accent color backgrounds

To change the color of any of these elements:

  1. Click Select Color
  2. Enter your brand’s hex color OR use the color picker and swatches to change the color of an element (NOTE: you’ll see these change in the live preview of your website)
  3. Click Publish
    Enter your hex code or select your color from the prism
NOTE: Pressbooks will warn you if you select foreground and background color combinations that do not meet WCAG 2.0 AA color contrast guidelines for accessibility.

Change the Header Image

You can add a header image to replace the default image, or change the header images that have already been uploaded.

To change the default header image:

1. Click Add new image 

2. Upload your file

3. Click Publish

Customize Your Menus

You can customize two different menus using the Menus section:

  • The Footer Menu (appears in the network footer)
  • The Primary Menu (appears in the top navigation bar)

The Aldine theme is built to support only these two menus, and we recommend that you don’t add others or change their locations.

Screenshot for customizing your footer menu with different pagesBy default, the footer menu will contain links to the About, Catalog, Help, and Home pages, and the primary menu will contain a link to Home, along with a set of standard user-related options (which cannot be changed).

Click Footer Menu or Primary Menu to edit either menu. You’ll see a list of the pages currently on that menu. Menu items can be reordered by clicking and dragging. To delete an item from the menu, click that item, then scroll down and click Remove. You can also remove pages by clicking Add Items— a menu will appear to the right, and red Xs will appear next to each page currently on the menu. You can click the red X remove a page from the selected menu.

Menu items can be pages within your Pressbooks network site (see more on creating pages) or custom links to external sites/pages (i.e. your parent institution website, library website or other important information hosted elsewhere).

NOTE: The Aldine theme does not support the addition of posts, categories, or tags to your menus. Attempting to use any of these options will have no effect.

 

To add a page:

  1. Click on Add Item
  2. Click Pages
  3. Click to choose any of the network pages listed to add them to the menu.

To add a custom link:

  1. Click on Add Items
  2. Under Custom Link enter the URL and link text to appear in the menu
  3. Click Add to Menu

Once you have finished adding menu items, click Add Items again to save the order. Then, click Publish. 

Click on the arrow in the top left corner to return to the main Menus panel.

Add Footer Widgets

Widgets are used in Aldine to add content to the network footer block, alongside the footer menu described above. Network Footer Block 1 appears on the left of the footer menu, and Network Footer Block 2 appears in the center.

Network Footer blocks are at the left and middle of your footer menu

To add content to the footer widget blocks:

  1. select the block you’d like to include your content inside from the Widgets menu (i.e. ‘Network Footer Block 1‘).
  2. Click + Add a Widget
  3. Choose whether to add a Gallery, Image, or Text
  4. Provide a title (if desired) and insert your desired text or images into the editor
    Edit your widget
  5. Click Done
  6. Click Publish

Add Additional CSS

The Aldine theme also lets you define custom CSS which is applied to your network home page and any pages you’ve created in the root site. You can add any desired custom CSS code by opening Additional CSS from the Customization menu.

NOTE: Pressbooks does not offer comprehensive support for CSS changes. Please be cautious with any CSS overrides and thoroughly test your changes to make sure you don’t break essential features of your site.

Watch the video below for an in-depth walk-through of the customizations described above:

Add a featured image to your network catalog

You may want to add a header / banner image to your network catalog page, making it visually consistent with your network home page. This can be done by navigating to Pages in your network root site dashboard and from there, going to the Edit page for “Catalog.” On this page, there is a Featured image box on the right-hand side of the editor where you’ll be able to upload this image and save changes.

Screenshot showing the Featured Image box on the Edit page for the network catalog.

License

Icon for the Creative Commons Attribution 4.0 International License

The Pressbooks Network Manager's Guide Copyright © 2024 by Pressbooks is licensed under a Creative Commons Attribution 4.0 International License, except where otherwise noted.

Share This Book