Theme Installation Instructions

The ThemeNews theme is quick to install, easy to customize and does NOT require an installation profile. Since the actual theme uses very few images the color scheme can be totally customized via the CSS file.

Please read the entire Installation procedure before actually installing anything in order to ensure you understand the entire process and to ensure you understand that some parts of the installation are optional and will depend on how you want to customize and configure your site.

Step #1: Unzip the Theme File and Upload it to the Server

Upon unzipping the theme package you will notice 2 new zip files: the themenews.zip file which is the actual theme file and the usefulblocks.zip file which is the special module that controls the frontpage news display.

Unzip the themenews.zip file and upload the folder to your Themes folder at yoursite.com/sites/all/themes -OR- yoursite.com/themes

Activate the theme by going to: Administer -> Site Building -> Themes and set ThemeNews as the Default.

Change the Administration theme by going to: Administer -> Site configuration -> Administration Theme and choose "Garland" and check "Use administration theme for content editing".

Step #2: Activate The Search Box

Go to: Administer -> Site building -> Modules You will need to enable the "Search" module. Then go to: Administer -> Reports -> Status report -> and under "Cron maintenance tasks" click "run cron manually".

Be sure to enable anonymous users to view the search box by going to: Administer -> User management -> Permissions and under "Search Module" check "Search Content".

Step #3: Enable Comments (optional)

If you want your readers to be able to leave comments on the story pages, you will need to enable the Comments Module. Go to: Administer -> Site Building -> Modules and enable the Comments Module. Then go to: Administer -> User management -> Permissions to set up permissions for commenting on stories.

Step #4: Install Our Custom "Useful Blocks Module"

Unzip the usefulblocks.zip file and upload the folder to the modules folder of your Drupal site.

Go to: Administer -> Site Building -> Modules and enable the "Useful Blocks" module.

Step #5: Install ImageCache, ImageField, CCK and Views Modules

For this step you will need to install quite a few modules so be sure to pay attention to the dependencies of each one.

First you should install and enable the ImageCache module: http://drupal.org/project/imagecache
ImageCache requires that you first:

Install and enable the Views Module: http://drupal.org/project/views

Install and enable the CCK Module: http://drupal.org/project/cck

Install and enable the ImageField Module: http://drupal.org/project/imagefield
ImageField requires that you first install the CCK Module (which you should have done already) and the FileField Module: http://drupal.org/project/filefield

Install and enable all of these modules.

Step #6: Configure ImageCache and Front Page Blocks

Go to: Administer -> Site Building -> ImageCache -> Add new preset In the Preset Namespace type: "News-Fader-Thumbnails" and press "Save Preset". Under "New Actions" click on "Add Scale and Crop" and for the width type in 68 and for the height type in 53 and press "Create Action".

Press Add new preset In the Preset Namespace type: "News-Fader-Pictures" and press "Save Preset". Under "New Actions" click on "Add Scale" and for the width type in 610 and for the height type in 250 and press "Create Action".

Press Add new preset In the Preset Namespace type: "Breaking-News" and press "Save Preset". Under "New Actions" click on "Add Scale and Crop" and for the width type in 305 and for the height type in 109 and press "Create Action".

Press Add new preset In the Preset Namespace type: "Latest-News" and press "Save Preset". Under "New Actions" click on "Add Scale and Crop" and for the width type in 150 and for the height type in 136 and press "Create Action".

Go to: Administer -> Site Configuration ->Useful Blocks Settings You can set how the ImageCache presets will be displayed for each of the news blocks.

Under "News Fader" use the drop down select under "Select preset for fader thumbnails:" to select "News-Fader-Thumbnails" and under "Select preset for slider previews:" to select "News-Fader-Pictures" under "Number of items to display:" select "7" and press "Save Setting".

Under "Breaking News" use the drop down select under "Select preset for first two news items:" to select "Breaking-News" and under "Number of items to display:" select "6" and press "Save Setting".

Under "Latest News" use the drop down select under "Select preset for image thumbnails:" to select "Latest-News" and under "Number of items to display:" select "8" and press "Save Setting".

Go to: Administer -> Site Building -> Blocks and move the "News Fader" block from Disabled to the "Top Content at Home Page" region as the first block. Save the Blocks and press Configure next to the "News Fader" block. Show block on specific pages: "Show on only the listed pages" and enter in the box and save the block.

Move the "Breaking News" block from Disabled to the "Middle Content at Home Page" region as the first block. Save the Blocks and press Configure next to the "Breaking News" block. Show block on specific pages: "Show on only the listed pages" and enter in the box and save the block.

Move the "Latest News" block from Disabled to the "Bottom Content at Home Page" region as the first block. Save the Blocks and press Configure next to the "Latest News" block. Show block on specific pages: "Show on only the listed pages" and enter in the box and save the block.

Step #7: Set up Taxonomy

Go to: Administer -> Site Building -> Modules and enable the Taxonomy Module. Then go to: Administer -> Content management -> Taxonomy and press "Add Vocabulary". Add a vocabulary for your site categories. For this demonstration we will use "Categories". After you have created and saved your vocabulary press "Add term" and create some categories for your site such as "Business", "Technology", "Sports" etc.

Step #8: Set up an Image Upload Field

Go to: Administer -> Content management -> Content types and under "Story" click "manage fields" and under "Add" in the "New Field" box enter "Picture" and in the "field_" enter "story_image". In the "Select a field type" drop down select "File" and for the drop down labeled "Form element to edit the data" select "Image" and press "Save". You can drag and drop your Image field to where you want it to appear in the story. We recommend placing it just above the "Body".

If you click on "Display Fields" you can control if the label is viewable. Where it says "Teaser" leave the drop down at "Image" in order to show the teaser images or simply check "Exclude" to remove them from the teaser. Where it says "Full Node" you can check exclude if you do not want the image to appear on the story page.

Next go to: yoursite.com/admin/user/permissions and under "content_permissions module" make sure that "view field_story_image" is checked for anonymous user.

Step #9: Set up the Post Settings

Go to: Administer -> Content management -> Post settings and choose "200 characters" from the "Length of trimmed posts" drop down and press "Save Configuration"

Go to: Administer -> Content management -> Content types -> Story -> Edit -> Workflow settings Default options: New options added here will be: "Display in News Fader" and "Display in Breaking News". You can choose which ones will be turned on by default for all Stories. Please note that "Promote to Front Page " will display that story in the "Latest News" block on the front page.

Administer -> Create content -> Story -> and create some stories :) Please note that any images you upload should be 600 pixels wide in order to fit across the page properly.

Step #10: Set up the Popular Stories Block on the Front Page

Go to: Administer -> Site Building -> Modules and enable the "Statistics Module".

Go to: Administer -> Site Building -> Views and Create a new view, where View type = "Node".

Fields -> Add -> Node: Title -> Label: delete the text from this field and check "Link this field to its node".

Fields -> Add -> Node: Teaser -> Label: delete the text from this field and check "Trim this field to a maximum length" -> Maximum length: 130 and check Field can contain HTML.

Fields -> Add -> Node: Link -> Label: delete the text from this field and under "Text to display" type: +

Filters -> Add -> Node: Type -> Operator: Is not one of; Node type: Page.

Sort criteria -> Add -> select Node statistics: Most recent view -> Sort order: Descending.

Basic settings -> Items to display: -> Defaults: Items to display = 4.

Basic settings -> Style: -> Defaults: How should this view be styled = HTML List.

In the left column under "Defaults" choose "Block" and press "Add display" then press "Save".

Go to: Administer -> Site Building -> Blocks
Move the new block from "Disabled" to the "Middle Content at Home Page region" as the second block.
Then click "Configure" -> Block title: -> and type "Popular Stories". Under "Show block on specific pages" select "Show on only the listed pages" and type into the box and press "Save Block". The "Popular Stories" block should appear on the right hand side of the front page.

Step #11: Set up the Category Block on the Front Page

Go to: Administer -> Site Building -> Views and create new views, where View type = "Node".

Fields -> Add -> Node: Title -> Label: delete the text from this field and check "Link this field to its node".

Fields -> Add -> Node: Teaser -> Label: delete the text from this field and check "Trim this field to a maximum length" -> Maximum length: 130 and check "Field can contain HTML".

Fields -> Add -> Node: Link -> Label: delete the text from this field and under "Text to display" type: +

Filters -> Add -> Node: Type -> Operator: Is not one of; Node type: Page.

Filters -> Add -> Taxonomy: Term -> Selection type: Dropdown and check "Show hierarchy in dropdown" -> Operator: Is one of; Select terms from the "Categories" vocabulary we created in Step #7. Select categories you want to appear in this block (for this demonstration we will choose "Business" and "Tech") and check "Reduce duplicates".

Sort criteria -> Add -> select Node: Published -> Sort order: Descending.

Basic settings -> Items to display: -> Defaults: Items to display = 6.

Basic settings -> Style: -> Defaults: How should this view be styled = HTML List.

In the left column under "Defaults" choose "Block" and press "Add display" then press "Save".

Go to: Administer -> Site Building -> Blocks
Move the new block from "Disabled" to the "Bottom Content at Home Page region" as the second block.
Then click "Configure" -> Block title: -> and type "Business and Tech". Under "Show block on specific pages" select "Show on only the listed pages" and type into the box and press "Save Block". The "Business and Tech" block should appear on the right hand side of the front page.

Step #12: Set up the Most Read Block in the Footer

Go to: Administer -> Site Building -> Views and create a new view where the View type = Node.

Fields -> Add -> Node: Title -> Label: delete the text from this field and check "Link this field to its node".

Filters -> Add -> Node: Type -> Operator: Is not one of; Node type: Page.

Sort criteria -> Add -> select Node statistics: Most recent view -> Sort order: Descending.

Basic settings -> Items to display: -> Defaults: Items to display: 6

Basic settings -> Style: -> Defaults: How should this view be styled = HTML List.

In the left column under "Defaults" choose "Block" and press "Add display" then press "Save".

Administer -> Site Building -> Blocks and move your new block from "Disabled" to the "Footer region". For the block click "Configure" -> Block title: -> type "Most Read" -> Save block.

Step #13: Set up the Most Commented Block in the Footer

Go to: Administer -> Site Building -> Views and create a new view, where View type = Node.

Fields -> Add -> Node: Title -> Label: delete the text from this field and check "Link this field to its node".

Filters -> Add -> Node: Type -> Operator: Is not one of; Node type = Page.

Filters -> Add -> Node: Comment count -> Operator: Is greater than; Value = 0 (or some other number, but initially you should use 0 to get the block populated with comments)

Sort criteria -> Add -> select Node: Comment count -> Sort order: Descending

Basic settings -> Items to display: -> Defaults: Items to display = 6

Basic settings -> Style: -> Defaults: How should this view be styled = HTML List.

In the left column under "Defaults" choose "Block" and press "Add display" then press "Save".

Administer -> Site Building -> Blocks and move your new block from "Disabled" to the "Footer region". For the block click "Configure" -> Block title: -> type "Most Commented" -> Save block.

Step #14: Set up the Footer Navigation Menu

Go to: Administer -> Site Building -> Blocks and move the block 'Secondary links' to the Footer region and give it the title "Navigational Links"

Administer -> Site Building -> Menus -> Secondary links -> Add item and add some links to the footer menu.

Step #15: Set up the Recent Comments Block in the Story Sidebar

Go to: Administer -> Site Building -> Views and click "Enable" for "Default Comment view: comments_recent" and then click "Edit".

Fields -> Comment: Title -> Label: delete the text from this field and check "Link this field to its comment"

Fields -> Comment: Post date -> Remove

Fields -> Add -> Comment: Body -> Label: delete the text from this field and check "Trim this field to a maximum length" -> Maximum length = 130 and check "Field can contain HTML"

Fields -> Add -> Comment: View link -> Label: delete the text from this field; Text to display = +

Basic settings -> Items to display: -> Defaults: Items to display = 3 (or any number that you would like to use)

Turn the "More" link Off and press "Save".

Go to: Administer -> Site Building -> Blocks and move the block "Recent comments view" from "Disabled" to the "Right sidebar region". Click "Configure" -> Block title: enter "Recent Comments"; Show block on specific pages: Show on every page except the listed pages.; Pages: and press "Save block".

Step #16: Set up the Related Stories Block in the Story Sidebar

Go to: Administer -> Site Building -> Blocks and move the block "Related Stories" from "Disabled" to "Right sidebar region".

Click "Configure" -> Show block on specific pages: Show on every page except the listed pages.; Pages: then press "Save block".

Step #17: Set up the Sponsors Block in the Sidebar

The sponsors block is configured via the CSS file to perfectly display an unordered list of links with images that are 125x125 advertisements. If you need to you can create new CSS classes to display other ad sizes. We decided to support 125x125 due to its ubiquity in the sidebar advertising domain.

Go to: Administer -> Site Building -> Blocks -> Add block and for the Block Description and the Block Title type "Sponsors". The block body can simply be an Unordered List of links with images. In order to properly display 125x125 ads the Unordered List must have the class="sponsors".

For the block input format user "Full HTML". Show block on specific pages: Show on every page except the listed pages. Pages: . Move the block from "Disabled" to the "Right sidebar".

Step #18: Set up the Main Navigation

To set up the main navigation, go to: yoursite.com/admin/build/menu-customize/primary-links and add a few menu items. If you want to have the child items appear in a drop down make sure to check "Expanded" on the parent item.