ZillaPress

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email us via our ThemeForest profile page or visit our Theme Support Forum. Thanks so much!

Demo Buy

1 – Installation

The theme can be uploaded in two ways:

  • WordPress upload: Navigate to Appearance > Add New Themes > Upload. Go to browse, and select the zipped zillapress folder (zillapress.zip) contained within the file you downloaded from ThemeForest. Hit Install Now and the theme will be uploaded and installed. Do not upload the whole zip file you downloaded from ThemeForest. You only need the zillapress.zip file enclosed in the zip-file.
  • FTP upload: Using your FTP program, upload the non-zipped “zillapress” folder into the /wp-content/themes/ folder on your server. Do not upload the entire folder you downloaded from ThemeForest as this includes PSDs, screenshots etc.If you have done this correctly then you should end up with the following structure: /wp-content/themes/zillapress

Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate the theme.

2 – Permalinks

For sites with a large number of posts and pages, it is crucial that you set the correct permalink structure as otherwise you could experience significant performance problems.

For large sites (100+ posts/pages), we would advise you not to use a custom structure such as /%postname%/ as this can have a dramatic effect on page loading times which can result in your site crashing altogether when you have a lot of traffic. Instead you should consider adding the post ID, (e.g. /%post_id%/%postname%/) as this gets around the problem.

For more information on this please have a look at the “And we’re back. Sort of.” article by Steve Douglas.

3 – Setting up the custom menus

Our theme comes with two custom menu locations. “Secondary Menu” is located at the very top of the theme and “Primary Menu” is used for… the site’s main navigation.

Go to Appearance > Menus. Give your menu a name and build it up using little widgets on the right. You can add pages, categories or custom URLs.

Now simply select the theme location for your newly created menus using a widget on the left. Under Primary Menu, select your menu from the dropdown list, to use it as the site’s main navigation. Secondary Menu can be used to populate the uppermost navigation.

4 – Theme options

The theme comes with a simple to use administration panel. You can access it by navigating to Appearance > Theme Options. The theme options are conveniently spread over a number of tabs. Each tab contains the options that pertain to a particular area of the theme.

4.1 – General options

  • Upload Logo: Browse your computer and upload your new logo.
  • Enable plain text logo: Should you not have a graphical logo, you can enable a plain text logo which will automatically display your site name and description.
  • Favicon URL: Browse your computer and upload your new favicon.
  • Show Header Banner: Check this to show a banner in the header of your site (468px x 60px)
  • Banner Image URL: Enter the full image URL of your banner (468px x 60px) e.g. http://www.example.com/banner.gif
  • Banner Destination URL: Enter the full destination URL for your banner e.g. http://www.example.com
  • Google Analytics Code: Enter your full Google Analytics code (or any other site tracking code) here. It will be inserted before the closing body tag.
  • FeedBurner URL: Enter your full FeedBurner URL (or any other preferred feed URL) if you wish to use FeedBurner over the standard WordPress Feed e.g. http://feeds.feedburner.com/yoururlhere
  • FeedBurner Email URL: Enter your full FeedBurner email URL if you wish to enable users to subscribe to posts by email e.g. http://feedburner.google.com/fb/a/mailverify?uri=usernamehere
  • Contact Form Email address: Enter the email address where you’d like to receive emails from the contact form, or leave blank to use admin email – to be used in conjunction with the “Contact” custom page template

4.2 – Navigation options (only applicable if you do not use WP3.0 Custom Menus)

  • Show Home Link: Check this box to show a “home” link in the uppermost navigation.
  • Exclude from Navigation: Enter a comma-separated list of any Page IDs you wish to exclude from the secondary navigation (e.g. 1,5,6,)
  • Menu Order: Choose what order the navigation will be in, either the order you set in WordPress settings (menu_order) or alphabetically (post_title).
  • Exclude from Primary Navigation: Enter a comma-separated list of any Category IDs you wish to exclude from the navigation (e.g. 1,5,6,)

4.3 – Posts settings

  • Show Featured Slider: Check this box to show a “featured posts” slider. All posts tagged “featured” will appear in the slider.
  • Autoscroll Interval: Set the interval time between featured slider autoscrolling where 1000 = 1second.
  • Auto-insert Post Thumb: Check this box to auto-insert the post thumbnails immediately before the post content.
  • Show Author Bios: Check this to show an author bio panel on each post page.
  • Show Related Posts: Check this to show related posts (same category) on post pages
  • No. of Related Posts: Enter the number of related posts you wish to display
  • Related Post Message: Enter a message describing the related posts e.g. If you liked this you may like…

4.4 – Social network options

  • ZillaPress comes with the in-built ability to share posts to various Social Networking. These options enable/disable the functionality and all the user to select which networks to include.
5 – Custom widgets

The theme comes with multiple widgetized areas and multiple custom built widget that can be used many times. They can be found under Appearance > Widgets.

5.1 – Custom 300 x 250 Ad Widget

This widget allows you to configure and display a 300×250 Banner Ad.

  • Title: Title of the widget
  • Ad image url: The URL of you banner image e.g. http://www.example.com/image.jpg
  • Ad link url: The destination URL of your banner ad e.g. http://www.example.com

5.2 – Custom 125 x 125 Ad Widget

This widget allows the display and configuration of a 120×240 Ad.

  • Title: Title of the widget
  • Ad ‘x’ image url: The URL of you banner image e.g. http://www.example.com/image.jpg
  • Ad ‘x’ link url: The destination URL of your banner ad e.g. http://www.example.com
  • Randomize ads order? Check this box to shuffle the display of the banners in a random order on each page load.

5.3 – Custom 120 x 240 Ad Widget

This widget allows you to configure and display a 120×240 Banner Ad.

  • Title: Title of the widget
  • Ad image url: The URL of you banner image e.g. http://www.example.com/image.jpg
  • Ad link url: The destination URL of your banner ad e.g. http://www.example.com

5.4 – Custom Tabbed Widget

This widget displays your popular posts (by comment count), latest posts, latest comments and tags.

  • Tab 1 Title: Title of the popular posts tab.
  • Tab 2 Title: Title of the latest posts tab.
  • Tab 3 Title: Title of the latest comments tab.
  • Tab 4 Title: Title of the tags tab.

5.5 – Custom Video Widget

This widget displays a single video.

  • Title: Title of the widget
  • Embedded code: The full embedded code (including http://) of your favorite video sharing website.
  • Description: Enter a short description to your video if required.

5.6 – Custom Flickr Photos Widget

This widget displays your Flickr photos.

  • Title: Title of the widget.
  • Flickr ID: The Flickr ID of the user/group you want to display. More info on how to find out your Flickr ID here.
  • Number of photos: Select the number of photos to display (3, 6 or 9).
  • Type: Select the type of user photos you want to display (user or group).
  • Display: Select how to display the photos (random or latest).

5.7 – Custom Latest Tweets Widget

This widget allows you to configure and display your latest Twitter tweets.

  • Title: Title of the widget
  • Twitter Username: The username of the user’s tweets you wish to display e.g. awesemthemes
  • Number of tweets: Choose the number of tweets to display – max of 20
  • Follow Text: Choose the anchor text of the link to your Twitter profile. Omit this option if you do not wish to display a link.
6 – Supported plugins

Our theme comes with styles for a popular plugins which you may wish to use. Should you wish to do so, make sure to download the latest version of it, install it in your /wp-content/plugins/ directory and activate it in the Appearance > Plugins menu.

You simply need to activate the plugin and the theme will do the rest.

7 – Shortcodes

The ZillaPress theme supports the use of two shortcodes for styling purposes.

The shortcodes enable the use of a left-aligned pullquote and a right-aligned pullquote.

  • To insert a left-aligned pullquote enter the following into the post or page editor:
[quote_left] Cras mattis consectetur purus sit amet fermentum. [/quote_left]
  • To insert a right-aligned pullquote enter the following into the post or page editor:
[quote_right] Praesent commodo cursus magna, vel scelerisque nisl consectetur et. [/quote_right]
8 – Custom page templates

The theme comes with four inbuilt custom page templates; Archives, Contact and Full Width. These templates can be used on individual pages to alter the display or functionality.

8.1 – Archive template

The theme comes packed with a simple archives template. To use the template, simply create a page using the “Archives” page template. The archive lists will automatically display below any page content. Lists include the last 30 posts, archives by month and archives by subject.

8.2 – Full Width template

The Full Width template allows the creation of a page without a sidebar. The main content will span the full width of the site. To use the template, simply create a page using the “Full Width” page template.

8.3 – Contact template

The theme comes packed with a simple contact form. To use the inbuilt form, simply create a page and use the page template “Contact”. The form will automatically insert below any page content. The form includes jQuery validation to enhance user experience and the recipient email can be configured from the theme options.

9 – Custom login logo & Gravatar

The ZillaPress theme comes with inbuilt functions to replace both the default Gravatar and login logo. To replace the default Gravatar, replace gravatar.png with your chosen image in the theme /images/ folder. Upload the new image to your server via FTP and select the new Gravatar from the “Discussion” options which can be found under Settings > Discussion.

To replace the default login logo, replace custom-login-logo.png with your chosen image in the theme /images/ folder. Upload the new image to your server via FTP and the new logo will become visible on the WordPress login screen.

10 – Featured images

Our theme supports the use of featured images. The theme supports auto-resizing of the featured images and so there is only the requirement to specify a single image. Auto-resizing will only occur however when the image is uploaded for the first time, images that have previously been uploaded will not be resized.

To ensure the correct display of images across your site, ensure you specify an image with dimensions of 940×530 or larger.

To upload a featured image, go to Posts > Add New or open an existing post in editing mode. Locate the Featured Image module and click the Set featured image link.

Clicking the link will open up the usual WordPress image uploader where you will upload the image as usual. Simply make sure that it is either the same size or larger than what the final thumbnail will be. Once you’re done uploading the image, simply click the link that says “Use as featured image”.

Once you’re done, a preview of the image should appear in the right-hand box and you are free to insert the image into the post as with any other image.

For more on how to use the WP2.9+ Post thumbnail feature you can view this article – http://en.support.wordpress.com/featured-images/

11 – CSS files

The ZillaPress theme includes a total of 4 CSS files that are used at various times depending on user-controlled options that determine the site’s display. All CSS files, with the exception of the main CSS file (styles.css) can be found in the theme’s /css/folder.

  • Reset.css – The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. More information can be found here.
  • Custom.css – The stylesheet that should be used to make customisations to the theme.
  • Print.css – The styles that control the display of any page when printed by a user.
  • Styles.css – The theme’s main stylesheet.

11.1 – Using custom.css to modify the theme

When modifying the theme’s CSS it is advised to use “custom.css” as this will make updating to a newer version of the theme much simpler without overwriting your changes. You may need to use the !important declaration to overwrite any other styles in the theme for the same elements.

/* --

Example: Change the background colour to black (!important is used to overwrite any duplicate classes in styles.css)
body { background: #000!important; }

-- */

11.2 – Main stylesheet index

The main stylesheet is organised by section and includes a styles index for quick navigation. To locate the styles for a particular section, view the index and locate them by number.

/* --
Styles Index
=======
1.0 Document Body
2.0 Site Structure
3.0 Common Classes
4.0 Basic Alignments
5.0 Default Links
6.0 Vertical Rhythm
7.0 Default Headings
8.0 Top Bar
9.0 Secondary Navigation
10.0 header ...
12 – JavaScript files

The theme imports various JavaScript files:

  • jQuery: Javascript library that greatly reduces the amount of code that you must write.
  • Superfish: controls the display of the dropdown menus. More info here
  • jQuery Color: plugin allows developers to animate colour transitions. More info here
  • Custom JS: defines various colour transitions, opacity transitions and dropdown menu settings.
  • Carousel JS: controls the output and functionality of the theme’s featured scroller.
  • jQuery Validation Plugin: handles the validation of the inbuilt contact form
  • Tabbed Widget JS: controls the transitions between content tabs when using the Custom Tabbed Widget.
13 – PSD files

We have included two PSD files with this theme:

  1. zillapress-homepage: the homepage layout
  2. zillapress-postpage: the post page layout
14 – Sources and credits

All the images sources used for our demo website are listed here.

15 – Theme support

We provide basic support for all of our WordPress themes available for sale on ThemeForest via our AWESEM Support Forum – Register using your ThemeForest Item Purchase Code

We love to hear what you think! Feel free to send us your comments, feedbacks and improvement ideas via the contact form on our ThemeForest profile page.

Once again, thank you so much for purchasing this theme. As we said at the beginning, we’d be glad to help you if you have any questions relating to this theme. No guarantees, but we’ll do our best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the “Item Discussion” section.

— The AWESEM team

AWESEMThemes are created by AWESEM – Experts in all things WordPress, we design and build themes and plugins, create bespoke solutions and customize existing WordPress sites. Our approach is no-nonsense and personal.

Latest Tweets

  • Watch our series of video tutorials designed to guide you through our Compare price comparison theme for WordPress > http://t.co/GpMCcPXlz9 1 year ago

@awesemthemes

Newsletter

* = required field