Customization and Layout
Use the Site Editor and Archive Templates to change the appearance of the site
Site Editor
You can use the Site Editor 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 https://wordpress.org/documentation/article/site-editor/
The list of site elements that you can change are listed in the left sidebar: see screenshot below.
To change the title and tagline of your site, go to Templates > Home Page.
Click on the header and select "Edit"
Write your new tagline in the dialogue box.
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.
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: https://wptavern.com/gutenberg-16-7-introduces-font-management.
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://www.w3.org/WAI/WCAG21/quickref/#use-of-color
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.
To change the title and tagline of your site, go to Templates > Home Page.
Click on the header and select "Edit"
Enter the new text in the header section
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
Click the "styles" icon in the upper right corner: the black and white circle outlined in red in the screenshot below.
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.
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.
Last updated
