Research AMP User Documentation
  • Introducing Research AMP
    • Use Cases
    • Site Planning Tips
    • Elements of Research AMP
    • Editorial Workflow Considerations
  • Hosting and Installation
  • Site Architecture
  • Configuration
    • Customization and Layout
      • Teaser Blocks
      • Navigation Bars
      • Adding Users
    • Home Page and Home Page Slides
    • Research Topics and Tags
    • Media Library
  • Connecting Zotero
    • Curating your Zotero Library
  • Connecting PressForward
  • Content Management Procedures
    • Adding Research Reviews and Articles
    • Adding Profiles
    • News articles
    • Events
    • Adding Additional Pages
Powered by GitBook
On this page
  • Site Editor
  • Archive Templates
  • Changing the appearance of the site using "Styles"
  • Sample Change: Tagline and Logo
  • Sample Change: Font Styles
  1. Configuration

Customization and Layout

Use the Site Editor and Archive Templates to change the appearance of the site

PreviousConfigurationNextTeaser Blocks

Last updated 1 year ago

Site Editor

You can use the to change the theme templates, which dictate the arrangement and appearance of the various pages.

Use this to make global changes on your site: when you edit one of the templates, you edit all of the pages that use the template. To view or edit the templates in the Site Editor, click on Appearance > Editor in the Dashboard to open the Site Editor. For a detailed look at the different parts of the Site Editor workspace, see

The list of site elements that you can change are listed in the left sidebar: see screenshot below.

  1. To change the title and tagline of your site, go to Templates > Home Page.

  2. Click on the header and select "Edit"

  3. Write your new tagline in the dialogue box.

  4. You may change the logo in the same way: click on the current logo and change it for another file.

Archive Templates

Each content type used by Research AMP—Research Topics, Research Reviews, Articles, Profiles, and posts of news items, citations, and events—has its own Archive template. The Archive templates dictate the layout of "directory" or "list" views which users of the site can browse a list of all of the research topics, articles, or so forth.

To change an Archive Template, click on its name, click on the page element you want to change, and make your changes. See the site logo and tagline example, below.

Changing the appearance of the site using "Styles"

You can use tools in the Appearance section to change the font sizes for the texts and links, and to choose colors. Click on the "Styles" icon in the top right corner of the screen: it resembles a half-black, half-white circle.

Sample Change: Tagline and Logo

It is a good idea to make small changes first in order to slowly build toward a design that works for your site. Some initial changes you may want to make to your site include setting the title of your site and changing the logo.

  1. To change the title and tagline of your site, go to Templates > Home Page.

  2. Click on the header and select "Edit"

  3. Enter the new text in the header section

  4. You can change the logo in a similar way; click on the logo and replace the current image with your site's logo.

Sample Change: Font Styles

  1. Click the "styles" icon in the upper right corner: the black and white circle outlined in red in the screenshot below.

  2. Click Typography to bring up a list of text elements you could change: text, links, headings, etc. Click whichever element you would like to change.

  3. This brings up a menu of possible changes: font size, line height, letter spacing, color, etc. If you would like more fonts than the one that is currently possible in Research AMP you will need to download a fonts plugin from WordPress.

Users running at least version 16.7 of the Gutenberg plugin can install their own fonts for use on their Research AMP site. For more information, see here: .

For a unified appearance, you will want to only change the colors on the archive templates, not on individual pages. When choosing new colors for the site, be mindful of accessibility issues. For more information, see here:

https://wptavern.com/gutenberg-16-7-introduces-font-management
https://www.w3.org/WAI/WCAG21/quickref/#use-of-color
Site Editor
https://wordpress.org/documentation/article/site-editor/