Information Topics

• GENERAL:

  • Features
  • Integrations
  • Custom Fields
  • Javscript Used
  • Customization

• SETUP:

  • Install
  • Setup Top Navigation
    • Create the navigation pages
      • Home
      • Portfolio
      • Blog
      • Services
      • Contact
  • Setup home page
    • Setup the accent panel
    • Setup tagline/author description
    • Setup the blog feature slider
    • Setup teh body content
  • Setup Portfolio Page
  • Setup Services Page
  • Setup Contact Page

Prominence Setup and General Information

Thank-you for buying my theme!

Live Demo

Prominence is an advanced Wordpress theme with a variety of configuration options and features - please make sure you are using at least Wordpress version 2.8.4. In order to get full use of this theme it is important to review this documentation in full. If you have any questions regarding configuring this theme after looking over these docs feel free to email me.

The setup guide contains detailed instructions on configuring this theme from a fresh install of Wordpress exactly as it is in the demo. Although your install will most likely have lots of data and require additional minor modifications this will give you an idea of how the theme works (ie custom fields, page templates, options, etc...). It may help to create a fresh install of Wordpress and follow along with the setup step by step. Also hover over the camera icons to get helper images in each section.

General

Javascript Used

• Jquery library
• Jquery Validate
• Jquery UI library (for tabs)
• Belated PNG Fix
• Custom functions

If you need help making changes to any of the javascript please contact me

Customization

If you need to modify the layout or styling of this theme you can edit the CSS files used. Currently I am using the following CSS files:

• reset.css
  Description: Total reset file - removes default styling
• default.css
  Description: Main styling file (default blue color scheme as well)
• ie6Styles.css
  Description: IE6 specific styles/fixes/hacks
• ie.css
  Description: IE specific styles/fixes/hacks
• styleBrown.css
  Description: Brown scheme styles
• styleDarkGreen.css
  Description: Green/Gray scheme styles
• stylePurple.css
  Description: Purple scheme styles

Included is a fully sliced and multi-layerd PSD file for the theme. If you need to make any image style changes such as the logo or background images open up the PSD file, change the color, and save the image for web. More complex customizations will require editing theme files (ie index.php, archives.php, etc...) and if you feel comfortable doing so go right ahead - otherwise feel free to contact me and I'd be happy to quote you a service price.

Features

• Threaded/Nested comments
• Custom comments styling (modified default markup through callback)
• Custom fully functional contact template page with form validation
• 4 Color Schemes
• JQuery Color Scheme switcher (can disable in admin panel)
• 4 Custom page templates (Home, Portfolio, Services, Contact)
• Home page slider controlled via posts
• Many different layout options
• Variety of content presentation options
• Active navigation for pages
• Sprite buttons (work, quote, services)
• Pagenavi plugin integrated
• Unitpngfix applied for ie transparency
• Javascript tabs/slider controlled via custom fields
• Dynamic post thumbnail resizing with timthumb on multiple sections
• Form validation via Jquery
• Widget enabled
• Elements styling
• Tableless design
• Tons of admin options including the ability to turn off and on multiple elements (see screenshot)
• Robust/detailed html setup and general information guide

Integrations

• PageNavi
• Recent Comments

Custom Fields

This theme uses various custom fields to style the portfolio, ad javascript slider features, and to add subtext to menu itmes (in some cases). Below you will see the list of those fields, thier purpose, and how you should populate them

• homePage_FeatureClientName
  Description: The feature client text on the home page
  Usage: Set the desired text on the home page you create
  
• homePage_FeatureDescription
  Description: The client description in the featured case study on home page
  Usage: Set the text you want displayed
  
• homePage_FeatureListItem
  Description: A list item to display in the featured case study section
  Usage: Create as many list items as you'd like to appear
  

Setup

As noted above, this setup will assume you are starting from a fresh install of Wordpress 2.8.4. I have not tested this theme on any previous version and highly recommend you upgrade to the latest version for more reasons than just compatability with this theme. So, let's dive in.

Install

• Upload the Prominence theme folder to your wordpress theme directory
• Activate theme in the admin panel

Setup Top Navigation

The top navigation is based upon pages, so each link will require that you create a new page and set the desired numeric order.

HOME

• Create page 'Home'
• set page order to 0
• set page template to 'Prominence Custom Home Page'
• publish page

PORTFOLIO

• Create page 'Portfolio'
• set page order to 1
• set page template to 'Prominence Custom Portfoio Page'
• publish page

BLOG

• Create page 'Blog'
• set page order to 2
• publish page

SERVICES

• Create page 'Services'
• set page order to 3
• set page template to 'Prominence Services Page'
• publish page

CONTACT

• Create page 'Contact'
• set page order to 4
• set page template to 'Prominence Contact Page'
• publish page

Delete the 'About' page created by the install

In the admin panel, go to 'Settings'-> 'Reading' and set the front page to static. Make the front page your 'Home' page, and the Posts page the 'Blog' page

Setup home page

IMPORTANT:Remember to set your home page as static, and your blog page as the 'posts' page

Setup tagline/author description

• Set the large tagline image via the admin panel
• Set the small tagline image via the admin panel

Setup the accent panel

• Add the custom field 'homePage_FeatureClientName' and your desired featured clients name as the value
• Add the custom field 'homePage_FeatureDescription' and insert the text description you want displayed for the featured case
• Add multipel custom fields 'homePage_FeatureListItem' - ad the list item text for each
• Upload images (550px X 420px) via the post media upload button : DO NOT INSERT INTO POST, only attach them

Add body content

• Add some content in the post body and it will dispaly in the bottom section of the home page. If you want it displayed the way I have it in the preview (3 columns), simply grab the markup from my live preview. Or just make three divs and give them respectively class attributes .col1, .col2, .col3

Setup Portfolio Page

• Create a new category called portfolio
• Get the portfolio category ID and paste it into the admin panel (Portfolio Category ID)
• Get the portfolio page ID and paste it into the admin panel (Portfolio Page ID)
• Create a new post and assign it the 'portfolio' category
• Add a title and some body text
• upload an image to the post using the default wordpress image uploader (width: 278px, height:350px)
• publish the post
• repeat unlimited items (do in 3s to fill the grid)

Setup Services Page

• Create a new category called services
• Get the services category ID and paste it into the admin panel (services Category ID)
• Get the services page ID and paste it into the admin panel (services Page ID)
• Create a new post and assign it the 'services' category
• Add a title and some body text (the title will be the tab text)
• publish the post
• repeat unlimited items

Setup Contact Page

• Get the Contact page id and set in admin panel (Contact Page ID)
• Set the Contact email address in admin panel (Contact email address)
• Add some text to the page itself (will show in the right side - you can take the markup from my preview if you'd like)
• Contact page is fully functional on install

Final Notes

• If you want threaded comments you need to activate them via the 'Discussion' link in the admin backend

Back to top