The Ridges Sanctuary

Preservation, Education, and Research

** Site Instructions

PAGES (Dashboard => Pages)

All content for site pages is handled on the pages themselves — you no longer need to edit the Home page in the Widgets area. To add, edit, or delete a page, click Pages from the Dashboard menu.

Most of the pages are set up with the Page Builder by SiteOrigin layout plugin. This allows you to divide a page’s content area into rows and columns. Within a column, you can insert various widgets, including a standard WordPress editor, a button, a video, etc. You can have multiple rows on a page; within a row, you can have multiple columns; and within a column, you can have multiple widgets.

To change a row’s number of columns and/or column widths, or to delete a row, click the wrench icon in the upper right of the row. To edit an individual column widget, hover over the widget in the column and click Edit. Widgets labeled as “SiteOrigin Editor” open a standard WordPress content editing box.

On a few pages that have only one image (for example, Nature of Research), the Page Builder layout is not used as the one image can simply be floated to the right or left of the text.


WIDGETS (Dashboard => Widgets)

Header Background
To change the header background, upload new image (1920px by 800px) to Media Library (unless image is already in the Media Library). From the Media Library, click on the image you want for the background header, highlight the File URL of the image and copy it (CTRL-C). Go to Widgets and open the Header Background “enhanced text widget”. Delete the URL in the widget and paste the new URL.

Background Credit
To change the photo credit of the background image, go to Widgets and open the Background Credit “enhanced text widget”. Type in the new photo credit.

Logo Image
To change the logo, upload new logo image to Media Library. Go to Widgets and open the Header Image “text widget”. Delete the image in the widget. Use the Add Media button in the widget to add your new header image. In the Add Media screen, select “Full size” in the Attachment Display Settings and insert image. If the image needs to be smaller, click “Edit” on the image and enter in new size.

Page Sidebar
Most of these you will not have to edit.

Multiple Navigation Menu widgets – there is a separate child page menu for each main parent. The child menus use the “Visibility” option so that they are displayed only on the correct parent and child pages.

Text Widget – Follow Us social media icons. Link and social media icon image.

Search Box Widget

Blog Sidebar
Standard blog widgets: Recent Posts, Recent Comments, Archives, Categories.

Footer 1
Text widget – Logo image.

Footer 2
Text widget – Contact information.

Footer 3
Text widget – 360 image with link.

Footer 4
J Davis Web Design link added by default.


MENUS (Dashboard => Menus)

There are several menus. The menu across the top bar of the site is the “main” menu. The secondary menu over the background header image is “secondary”. Each main menu parent with child pages has its own menu (Our Story, Visit Us, etc.). There is also a “combined” menu for mobile devices.

To modify a menu, click Menus. If you want to change a parent main menu item, you need to change it both in the “main” and the “combined” menus. If you want to change a child menu, you need to change both the child menu and the “combined” menu. If you want to change a secondary menu item, you need to change it in both the “secondary” and “combined” menus.

Adding a new page to the site does not automatically add the page to a menu. Pages must be added to the menus manually. Be careful about adding too many main menu items as this can cause the menu bar to break, particularly on smaller laptops. However, long page titles can be given a shortened menu title. The main menu is designed to switch to a mobile menu at 780px.


ELEMENTS TO AVOID IN CONTENT

Tables (unless used to display data, in which case, the TablePress plugin needs to be installed). Tables are not responsive and will cause the page to display incorrectly on smaller devices.

Long links as link text. Use a word or short phrase for the link text. Long links are not responsive.

Content copied from another website or from an HTML email can result in copying HTML codes to your WordPress page that interfere with the formatting of the page. When copying from another website or HTML email, paste the copied text first into a blank MS Word document. Then select the text in the MS Word doc, copy, and paste into your WP page. Some formatting (heading size, bold, italic, etc.) may not be retained and can be applied on the WP page.

Images must be uploaded directly into WP and not copied and pasted from another source.