Instructions

1.
For most things you can refer to these general instructions that cover most of what you need to know:
Basic WordPress

2.
You can also refer to already-published pages and posts for a model. Open up a page or post that’s similar to the one you want to create and check how images, texts, and other data have been added.

3.
A few extra notes for your website particularly:

Home Page:

  • The banner image is set in the homepage (featured image). Remember to make it 200px wide and to include enough height that it works well in both mobile and desktop views (subject in center)
  • The array of thumbnails is now coming from the Work categories.

About Page:

The about page is pretty straightforward and you can edit it here.

Projects:

1.
The main Projects index page will automatically populate with one row for each parent category and one image and description for each sub-category within that category (if the category has projects—aka “Work” posts). The image representing the category should be an unbordered square image to look good (make a crop) and attached to the category itself. If no image is attached to the category, the image of the top project will be displayed instead.

2.
Project Index Pages (eg The Truth Project) will display content from all the projects belonging to a sub-project as follows:

  • At the top of the page, any “Work” posts that you have created that have the “Background Story” radio selection selected will display as a title with the content from the main content field hidden within an accordion that opens on click. The accordion can display images, text and video. Check the examples from the Truth Project for ideas.
  • Below the background story accordions, each “Work” post displays:
    • The featured image from each work post
    • The title plus meta data from the medium | dimensions | year fields
    • The content of the installation location field (if there is content here). You can add images singly here or add a gallery that will create a three-column gallery. Add the titles for each image as a caption and if you want some caption information in grey, enclose it in <span></span> tags.
    • The excerpt (if there is content here)
    • A “read more” link if there is further content in the main content field (eg more images, more story about the piece)

The page displays up to 20 posts by default, with a lazy-loading link at the bottom to load a further 20 ad infinitum.

The titles of each post link through to single pages with prev/next navigation (to ensure search engines can index the single pages) but this is not highlighted, as the user can view all the content on this page if they want to.

NB: Film/video works for which you have a Vimeo video do not use a featured image. Instead, enter the Vimeo ID number in the field labeled: “Film Project Vimeo ID#” (eg if you go to the share options and find a url that starts with something like “https://player.vimeo.com/video/282268989?” (plus a whole lot more, probably), just copy the bit that is “282268989” and enter that in the field. That’s the video’s ID #.

Project Single Pages
What you put in the main content field for each project will:
(i) display within accordion on the project-category’s index page
(ii) display on the single page for each project.

NB: You can either:
– add images one by one in the main content field (in which case they will display wide, one at a time), or:
add images to a gallery (in which case, if you select 3 columns—see screenshot below—they will display as a grid of thumbnails from which users can click to view the largest available version of each image). If you don’t select three columns, the images will display hard-left.

News Page:

News posts are created via the custom post-type “News”. Use the excerpt for the index page and the main content for more details for the single pages. There are fields for start and end dates which get used to determine whether the news belongs in “upcoming” or “past” events and then text fields for details such as date, time, venue, location, etc—which will display if you fill them in.

Press Page:

Press posts are created via the custom post-type “Press”. You’ll need to attach a featured image and give the press post a title that describes it (generally the titles of the press article) and, as you can, enter the details of the publication, the author and the date in the custom fields provided.

If you enter content in the excerpt field, it will display on the press index page. If there is content in the main content field, there will also be a “read more” button, but if there’s just the excerpt, the only link to the post’s single page will be the post title.

MEDIA LIBRARY NOTES

Remember to resize images to ≤2560px max width/height if you can. Use Photoshop or the Squoosh app to reduce the dimensions and also the file size before you upload the images. Also, rename the images so they are easily searchable (and even append a short acronym like vpp at the end of each to make them more searchable as a group).

Once you have uploaded a batch to the media library, use the batch “Assign Category” option to assign a category (the project name at the very least) to further aid in making the media library one that’s easy to use.

As you add images, you can add captions if you are going to want to display captions and you can (and should) add Alt text (text that describes the image for sight-impaired people and which also helps search engines understand the content of your pages).

Alt text, page titles and meta descriptions can also be added/edited via the sidebar later but it doesn’t hurt to add alt text early.