The Agency WordPress Theme

Created: April 29, 2011
Modified: April 25, 2013
By: OTOTW Team
Version: 2.1

Thank you for purchasing this WordPress theme. If you have any questions that are beyond the scope of this help file, please head to our support forum and send your request here.


Theme Installation

Please read carrefully the installation instructions before asking any questions about why your Theme is not installing correctly.

Within WordPress

  • Navigate to Appearance -> Themes -> Install Themes. Go to Upload, and select the file “theagency.zip” within the zipped file you downloaded from ThemeForest.net. Hit ‘Install now’ and the theme will be uploaded and installed. This may take some time.

FTP Upload

  • Using your FTP client, upload the non-zipped theagency folder into the wp-content/themes folder on your server. Go to Appearance -> Themes and activate the theme. The template is now installed and activated.
We suggest that you import the @IMPORT/dummy-contents.xml file to learn how the template works.

Custom Options

The custom admin panel was developed to make the life on the end user (you) a whole lot easier. Within the custom admin panel you'll find all extra options to have your theme the way you want.

  • Within the WordPress administrative panel, on your left side menu, just click the last item Appearance -> Theme Options.

We suggest that you import the @IMPORT/theme-options.txt file to duplicate the Custom Options of our Live Preview.

Menu Setup

WordPress menus can be found under Appearence -> Menus.

  • You'll need to create at least one new menu for the header. Verb also supports a custom menu, which you could use in the widget area. Click the + to add a new menu.

  • Now, on the left hand side, select the pages you would like to have added to the menu. You can then click "Add to Menu" and they will show up on the right side of the page. You can drag the pages around to arrange them the way you'd like.

  • Create a drop menu by dragging menu items under and to the right of another menu item.

  • Save the menu when finished.

  • Now that you have the menu created, you need to assign it in the Theme Locations window located on the left. From the drop down menu, select the appropriate menu for the header and save.

Front Page Setup

By default, the blog will be your Front Page and will show your latest posts. However, you need to create a Home Page and configure it to show as the Front Page instead, you need to tell WordPress to achieve this.

  • Create a new page called Home. You don't have to add any content or apply any templates to this page. You just need to create the page so we can utilize it in the next couple steps. Publish the page.

  • Go to Settings -> Reading on the admin menu. Set your newly created Home page as the Front page. Click Save Changes.

Set up a slider

  • Build a slider, see "Building a Slider" below to know how.

  • Head to the Slider Settings under the Theme Options at Appearance -> Theme Options -> Home Page and select the slider you want to use on the Front page. (http://cl.ly/Moyr)

  • Click Save and refresh your Home page.

Building a Slider

The Agency come with a slider builder to help you setup a slider on any page you want.

  • Navigate to the Sliders Custom Post Type and click on Add New Slider.

  • Create slider items, re-order them, save them, use them! Let's go and click on Add New.

    • Title: Use a title that will help you identify this slider.

    • Slider Image: Upload your slider image. Suggested image size is not less than 960px wide and 363px high.

    • Slide Caption: Enter any text you want.

    • Slide URL: Enter the URL you would like to redirect when we click on the slide.

  • Click on Publish to save your slider.

  • You can tweak your slider within the Theme Options area under Appearance -> Theme Options -> Slider Settings.

  • Take a coffee.

Add a Project

The Agency use a custom post type for managing and displaying your projects.

  • Head over Projects in the left area navigation within WordPress and click on Add New Project.

    • Create a new post and add a title.
    • The content can be left empty.
    • On the right hand side of your page, you'll see the Featured Image pane. Click Set Featured Image and upload your image. Once uploaded, scroll down and click Use as featured image. Once set, you can close the image upload window.

Project Details

  • Project Details: We've built a Project Details panel where you can easily enter any details of your Project.

    • Small Descriptio: Add a small description, max 100 caracters.
    • Case Study: (XXX).
    • Project URL: Add the project URL.
    • Client: Enter the CLient name.
    • Role: Enter the your role within this project..
    • Year: Enter the year of the project.
    • Project Gallery: Build the project's gallery
  • Select the categories of the Project.

  • When done, clic on Publish and your Project will be published.

Contact Page

The Contact Page uses a built-in contact form.

  • If you haven't already, create a new page called Contact.

  • Within the body of the post, just insert the following short code: [contact_form]. Update the post. You should now see the form on the contact page.

Widgets

Add widgets to each Sidebar Widget Area panes to see them in the different sidebars of the theme. You can add text widgets, calendar widget, the Twitter Feed widget, Custom menus, etc. here just like we did on the demo.

Adding a Featured Image or Video to Blog Posts

Featured Image Posts

  • Create a new post and add a title and description.

  • Write your content and add whatever styling you want.

  • On the right hand side of your page, you'll see the Featured Image pane. Click Set Featured Image and upload your image. Once uploaded, scroll down and click Use as featured image. Once set, you can close the image upload window.

  • Once you've added the featured image and content you can publish and preview your post.

Video Posts

  • Create a new post and add a title and post content.

  • Within the body of the post, copy and paste any embed code, IE:
    <iframe src="http://player.vimeo.com/video/4143170?title=0&amp;byline=0&amp;portrait=0" frameborder="0" width="1200" height="600"></iframe>

  • Once you've added embed code within your content you can publish and preview your post.

Short codes

The Agency includes a host of shortcodes that you can use to style your website's content. Each shortcode has a button added to the TinyMCE visual editor and HTML editor meaning you do not need to remember the shortcodes to use them.

Complete Short Codes HTML

You can view the code used for the Short codes page on our Live Preview by clicking here.