Deadline

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!

Are you using our Deadline Responsive theme? View our Deadline Responsive Theme Documentation

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 deadline folder (deadline.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 deadline.zip file enclosed in the zip-file.
  • FTP upload: Using your FTP program, upload the non-zipped “deadline” 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/deadline

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

2 – Setting up the blog and the homepage

To create the homepage as seen in the demo you must first create a page and call it e.g. “Home”. You need to ensure that you use the “Home” page template when you publish this page. To create the blog you must first create a page and call it e.g. “Blog”.

Next, head over to your reading settings Admin > Settings > Reading and set the Front page displays options as below.

3 – 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.

4 – 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.

5 – 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.

5.1 – General options

  • Theme Stylesheet: Use this dropdown to control the overall colour scheme of your site.
  • Sidebar Position: Select the position for your sidebar (left or right).
  • 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
  • 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
  • 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

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

  • 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,)
  • 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).

5.3 – Homepage options

  • Enable News in Pictures: Check this to show the news in pictures section. All posts tagged ‘pictures’ will be shown
  • Enable Autostart: Check this to enable autoscrolling on the news in images section
  • Autoscroll Delay: Enter the time in milliseconds of the delay before transitions (where 1000 = 1second)
  • Recent Post Title: Choose your title for the recent posts section
  • Number of Recent Posts: Enter the number of recent posts you wish to display
  • Featured Post Title: Choose your title for the featured posts section
  • Number of Featured Posts: Enter the number of featured posts you wish to display
  • Enable Top 2 Blocks: Check this to enable the top 2 category blocks
  • Block One Category: Choose a category for ‘block one’ from which the posts are displayed
  • No. of Block One Posts: Enter the number of posts you wish to display in block one
  • Block Two Category: Choose a category for ‘block two’ from which the posts are displayed
  • No. of Block Two Posts: Enter the number of posts you wish to display in block two
  • Enable Bottom 2 Blocks: Check this to enable the bottom 2 category blocks
  • Block Three Category: Choose a category for ‘block three’ from which the posts are displayed
  • No. of Block Three Posts: Enter the number of posts you wish to display in block three
  • Block Four Category: Choose a category for ‘block four’ from which the posts are displayed
  • No. of Block Four Posts: Enter the number of posts you wish to display in block four

5.4 – Posts settings

  • 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
6 – 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. Widget areas are as follow:

6.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

6.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.

6.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

6.4 – Custom Tabbed Widget

This widget displays your popular posts (by comment count or number of post views which requires the post views plugin to be installed), 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.

6.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.

6.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).

6.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. awesem
  • 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.8 – Custom Related Posts Widget

This widget allows you to configure and display related posts.

6.9 – Custom Social Counter Widget

This widget displays a social counter for Twitter and Facebook.

  • Title: Title of the widget
  • Twitter – Title: Title of the Twitter counter.
  • Twitter – Username: Username of your Twitter account (e.g. awesemthemes)
  • Facebook – Title: Title of the Facebook counter.
  • Facebook – Page ID: Page ID of your Facebook page (e.g. 322985184424451).
  • Facebook – Page URL: The full URL (including http://) of your Facebook page (e.g. https://www.facebook.com/awesemltd).
7 – Supported plugins

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

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

8 – Shortcodes

The Deadline 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]
9 – Custom page templates

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

9.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.

9.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.

9.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.4 – Homepage template

This template needs to be assigned to your “Homepage” page as explained in “2 – Setting up the blog and the homepage”. You should only assign this template once.

10 – Custom login logo & Gravatar

The Deadline 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.

11 – 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/

12 – CSS files

The Deadline theme includes a total of 9 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.
  • Default.css – The styles that control the default colour scheme of the theme (orange)
  • Green.css – The styles that control the green colour scheme.
  • Red.css – The styles that control the red colour scheme.
  • Blue.css – The styles that control the blue colour scheme.
  • Purple.css – The styles that control the purple colour scheme.

12.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; }

-- */

12.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 ...
13 – 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: The theme’s custom JS file defines various colour transitions, opacity transitions and dropdown menu settings.
  • Galleriffic: controls the display of the “News in Pictures” section. More Info here
  • Opacity Rollover: controls various opacity transitions within the “News in Pictures” section
  • 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.
14 – PSD files

We have included two PSD files with this theme:

  1. deadline-homepage: the homepage layout
  2. deadline-postpage: the post page layout
15 – Sources and credits

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

16 – 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