Information Topics
BigBrands Setup and General Information
Thank-you for buying my theme!
Live Demo
BigBrands 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.5 and PHP 5. 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 Fancy Zoom (web portfolio images)
- Jquery rotator script
- 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) -
ie6.css
Description: IE6 specific styles/fixes/hacks -
ie7.css
Description: IE 7 specific styles/fixes/hacks -
rotator_manual.css
Description: Styles for the rotator script
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 Custom page templates (Logo (Grid), Web, Testimonials, Contact)
- Home page rotator controlled via admin data or autoloaded
- Many different layout options
- Variety of content presentation options
- Active navigation for pages
- Pagenavi plugin integrated
- Form validation via Jquery
- Widget enabled
- Elements styling
- Tableless design
- Many 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 - below describes each and how you should populate them
- page_title
Description: Used to override the page title (so you can have long page titles and short navigation link text)
Usage: Set the desired text and it will be used as the page content title
- customer_company
Description: Used on the testimonials page for the customer's company
Usage: Set the text you want displayed
- customer_name
Description: Used on the testimonials page for the customer's name
Usage: Set the text you want displayed
- customer_position
Description: Used on the testimonials page for the customer's position
Usage: Set the text you want displayed
Setup
With the ability to import my default XML data I don't think its necessary to walk you through the setup from scratch. Please grab the XML export from here and I will provide additional details below on configuration from a base install + export.
Install
- Upload the BigBrands theme folder to your wordpress theme directory
- Activate theme in the admin panel
Setup logo page
After import the default logo page should function as intended. Below is the process of how the images are displayed and how to add/edit them
Add new logo images to the grid
- Browse to your log page and 'edit' it
- Click the 'upload' button in the editor
- Browse for a new image (150px X 150px) and upload it, then edit the image properties
- Set the image title field to the title you want shown when you hover over the image
- Set the image description field to the text you want shown when you hover over the image
- NOTE: do not insert the image into your post, just upload it - the theme will pull from the attachments
Edit images currently displayed
- Browse to the logo page
- click the upload image button
- find the image that is being used in the 'Media Library'
- Edit the image's properties as you need (ie the title and description)
Remove an image used
- Browse to the logo page
- click the upload image button
- find the image that is being used in the 'Media Library'
- Delete the image
Setup web portfolio page
Add new images to web portfolio
- Browse to your 'web' page and 'edit' it
- Click the 'upload' button in the editor
- Browse for a new image (150px X 150px) and upload it, then edit the image properties
- Set the image title field to the title you want shown for your item
- Set the image description field to the url you want shown
- NOTE: do not insert the image into your post, just upload it - the theme will pull from the attachments
Edit images currently displayed
- Browse to the 'web' page
- click the upload image button
- find the image that is being used in the 'Media Library'
- Edit the image's properties as you need (ie the title and description)
Remove an image used
- Browse to the 'web' page
- click the upload image button
- find the image that is being used in the 'Media Library'
- Delete the image
Setup testimonials page
- Set the testimonials category ID in the admin panel
- Create a new post and assign it the testimonial category
- Add the customer_name custom field
- Add the customer_company custom field
- Add the customer_position custom field
- publish post
Setup Contact Page
- Only thing you need to do after import is set your email address in the bigBrands admin panel
Final Notes
- Remember to set your home page to the static 'home' page, and your blog page to 'blog'
- If you want threaded comments, remember to enable this in 'Discussion' with the requested level of nesting