UI / Right Triangle UI / Right Triangle Group 2 UX / Error ! Copy 2 Shape Path

Instructions

Table of Contents

(Scroll or Use CTRL+F to search pages).

  • Pages
  • Homepage
  • Artists
  • Programs
  • Content Modules (Blocks)
  • Options
  • Menus
  • Text Formatting
  • Image Sizes

Pages

Pages are used for the Homepage and any page that is NOT a Program or an Artist. You can add, update and delete pages – which you can read more about below.

Add a Page

  1. In the back-end of WordPress, hover over Pages in the left-hand column and click on Add New.
  2. Alternatively, you can click on Pages in the left-hand column, and then click the Add New button at the top of the page.
  3. Enter a Title and complete the Hero section. Select as many Content Modules (more info below) as necessary and click Publish in the top right.

Edit an Existing Page

  1. In the back-end of WordPress, click on Pages in the left-hand column, and then click the title of the Page you’d like to update.
  2. Update the Title and any additional Content.
  3. Click Preview in the top right to view changes before pushing them live.
  4. Click Update in the top right.

Delete an Existing Page

  1. In the back-end of WordPress click on Pages in the left-hand column, and then hover over the title of the Page you’d like to delete.
  2. Click on the Trash link that appears below the title.
  3. To undo a delete, click on the Trash link above the list of Pages, find the page you’d like to restore and click the Restore link.
  4. Alternatively, you can delete a page by viewing the edit page for the specific page, and click Move to Trash in the top right, next to the Update button.

Homepage

Most of the content on the homepage operates that same as other interior pages — with the exception of the Homepage Hero. The Homepage is set as the “Front Page” in settings so that it automatically pulls in the specific hero content block. Do not create a duplicate homepage or change these settings.

  1. In the back-end of WordPress, click Pages in the left hand column and find the Homepage.
  2. Edit CTA under Homepage Hero
    1. Enter the Headline and Copy
    2. Button Text – Enter a call to action that will appear in purple button.
    3. Button Link – This is the link for the CTA button. Click to add an internal or external link.
  3. Edit Hero Images under Homepage Hero
    1. Click the “Homepage Hero” dropdown
    2. Click “Add Image” to upload an image or select from an existing image in the Media Library.
      1. Note: these images should be AT LEAST 1728 x 600 px.
    3. Enter a “Caption” or “Alt Text” to show over the image on hover. Note: Keep these concise.

Artists

Artists are Post Types used specifically for highlighting Think360 Arts programming (i.e. Creative Aging, Artists in Schools). These post types hold specific fields that will highlight relevant information for your audiences.

Add an Artist

  1. In the back-end of WordPress, hover over Artists in the left-hand column and click on Add New.
  2. Alternatively, you can click on Artists in the left-hand column, and then click the Add New button at the top of the page.
  3. You can edit the Title and add Content Blocks directly on the Artist’s page.
  4. From the Artists sidebar, you can also add the following information:
    • Status & Visibility
    • Permalink (URL slug)
    • Artist Tag – These are highly customizable.
    • Art Form (Theatre, Visual Arts, Music, etc.)
    • Programs (Artists in Schools, Creative Aging, etc.)
    • Artist Headshot – This is the image that will appear at the top of the Artist page and the main content will follow the artist around.
    • Excerpt
    • Intro Text (this will appear above the title if pulled into a related content block).
    • Artist Details (Pronouns, Website)
      • If Staff is selected, the fields are as follows:
        • Email
        • Job Title
        • Pronouns
        • Phone Number
    • Background Color
    • Accent Color
  5. Content Modules
    • Related Content Block (Artists)
      • This is a content block that enables you group all the information about a specific program together. You can edit the following fields within the Related Content block:
        • Artists Name
        • Number of Columns
        • First Image Slide
        • Background Color
        • Post Type
        • Taxonomy

Edit an Existing Artist

  • In the back-end of WordPress, click on Artists in the left hand column, and then click the title of the Artist you’d like to update.
  • Update the Title and any additional Content
  • Click Update in the top right.

Delete an Existing Artist

  • In the back-end of WordPress, click on Artists in the left-hand column, and then hover over the title of the Artist you’d like to delete.
  • Click on the Trash link that appears below the title.
  • To undo a delete, click on the Trash link above the list of Artists, find the post you’d like to restore and click the Restore link.
  • Alternatively, you can delete an artist by viewing the edit page for the specific post, and click Move to Trash in the top right, next to the Update button.

Programs

Programs are Post Types used specifically for highlighting Think360 Arts programming (i.e. Creative Aging, Artists in Schools). These post types hold specific fields that will highlight relevant information for your audiences.

Add a Program

  1. In the back-end of WordPress, hover over Programs in the left-hand column and click on Add New.
  2. Alternatively, you can click on Productions in the left-hand column, and then click the Add New button at the top of the page.
  3. From the Programs sidebar, you can add the following information:
    • Status & Visibility
    • Permalink (URL slug)
    • Program Type
    • Program Image – This is the image that will appear at the top of the Programs page and the main content will follow the program around.
    • Excerpt
    • Intro Text (this will appear above the title if pulled into a related content block).
    • Hero Blurb
    • Background Color
    • Accent Color
  4. Content Modules
    • Related Content Block (Programs)
      • This is a content block that enables you group all the information about a specific program together. You can edit the following fields within the Related Content block:
        • Program Title
        • Number of Columns
        • First Image Slide
        • Background Color
        • Post Type
        • Taxonomy

Edit an Existing Program

  • In the back-end of WordPress, click on Program in the left hand column, and then click the title of the Program you’d like to update.
  • Update the Title and any additional Content
  • Click Update in the top right.

Delete an Existing Program

  • In the back-end of WordPress, click on Programs in the left-hand column, and then hover over the title of the Program you’d like to delete.
  • Click on the Trash link that appears below the title.
  • To undo a delete, click on the Trash link above the list of Programs, find the post you’d like to restore and click the Restore link.
  • Alternatively, you can delete a production by viewing the edit page for the specific post, and click Move to Trash in the top right, next to the Update button.

Content Blocks

Content Blocks provide flexible content sections within each of your pages and posts. Content Blocks are explained below, but you can visit this Sample Page to get a better understanding of each content module.

  • To add a Content Block, click the “Add Content Block” button and select from the following:
    • Paragraph – A basic text editor with formatting capabilities.
    • Heading – Select from one of six heading options.
    • List – Ordered and unordered lists.
    • Quote – Automatically formatted. Enter quote text and attribute.
    • Related Content Block – Pull Programs & Artists onto a page
    • Buttons – Automatically Formatted.
    • Image – Upload images to the Media Library and select them here.
    • Video – Reference a URL and the video will automatically be embedded.
    • Separator – Line to separate text.
    • Spacer – Clear space to separate text.
    • Forms – Can be found and edited in the Gravity Forms plugin.
      • Contact Form
      • Footer Newsletter
  • To see a full range of capabilities, please visit the Kitchen Sink page.

More on the Related Content Block:

Use the Related Content Block to pull Programs, Artists and Posts onto a page. You can select up to five columns and select the preferred background color. Within that content block, you can also select your desired post type (Artists, Posts, Programs) and filter that post type by different categories. Artists can be filtered by Program or Art Form. Posts can be filtered by All and Categories. Programs can be filtered by All.

Each artist can also be associated with one or more Programs and/or Art Form. To associate an artist with an Art Form/Program, go to the Artists custom post type and edit an artist. In the right menu, you’ll see a dropdown for Art Forms and Programs. Select the Programs/Art Forms you’d like that artist to be associated with.

Once you’ve associated each artist with a Program/Art Form, navigate to the “Creative Aging” page, for example. Within that related content block you have the option to choose from “All,” “Art Forms,” and “Programs.” Select “Programs.” Then, select “Creative Aging” from the dropdown. Click “Update” and the “Creative Aging” content block will only display the artists that have been categorized as “Creative Aging.”


Menus

There are 3 different menus that exist on the website.

  1. Primary Navigation — this is the main navigation on the white bar.
  2. Secondary Navigation — this is the navigation at the top of the site, in the right side of the white bar.
  3. Footer Navigation — this is the navigation that lives in the footer of the site.

There are a few rules to remember with the navigation for this website.

  • Keep the navigation titles short and clear. This site has navigation (especially in the Primary and Secondary menus) that is designed specifically to the current number and length of items. If these are edited to longer names, it may break the bars.
  • Only the Primary Navigation is set up for sub navigation with the dropdown of child pages. Sub nav is not designed for the Secondary or Footer nav. Nor can you have a third tier of pages in the main nav.
  • Do not change the settings of the menus on the backend. This may change what menus are pulled into different locations and break the navigation.

To edit the menus, go to Appearances on the backend and click Menus.

  • At the top of the page, select the menu that you wish to edit and click Select
  • Under Add Menu Items, check the pages that you want to appear in the menu and click Add to Menu. These will appear at the bottom of the menu.
    • Note: if you don’t see certain content show up (i.e. Pages), go to Screen Options as the very top of the page, and check the items that you want to appear.
  •  Drag and drop these items to appear in the order that you wish. To set a Page as. a sub nav item, just click and pull the item to the “sub item” indented position.
  • Update the name of the Nav item by clicking on the down arrow and typing in the “Navigation Label”
  • Click SAVE MENU to update the site

Options

There are certain site-wide options available in the Options tab. In the back-end of WordPress, click on the Options tab in the left-hand sidebar.

  • Analytics – Paste your Google Analytics tracking ID (including the script) to ensure analytics are enabled. You can also add your Google Tag Manager Code here.
  • Sponsors – Add sponsor logos here. The images will be automatically formatted.
  • Contact Info – This is where you can edit the Think360 Arts address, phone number, and email address.
  • Social Links – Enter URLs for your Twitter, Facebook, YouTube, LinkedIn and Instagram accounts. Icons will automatically appear in the footer when these fields are filled in. You can reorder the icons.
  • Quick Links – These links will appear in the footer.
  • Page Hero Image – This is the site-wide hero image.
  • Archive Intro Text – Edit the intro text for the Artist and News archive pages.

Text Formatting

IMPORTANT: when copying and pasting text from a previous source, please first paste this text into a plain-text editor, such as Notepad. Alternatively, you can use the keyboard shortcut, CTRL + Shift + V to copy text from another source without HTML formatting. Styles copied from another source without removing HTML markup may interfere with the formatting.

To insert a line break that you do not want to be double-spaced (i.e. an address) insert the text, then click the three vertical dots in the text editor menu and select “Edit as HTML.” Within the HTML, you can insert the break tag <br> after every line. When you are finished editing as HTML, you can click the three vertical dots and select “Edit Visually” to return to the visual editor.


Image Sizes

There are specific images that will be cropped to a certain dimension to fit the design. If the uploaded image does not at least meet the cropped dimensions below, it may look pixelated.

NOTE: The crop will only occur if the image size is LARGER than the dimensions listed below.

  • Program Featured Image: 1000 x 600 pixels
  • Artist Featured Image: 500×600 pixels
  • Interior Page Hero: 1728 x 400 pixels (proportionally resized to fit inside dimensions)
  • Homepage Hero: 1728 x 600 pixels