Getting Started with Reveal

Do you need help installing or updating Reveal?

Sample Content

If you’d like to start with some example content, here’s the content from the demo. Download and unzip the file. Then use the Tools → Import tool in your WordPress admin. Need step by step directions?

Download Demo Content

Theme Options

In your WordPress admin, click on the “Theme Options” button located under the “Appearance” tab in the left menu. Here you can configure a number of options to tailor the theme to fit your needs.

General

Logo: Upload your own personal logo. If no logo is uploaded, your website’s name will be displayed in
plain text.

Favicon: Add your own favicon.

Custom CSS: Add your own custom styles.

Footer Text: Edit the footer text. Add your own copyright info, links, etc.

Appearance

Colors: Choose from one of the 3 built-in backgrounds. Set button and link colors. Choose between a light or dark footer background.
Fonts: Specify fonts from Google’s Web Font Directory for headings, body text, and home message. Be sure to type the font name exactly as it is listed on their site.

Home Page

Here you can control various aspects of the home page.

Project Formatting

Project Thumbnail Layout: Choose how project thumbnails are displayed – in a masonry or grid layout.

Post Formatting

Control what information is shown with posts and the size of the post’s featured image.

Footer

Enter text that will be displayed in the footer.

Integration

Add your analytics code.

Slideshow

Control the speed of the slideshows generated from the slideshow shortcode.

Creating the Main Menu

In your WordPress admin, click on “Menus”, which is located uner the “Appearance” tab on the left. Start by creaing a new menu in the panel on the right. Once the new menu is created you can add pages, categories, and custom links from the panels on the left. You can then re-order and create submenus by dragging the menu items. When you’re finished, click the “Save Menu” button.

Adding Widgets

This theme has several custom widgets and a number of widgetized areas in which you can use them. To add widgets, click on “Widgets” under the “Appearance” tab in your WordPress admin. Click and drag a widget to one of the boxes on the right. Then set your options for that widget.

Custom Widgets

Reveal Recent Posts: Display a list of recent posts from a certain category or all categories, with the option to display an excerpt from the most recent post.

Reveal Flickr: Show thumbnails for a Flickr account. Please note the Flickr widget uses your ID not your username. If you don’t know it, this will help: http://idgettr.com/

Setting Up a Blog

To set up your blog, select “Categories” under “Posts” in the left menu. Create a category for your “Blog” or whatever you decide to name it. If you plan on having subcategories, create those and assign “Blog” as the parent for each. Now go to your menu editor under Appearance in the left menu, and add the “Blog” category to your menu. Save the menu.

Now when you create posts, just assign them to the appropriate subcategory.

Setting up your Portfolio

This theme uses a custom post type called “Projects” to help you manage your portfolio. By default, all projects are shown on the home page. But if you choose to show something else on the home page, you can use the “Portfolio” page template to display your projects on a different page. To add a new portfolio piece, select “Add New” under “Projects” in the left hand menu. Use the main text editor on the Project edit page to insert the main images or video for your project. Ideal image width is 700px, but if your images are larger they will be sized with the fluid layout.

Skills

When creating a project, it’s important to assign it to a skill. Skills are categories for your projects and they are used to form the project filter navigation. You can find the “Skills” box in the right column.

Thumbnails

To create the thumbnail for your project, use the “Featured Image” box found at the bottom of the right column. Use the popup window to upload an image, and then click “Use as featured image”.

Project Details

The “Project Details” box allows you to add notes about your projects, a URL, and a URL label. You can use the URL to link out to an external site. For example, if your project is a web design, you can use the URL to let the visitor look at the live website. You can also mark a project as featured to be displayed on the homepage.

Home Feature Options

With each project, you have the option to include it in the home page slideshow. Just check the box and enter the full URL of an image. The image should be 960px by 350px.

Using Button Shortcodes

You can add beautiful buttons to the content of any page, post, or widget using the following shortcode:

[button url="http://themetrust.com/" target="_blank" label="Learn More"]

The button shortcode takes 3 parameters: url, target, and label.

Lightbox

This theme comes packaged with built-in lightbox functionality. WordPress gallery thumbnails will automatically open in the lightbox, but you can also make any <a> tag open in a lightbox by adding the following – rel=”prettyPhoto”.

<a rel="prettyPhoto" href="http://domain/imageurl">link</a>

Slideshow Shortcode

This theme comes with a special slideshow built-in that scales with the fluid layout which is all part of the responsive design. All you have to do to turn a set of images in your content into a slideshow is wrap them in this shortcode:

[slideshow][/slideshow]

See the example below:

[slideshow]
<img src="http://domain/imageurl-1.jpg" />
<img src="http://domain/imageurl-2.jpg" />
[/slideshow]

It’s important to note that images in a slideshow can not be linked.

Translating Your Theme with WPML

Basic Setup

Reveal is WPML-compatible, meaning that all text in this theme can be translated to the language of your choice. To begin, be sure you have the WPML Plugin installed and activated, along with the WPML String Translation plugin.

To set up WPML the first time, follow their Getting Started Guide.To begin translating, select WPML (in the Dashboard menu) -> String Translation. You should see a list of the strings in the theme (there should be only four), with blue translation links to the right. Click these links to reveal the list of languages you use on your blog and the associated translations.

Translations

Translating Projects and Skills

To translate the custom post types and taxonomies (projects and skills), go to WPML -> Translation Management. After, select Multilingual Content Management from the tabs.

tabs

Next, locate the section called Custom Posts (about halfway down). Here you can choose the translations for projects (and its slug). Below this section, you can see Custom Taxonomies, where you can translate the skills taxonomy.

cpt