Documentation and Style Guide

The following outlines how to manage site content for the web site. For all updates, what you see in the WordPress WYSIWYG editor may not accurately represent what you see on the page.  After all site additions and/or changes, please review the updated pages in various browsers.

The items below outline the various elements to be used on the site.

  • The font used throughout is Futura.
  • The color for all content is #ffffff.
  • The color for active/hovered links is #666666;

Image Dimensions

  • Home Page Images for Slider: 1140 × 500 pixels
  • Work Page Feature Images: 400 × 400 pixels
  • Work Detail Slider Images: 1140 × 500 pixels
  • People Images: 400 × 400 pixels
  • Publicity Feature Images: 400 × 400 pixels

If any help with any updates, please email brett@pixeljocks.com

Home Page

The rotating image slider is managed using the Slider Revolution plugin.

Work Projects

The projects listed on the Work page are generated by the entries added through the Work menu item in the Dashboard.

Each project needs five things.

  • Project Title
  • Associated slider created using the Slider Revolution plugin
  • Project Description
  • Project category (each project should have only one category)
  • Featured image (used for the grid display on the Work page)

Some items to note:

  • Only Published projects are displayed to site visitors.
  • Featured images need to be 400 × 400 pixels
  • Slider images need to be 1140 × 500 pixels
  • The projects are ordered by their Publish date within a given category

Studio Page

Adding new Team Members

Before you begin adding a new Team Member, you need their headshot (400px by 400px) and their bio.  If you don’t have both, you can’t complete the process

  1. Go to the Employees menu item in the Dashboard and click “Add New”.
  2. Enter their full name and title
  3. Enter their bio
  4. Click Publish
  5. Once published, click “View Post” and copy the full URL to be used later. It should look something like this:
    https://www.davidrausch.com/studio/people/david-rausch-principal-architect-founder/
  6. Go to the Media menu in the Dashboard and upload their headshot
    1. For the “Alternative Text” and “Title”, enter their full name
  7. Go to the Envira Gallery menu item in the Dashboard and select the “Team Members” gallery
  8. Add the new team member by clicking the “Select Files from Other Sources” button
  9. From the Media Library, select the team member photo you added in Step 6 and click “Insert into Gallery”
  10. Once the photo is added, you’ll be taken back to Team Members gallery.
  11. Click the pencil icon for the image you just uploaded
  12. For the Title and Alt Text, enter the name of the team member if it isn’t already entered
  13. For the URL, paste in the URL you saved in Step 5
  14. Click “Save Metadata” and then the X in the upper right corner
  15. Click  “Update” on the Team Members gallery page
  16. Check the People section of the Studio page to make sure the new team member is listed
  17. Click their image to make sure their full bio page loads

Recognition Page

The image grid is managed by the Recognition Envira Gallery.  Before you begin adding a new entry you need feature image(400px by 400px) and the entry title.  If you don’t have both, you can’t complete the process.

The process for entering awards is similar to entering Employees.

  1. Go to the Media menu in the Dashboard and upload the featured image.
    1. For the “Alternative Text” and “Title”, enter the Recognition title
  2. Go to the Envira Gallery menu item in the Dashboard and select the “Recogntion” gallery
  3. Add the new image by clicking the “Select Files from Other Sources” button
  4. From the Media Library, select the feature image you added in Step 1 and click “Insert into Gallery”
  5. Once the image is added, you’ll be taken back to Recognition gallery
  6. Click the pencil icon for the image you just uploaded
  7. For the Title and Alt Text, enter the Recogntion title if it isn’t already entered
  8. For the URL, you should link to an associated blog post, the project page or a third party site that highlights the award
  9. Click “Save Metadata” and then the X in the upper right corner
  10. Click  “Update” on the Recognition gallery page
  11. Check the Recognition page to make sure the new entry is listed
  12. Click the image to make sure the link works

Publicity Page

All Publicity articles are managed under the Posts menu item in the Dashboard.

Each article needs four things.

  • Article Title
  • Article text
  • Article category (always Publicity)
  • Featured image, used for the grid display on the “Publicity” page

Some items to note:

  • Only Published articles are displayed to site visitors
  • The articles are ordered by their Publish date
  • All images need to be 400 × 400 pixels
  • The entry is automatically added to the Publicity page one you hit publish