Avid

$79

By The Theme Foundry

Avid theme screenshots

Beautiful photo blogging.

Share your work in style.

Avid makes it easy to start sharing your best digital work with your clients and fans. Share photos, videos, articles, links, or quotes with the click of a button. Your photos and media are automatically displayed in a functional and beautiful timeline on the front page of your website. With built-in retina optimization and a mobile-first responsive design, your site will look beautiful on any device.

Screenshot of an Avid gallery

Stunning galleries.

We handle the hard stuff.

Upload and organize your photo shoots into galleries straight from your WordPress dashboard. Your galleries are automatically displayed in a high-definition slideshow with thumbnail navigation, making it easy for potential clients to browse your work. Provide readers with some extra details by including captions or a description.

Avid gallery page screenshot

Everything in one place.

Your work should be organized.

All your galleries and images are collected and organized in one convenient location. Fans and potential clients can immediately immerse themselves in your work, switching between galleries and individual images, and even sorting by category. Stop worrying about cobbling together your photos and information across different sources, and start enjoying a streamlined website that unifies your work and your brand.

Help and additional information

If you need help with Avid be sure to read through the documentation by clicking the Support button at the top of the sidebar on this page. You can also ask us questions in the WordPress.com Avid support forum.

Looking to buy Avid for a self hosted WordPress.org website? The Theme Foundry builds WordPress templates for WordPress.org and you can purchase the Avid theme for WordPress.org directly from their website.

Quick Specs (all measurements in pixels):

  1. Avid is a flexible-width, responsive design.
  2. Slider and images (for galleries and image posts) should be at least 1140 by 700.
  3. On pages with a sidebar: The main column maximum width is 726.
  4. On pages without a sidebar: The main column maximum width is 1078.
  5. All images and video will scale to fit the viewing screen.
  6. Avid was designed by the talented Dave Ruiz of Foundation Six.

Video walkthrough

Click here to watch a 20 minute video walkthrough on setting up the Avid demo site.

Please note that WordPress.com automatically handles Retina (high resolution device) images, so the segment on retina images does not apply to WordPress.com-hosted sites

Posting overview

Avid supports 6 post formats, selectable from the Edit Post screen: Gallery, Image, Video, Standard (text), Quote, and Link. Whenever you create a new post, choose an appropriate post format and follow the instructions below.

Posting galleries

  1. Navigate to Posts → Add New.
  2. Choose Gallery in the Format metabox. This will change the post from a regular blog post into a gallery.
  3. Optionally add a gallery title and description using the title field and WordPress editor, respectively.
  4. To add your gallery to the page, begin by clicking the Add Media button.
  5. Go to Create Gallery and either upload new photos or choose existing photos.
  6. When you have chosen and ordered your images, click Create gallery, then Insert gallery.
  7. Set a “Featured Image” by clicking the Set featured image link. This will be used as the thumbnail to represent the gallery throughout different pages on the site.
  8. Save your post.

To change the order of your images in the slideshow:

  1. Hover over the gallery embedded in your post.
  2. Click the image icon that appears upon hovering.
  3. In the Edit Gallery screen, drag and drop images to change the order.
  4. You can also add, edit, and delete images in this screen.
  5. Click Update Gallery.
  6. Save the post.

Posting images

To publish a single highlighted image, select Image as your post format. Then, set the Featured Image of your post to the image you want to highlight.

The Featured Image will be included at the top of the post.

You don’t need to click “Insert into post” on your featured image. Avid automatically uses the featured image you’ve set. Clicking “Insert into post” will insert the image into the content of your post, resulting in the same image appearing twice.

Posting videos

To publish a video, first select Video from the post format box.

WordPress supports auto-embedding for many video providers. If your video hosting service is on this list of providers, then you only need to insert the URL for your video into the content area. An example from YouTube would be:
http://www.youtube.com/watch?v=mc0vhSseGk4
If your video provider is not found in the above list, you can still embed your video using HTML embed codes. Embed codes are typically provided by video hosts (look for a “Share” or “Embed” button to get the code). Once you have the code, make sure you are using the HTML editor, and paste your embed code into the post content area. The video should now display.

This post format does not use a Featured Image.

Posting articles

Articles are regular WordPress posts: leave the post format set to Standard and create your post.

This post format does not use a Featured Image.

Posting quotes

Select Quote from the post format box and type or paste your quote into the post content editor. Your quote will now display using Avid’s custom Quote post format styling. The post title will not display in the timeline view — only the quoted text you enter will be shown.

To add a citation, select your text in the visual editor and click the “cite” button, which is available in your advanced editor buttons. See the styling overview section for more details on Avid’s style buttons.

This post format does not use a Featured Image.

Select Link from the post format box and type your link text into the post content editor. Next, highlight the text you just entered, and create your link by clicking the link icon in the editor. The post title will be ignored; only the linked text you entered will be shown.

This post format does not use a Featured Image.

Styling your content

Avid adds a set of buttons to the visual editor; these buttons allow you to easily format your content with Avid’s custom typographic elements. To view these extra buttons, make sure you’ve enabled the “Kitchen Sink” option on the visual editor.

Stylistic elements include:

  • Horizontal rulers
  • Leading text
  • Citations
  • Various alerts – regular, success, error and note

Creating pages

Avid has four available page layouts, including the Default, Full width, Homepage, and Sitemap templates.

In your WordPress dashboard, navigate to Pages → Add New and select one of the four templates available from the Template drop-down; your content will be formatted accordingly.

Full width pages

By default, your pages will include a sidebar (configureable on the Appearance → Widgets screen). If you want a page without a sidebar, choose the “Full width” page template.

Homepage

The Homepage template can be used as an alternative to the timeline view for your front page. The Homepage template includes a large featured slider above a smaller content area.

Adding posts to the homepage slider

To add a post to the homepage slider, follow these steps:

  1. On your admin dashboard, go to Posts → All Posts;
  2. Click Edit to get to the Edit Post screen for the post you want to add to the slider;
  3. Find the Avid Theme Post Options meta box:
  4. Check the Show in featured slider box;
  5. Set a featured image for your post;
  6. Click Publish or Update, and you’re done.

Sitemap page

To create a Sitemap, you will need to use the Sitemap page template.

  1. Navigate to Pages → Add New;
  2. Enter a title for your page (Sitemap, for example);
  3. Under Page Attributes, select the Sitemap template;
  4. Click Publish.

The Sitemap page will be automatically generated; no need to write a single word.

The Gallery/Images page is auto-generated. It uses your Gallery posts (and the images attached to them) to produce a special view for readers to browse your galleries.

At the top of the page are two buttons used to toggle between the Galleries and Images views.

The Galleries view is similar to the blog/timeline view — your gallery posts are ordered by publish date.

The Images view is a unique display of all images attached to your gallery posts. Only image attachments attached to a gallery will appear in the Images view. Clicking any individual image will take you to a larger version of the image.

Since the Gallery/Images page is auto-generated, adding it to your menu is slightly different than a typical page. You will first need to take manual control over your menus. If you are not familiar with doing so, please read this article on WordPress menus to understand how to manually set up your menus.

Once you’re familiar with setting up menus, head to the Appearance → Menus screen. The instructions for adding the Gallery/Images page vary depending on your WordPress version.

WordPress 3.4 and newer

On the Appearance → Menus screen look for the “Format” meta box.

Check the Gallery format and click “Add to menu”. Finally, save your menu by pressing the “Save Menu” button.

The Gallery format will not appear if you do not have any gallery posts.

WordPress 3.3.3 and older

On the Appearance → Menus screen look for the “Custom Links” meta box.

  1. Add your label text (this will be the text that appears in the menu)
  2. Set the URL to be http://www.yoursite.com/?post_format=gallery, replacing http://www.yoursite.com with your home page URL.
  3. Click “Add to menu”.
  4. Finally, save your menu by pressing the “Save Menu” button.## Theme options

Display options

Avid allows you to easily remove the author’s name, post navigation, post date, tags and categories from the post display. In your WordPress dashboard, navigate to the Appearance → Theme Options page. Under the “Display options” section, check the appropriate options to prevent them from displaying on all posts and pages.

Within the “Display options” section, you can also:

  • Toggle on or off a search bar at the top of your blog page.
  • Remove gallery and image posts from your blog page.

Background image

Avid features a semi-transparent background image that overlays the background pattern your site. Avid comes with 3 choices for background images, which you can select on the “Background options” section of your Theme Options page.

You also have the option to upload your own semi-transparent background image. If you choose this option, the default background image will be hidden.

Sharing buttons are controlled under the “Subscribe links & copyright” section of the Appearance → Theme Options page. To disable all footer icons (including RSS), check “Disable all icons”.

Under the “Subscribe links & copyright” section of the Appearance → Theme Options page, you will find the input field for your footer Credit line text. By default, this field is left empty.

Adding a slideshow to posts and pages

To enable a slideshow on a page or non-gallery post, add your gallery; then, paste the following shortcode into your page content, replacing the default

[ gallery ]

shortcode:

[ gallery slider="true" ]

Using the regular [ gallery ] shortcode will remove the slider styling and return to the default WordPress gallery.

To autostart a slideshow within a page or non-gallery post, include autostart="true" into the shortcode, like so:

[ gallery autostart="true" slider="true" ]

Using portrait photos in galleries

The timeline and gallery views crop your gallery’s featured image to a landscape aspect ratio – specifically, 863px by 521px. If you have a gallery of portrait-orientation (tall) images, the featured image may not look very good when cropped to these dimensions.

However, there is a workaround that can allow you to set a featured image for a gallery without including the featured image in the gallery itself.

First, create your gallery using the instructions above, stopping after step #2 (saving your changes). Then, instead of selecting a featured image from the images you just uploaded, go to the Media → Add New screen:

Here, you’ll upload an image that fits the aspect ratio for the featured image a little better – you can crop the image beforehand using an image editing program, or you can use the built-in WordPress image editor to crop your photo after uploading. Since you’re uploading this image separately from the gallery, it will not be included in the slideshow.

After your image has been uploaded through the Media → Add New screen, follow these steps:

1. Back on the Edit Post screen for your gallery post, and click set featured image;
2. Switch to the Media Library;
3. From the drop-down menu, select Uploaded to this page;
Then, select the image you just uploaded, and click Use as featured image.

After completing these steps, your portrait gallery should have a featured image that works with Avid’s dimensions.

Looking for the self hosted WordPress.org version?

Browse our self hosted WordPress themes at The Theme Foundry website.