High Art - A Theme for WordPress

About High Art

Although High Art can be used for a wide variety of things, it is primarily a theme for Artists, Art Galleries, & Exhibitions spaces. It’s packed with all kinds of features that allow you to bring the experience of an art galley to the web in a new and interesting way. Check out the demo and review some of the amazing features below.

Also for a limited time there’s a free, blog only version available which has the styling of the Full version of High Art, without all of the extra bells and whistles.

Features	Free	Pro
Promote artists and gallery shows with the Exhibits custom post type. (screenshot)	—	✔
Schedule events and shows with the Events custom post type. (screenshot)	—	✔
Lightbox display for Exhibits using Fancybox.	—	✔
A theme options page for custom logos, theme colors, footer options & more. (screenshot)	✔	✔
A strict grid based design mixed with clean typography and a baseline grid. (screenshot)	✔	✔
2 widgetized sidebar areas.	✔	✔
Flickr integration which displays photo sets directly from Flickr. (screenshot)	—	✔
5 Custom page templates for Archives, Events, Exhibits, etc. (screenshot)	—	✔
Free updates! (For bug fixes and errors).	✔	✔
Custom web fonts using Lato from Google Web Fonts.	✔	✔

Purchase High Art Pro for only $25.00

Buy Now

Version: 0.1.4
For WP 3.1 +
Buy safely and securely with PayPal.

Download High Art Blog for FREE!

Download Now

Version: 0.1
For WP 3.1 +
File size: 295.0kb

Purchase Policy

Feather Weight(fthrwght) & Allan Cole cannot offer refunds on any purchases due to the nature of the product being sold. Please review the demo and the information below carefully before you purchase this theme.

Licensing

Documentation

Theme Requirements

WordPress 3.1 +

Installation Instructions ( WordPress 3.1 or higher )

Upgrade to the latest version of WordPress.
Download the High Art Pro Theme to your computer.
Login to WordPress and navigate to Appearance → Themes.
Click the Install Themes tab.
Click the Upload link underneath the tabs at the top.
Click the Browse... button and install the highart-0.1.zip file you just downloaded.
Click the Install Now button when prompted.
Click the Manage Themes tab at the top of the page.
Find the High Art theme and click the activate link underneath the screenshot.
That’s it!

Posting

Adding Exhibits

Exhibits are essentially just featured image galleries for artists and events. To create an Exhibit, navigate to the Exhibits → Add Exhibits Panel and follow the on screen prompts to create an Exhibit. Since Exhibits are primarily image based, creating a new Exhibit can be as simple as adding a Title, adding a Description and uploading/attaching some images.

Adding Images

Exhibit galleries are completely based on image attachments. You DO NOT need to insert images directly into the post content area for an Exhibit to work. Please watch the tutorial video above.

Adding Flickr Images

Using images from Flickr requires a few extra steps. See more info about it below.

Setting Exhibit Information

Use the Exhibit Information section of the Add/Edit Exhibit panel to provide relevant details about the Artist/Exhibit. (screenshot)

Video URL: Add a link to a video or other supported oEmbed content. (Example: http://www.youtube.com/watch?v=bt48AxjzQJI ). More Info.
Event Location: Add the event address in any format that you like. High Art will then take the address and create a custom Google Map link for that location.
Cost: Insert the cover charge for the event in any format.
Ticket URL: If visitors can purchase tickets for the event online, add the link to it here.
Note that any fields left empty here will be ignored.

Setting Artists and Media

High Art comes with a few custom taxonomies which work like categories to define Artists and Media types for the Exhibits you create. (screenshot)

Creating Events

Events allow you to promote events with flyers, map links and ticket purchases. The Events feature should not be confused with a calendaring system — it isn’t that powerful (…yet ;-).

Adding Flyers

To add a flyer to an event, simply upload a flyer image to the Event and click the Use as Featured Image link.

Setting Event Information

Use the Event Information section of the Add/Edit Exhibit panel to provide relevant details about the Event.

Event Date: Type in the Event Day, Date, Time, in any format that you like. (Example: Friday, May 13th 2011 @ 8pm). If no Date is entered, it will default to the date that the Event was created.
Event Location: Add the event address in any format that you like. High Art will then take the address and create a custom Google Map link for that location.
Cost: What is the cover for the event.
Ticket URL: If visitors can purchase tickets for the event online, add the link to it here.
Note that any fields left empty here will be ignored.

Creating Posts

Normal show up in the posts don’t require any extra instruction although I do suggest setting a Post Thumbnail for everything.

Using Images From Flickr

To use the new Flickr image feature, you need to first have a working Flickr account. After you’ve created an account and added a few image sets, you can start setting up the Flickr API to work with High Art using the instructions below. (screenshot)

Log in to your Flickr account and go to the Apply for API key page.
Click on the “Create a New Non-Commercial API key” link.
Give your app a name (eg. My website name) and a description. (eg. A Flickr gallery for my website)
Agree to the terms and click “Submit.”
You will be given your API Key and API Secret Key. You will also need your Flickr Username. (see note below)
From there, go to the High Art Options page and enter the API data into the Flickr settings area.

Note: When specifying your username, it must be the username found in your Flickr URL (eg. http://flickr.com/photos/username). This is not necessarily your Flickr username you use to login.

After you do that, on any Exhibit Edit screen you should see a drop down where you can select your Photo Sets directly from Flickr. (screenshot)

Using Video and oEmbed

Adding Video to Exhibits

To add video to an Exhibit, simply add a video URL to the Video URL option in the Exhibit Info section. This feature uses oEmbed which means you simply need to provide a link to a video. Normal embed codes (object, embed, etc) will not work.

Here are some oEmbed Examples

Vimeo: http://vimeo.com/7757262
Youtube: http://www.youtube.com/watch?v=vk1HvP7NO5w
Hulu: http://www.hulu.com/watch/20807/late-night-with-conan
See More oEmbed Examples.

Adding Video to Posts and Events

The best way to add video to posts or events is to use the [embed] shortcode.
For example, an embed shortcode for this Vimeo video would look like this:
[embed width="640"]http://vimeo.com/7757262[/embed].

Image Sizes

Please make sure to always upload images that are at least 925px wide to ensure proper formatting. High Art & WordPress will then, automatically create any additional custom image sizes automatically for use in the theme. These sizes are automatically set when you activate High Art for the first time. For your reference, here are the sizes:

Thumbnail: 165px × 165px. (cropped)
Medium: 260px × 999px.
Large: 640px × 9999px.
Archive Thumbnail*: 165px × 999px. (not cropped)
Full Gallery Thumbnail*: 925px × 9999px.

Please note that these settings only effect the images that you upload after you activate High Art. I strongly suggest installing the Regenerate Thumbnails plugin by Viper007Bond, which regenerates all the image sizes in your blog so that they fit the dimensions of the High Art grids and display areas. Here’s some more information about image sizes in WordPress.

Building navigation menus

Your top navigation menu(s) are controlled from your WordPress dashboard. Navigate to Appearance → Menus and create a new menu using the drag and drop functionality. More info.

Page Templates

High Art comes with 5 Page Templates which allow you to display different types of content. To use the templates, Create a new Page, navigate to the page Attributes Panel and select one of the templates from the Templates drop down menu.

Blog Archive Template: Displays all of your Posts in a Blog or News format.
Events Archive Template: Displays an archive of Events with Flyers.
Exhibits Archive Template: Displays an archive of Exhibits.
Full Archive Template: Displays an archive of everything including Posts, Events, and Exhibits in a grid format.
Full Width Page Template: Displays a full width Page without a sidebar.

Sidebars

There are two sidebars included with High Art. These sidebars can be edited under Appearance → Widgets in the admin. Here’s a list of the available sidebars.

Primary Widget Area: Located on the right side of the layout, but hidden from Exhibits and Full Width Pages.
Footer Widget Area: Located just above the footer. (Important!: A 5 widgets max is ecommended)

Shortcodes

High Art comes with one shortcode.

Pullquote: Adds a custom blockquote. Example:
[pullquote float="left" cite="Author"]This is the quote text.[/pullquote]

More details about using High Art shortcodes can be found on this post High Art Instructions Panel. You may want to check out the WordPress codex on the subject as well.

Theme Options

There are a number of Theme Options that allow you to add a personal touch to High Art. These options can be found at Appearance > Theme Options in the back-end.

General

Custom Logo: Upload a logo for your site, or specify the image address of your online logo (ie: http://yoursite.com/logo.png). The recommended size is 355px by 90px, but any size will do.
Custom Favicon: Use this option to upload a 16px x 16px PNG/GIF image that will become your website's favicon in the navigation bar of your browser and in browser bookmarks.
Show Blog Description: Add a check here to display the Blog Description in the header.
Infinite Scroll: Add a check here to Use infinite scroll on Blog, Exhibit, & Archive pages.
Copyright Text: Override the default copyright information in the footer by adding your own text here.
Show Credits: Show a link to WordPress and the High Art theme in the footer?
Tracking Code: Paste your Google Analytics (or other) tracking code here. This will be added into the footer template of your theme.

Color & CSS Options

Text Color: Change the color of body copy text by entering a HEX color number. (ie: 999999)
Link Color: Change the color of links by entering a HEX color number. (ie: 000000)
Border Color: Change the colors of borders by entering a HEX color number. (ie: CCCCCC).
Background Color: Change the themes background color by entering a HEX color number. (ie: F7FFE7)
Highlight Color: Change the background color of Portrait (narrow) images by entering a HEX color number. (ie: FF0000)
Custom CSS: Quickly add some CSS to your theme by adding it to this block.

Flickr API Options

Username: (See instruction above)
API Key: (See instruction above)
Secret Key: (See instruction above)

Extras

Grid Hot Keys

As an additional feature, High Art comes with a grid overlay script that is really convenient for testing image alignment. Whenever an Admin or Editor user is logged in, they can use the Key combination: ALT + SHIFT + G to toggle the High Art layout grid from any front end page.

ALT + SHIFT + G: Holding these 3 keys down to display the grid behind the entire layout.
(ALT + SHIFT + G) + H: Pressing H while the grid is shown will make the grid static so that it is shown as you click and browse through the site.
(ALT + SHIFT + G) + F: Pressing F while the grid is shown will move the grid to the top level so that the grid sits in front of everything on the page.

Baked-in Plugins

High Art has a few plugins that are baked in to make a few things easier. If you already have any these plugins installed and activated the installed versions will override the baked-in versions.

Faster Image Insert Plugin: Includes the Media Upload screen as its own panel. More info
Taxonomy Widget: Allows you to create your own widget based on Category, Tag, Artist, or Medium. More info

Caveats

No IE6 support.
Javascript must be turned on for the theme to display correctly.
Flickr API doesn’t allow you to choose an “Anchor Image” for posts.

F.A.Q.

I just purchased High Art PRO but did not received a download link. How do I download the files?

Please allow up to 24hrs to receive your theme download link. In most cases, the download link is delivered immediately meaning you’ll probably just need to check your spam folder for the download link email. In some cases, you’ll need to make sure the email address associated with your PayPal account is up to date and active. As a precaution, please add notifications@fetchapp.com & allan@fthrwght.com to your email contacts to ensure that you receive all future updates in your inbox.

How do I upgrade to a newer version of High Art.

The first thing you’ll need to do is save a copy of the current theme folder running on your server to your local desktop as a backup. Next, for users upgrading from any older version of High Art, simply use FTP to replace the theme files on your server. I do NOT recommend using the built in WP theme uploader.

I purchased High Art Pro but decided I don’t want to use it. Can I have a refund?

Due to the nature of the product, I am unable to process refunds. High Art is a digital product which means there is no way for you to return it to me, unused. There is also no way for you to guarantee that you won’t use the product after receiving a refund, which isn’t fair. Please be sure you understand what you are buying before purchasing this theme.

How do I get support?

If you are having problems with the theme, please make sure that you have followed all instructions down to the smallest detail and be sure you are using the latest version of WordPress. Please do not email me directly with theme support questions.

Instead, visit my Get Satisfaction Forum or ask a question using the form below. The forum is great for discussing issues publicly amongst other users. Feel free to post questions of any kind there. That way others in the community can both provide and benefit from the solutions found in the forum. I personally will only be responding to bug/error reports, but anyone else is welcome and encouraged to provide solutions there as well.

Powered by the Get Satisfaction support network

How do I customize High Art?

Child themes are the simplest way to make future proof changes to High Art. High Art actually comes with a sample child theme to help you get started.

I need help making some custom changes to High Art. Can you help me?

High Art is distributed AS IS. fthrwght and Allan Cole will not be offering support for customization help through this site. If you’d like to change something about the theme you’ll have to hire a third party or make the changes on your own. Please do not email me directly with theme customization related questions.

As an alternative, you can check out WPQuestions.com which is a problem-solving community for WordPress, ideal for users seeking quick, succinct answers they can't find in any WordPress forums. I’d recommend running your most pressing High Art questions by the experts at WPQuestions.com

Changelog (Pro version only)

Version 0.1.4 Date: 5-4-2012

Fixed Flickr Integration (username option id typo)

Version 0.1.3 (5/4/2012)

Changed name to High Art Pro
Fixed logo position issue: http://gsfn.us/t/2slxf (apply vAlign script after page fully loads)
Fixed inconsistent Events hover states: http://gsfn.us/t/2slxf
Fixed page template conditional script errors. (Added wp_reset_query() )
Fixed infinite scroll option. (Changed 'true' to '1')
Fixed image width CSS (max-width: 100%;)
Fixed Titles for Images in Exhibit? http://gsfn.us/t/2sm8p
Fixed IE slider nav background color issue

Version 0.1.2 (3/6/2012)

Fix Tag archives to include Exhibits and Events: http://gsfn.us/t/2l6dy
Fixed Google Map Links: http://gsfn.us/t/2f9z7
Fixed widget titles so they aren't cut off when at the top of the sidebar
Fixed logo positioning in Chrome: http://gsfn.us/t/2bgdu
Fixed oEmbed content width (Needed to include an arbitrary height)
Fixed HTML entities for right and left angle brackets
Fixed Bracket font size issue
Moved /options/ and 'extensions' to /inc/ folder

Version 0.1.1 (7/8/2011)

Fixed Events template bug: http://gsfn.us/t/2c7bv
Fixed Exhibit CSS classes: http://gsfn.us/t/2c7bw

Version 0.1 (5/16/2011)

Initial release

Other Information

All sample images are from a wide variety of sources. Please contact me if you would like me to remove any work found here or in the demos.

Thanks

Much appreciation goes out to Devin Says. Without his Option Framework script, there probably wouldn’t be an Theme Options panel. I also need to mention The Theme Foundry. There would be no Flickr integration without their extremely clever code.

Support

High Art is distributed AS IS. fthrwght and Allan Cole will not be offering support or customization help through this site. Please make sure that you have followed all instructions down to the smallest detail and be sure you are using the latest version of WordPress.

Recommended Support

WPQuestions is a problem-solving community for WordPress, ideal for users seeking quick, succinct answers they can't find in any WordPress forums. I’d recommend running your most pressing High Art questions by the experts at WPQuestions.com

The Themeshaper Support Forums is also a great place to find information about using and tweaking child themes within this framework. The WordPress Support Forums is another great resource for everything related to WP and theming — I am sure you will find answers to almost all of your questions using these three resources.

Get Satisfaction Support

My Get Satisfaction Support Page is a great space to discuss issues publicly amongst other users. Feel free to post questions of any kind here. I will only be responding to bug/error reports, but anyone is welcome to offer help and support.