Drupal 7 - News Theme Guide for Developers

We created an installation profile with demo content for each of our theme, so that you can quickly download and reproduce the whole site content as presented on our live demo. This way you will get a quicker overview of the features. If it's convenient you may also use the given demo content as a starting point to build your custom sites.

Quick Installation

1. News package included:

• News theme: news-7.x-1.0.zip
• Demo Profile for News: news-profile-7.x-1.0.zip

The below steps will give you the installation guide so that you can build your website to look exactly like the News Full Demo.

• Demo Profile for News: news-profile-7.x-1.0.zip

2. Extract news-profile-7.x-1.0.zip above and copy it into your host, and rename the directory

3. Access your MySQL database and create a new DB (e.g. News) and user account. Don't forget to add correct permissions to new user to access the database

4. In the demo directory database/ (latest version of package) or profiles/weebpal/ (old version), you can find database dump named sample_data.sql. Import this file into new database.

5. Now, you need to modify sites/default/default.settings.php file. Clone default.settings.php file, then rename it "settings.php"

6. Open settings.php, then locate the $database array and set proper credentials.

                        $databases['default']['default'] = array(
                            'driver' => 'mysql',
                            'database' => 'databasename',
                            'username' => 'username',
                            'password' => 'password',
                            'host' => 'localhost',
                            'prefix' => '',
                        );
                    

When using this installation, you are installing everything from our preview server. So don't forget to set proper values to access to your database: db name, db admin username, db admin password, host, etc.

7. Open the browser and visit your website with the prepopulated content & layout exactly like our News Demo

Now, you can visit administrator site with the admin account admin/admin to delete the unnecessary contents and add the new ones.

If you're an experienced Drupal user or if you want to build the theme from zero with only the basic appearance of News Theme, find this guide in handy.

1. Install Drupal

1. Go to Drupal download page and download the latest version of Drupal 7.

   

2. Extract and copy Drupal folder to your host and rename the directory.
3. Follow this tutorial to install Drupal with the standard profile.

2. Install News Theme

1. Extract News theme .ZIP file:
   • news-7.x-1.0.zip

2. Move this theme into your Drupal folder: sites/all/themes

   

3. Navigate to Appearance > Choose Enable and set default News theme

   

3. Install Required Modules

Now that you've enabled News theme, you will install and enable the required modules (listed in the Module Requirements section) to customize and use them.

If you don't know how to install the contributed modules, this tutorial is an essential guide.

Cheat to install modules & theme:

1. Extract news-profile-7.x-1.0.zip
2. Open extracted folder, go to sites/all and copy all folders inside (modules, themes, libraries)
3. Paste them to your host, folder sites/all

Note: See this guide to get more details about installation

Note: Required Modules: Forums.

1. Navigate to Structure > Forums

2. Click Add forums link and add forums followings:

3. Click Save button

1. Navigate to Structure > Content Type find Article to click link

2. Go to find Menu settings link, click and set followinf properties:

3. In Article row, click "manage fields" link.

4. To add new field, you can fill in "Add new field" row

5. Set properties for Slideshow Image field

6. Set properties for Categories field

7. Go to Manage display tab > Default set following properties:

8. Go to Manage display tab > Teaser set following properties:

9. Click Save button

1. Navigate to Structure > Content Type find Basic page to click link

2. Go to find Menu settings link, click and set followinf properties:

Note: Required Modules: Blog.

1. Navigate to Structure > Content Type

2. In Blog entry row, click "manage fields" link.

3. To add an existing field, you can take action on "Add existing field" row

4. Set properties for Image field

5. Go to Manage display tab > Default set following properties:

6. Go to Manage display tab > Teaser set following properties:

7. Click Save button

1. Navigate to Structure > Content Type. Click Add Content Type link to create content type Video with following properties:

2. Go to Manage Fields and add following fields:

3. Go to Manage display tab > Default set following properties:

4. Go to Manage display tab > Teaser set following properties:

5. Click Save button

Note: Required Modules: Exclude Note Title, Node Compare

1. Navigate to Structure > Content Type. Click Add Content Type link to create content type Podcast with following properties:

2. Go to Manage Fields and add following fields:

3. Set properties for Audio file field

4. Go to Manage display tab > Default set following properties:

5. Go to Manage display tab > Teaser set following properties:

6. Click Save button

1. Navigate to Structure > Blocks, find Search form block, click configure link and set the following properties:

2. Click Save button

1. Navigate to Structure > Views, click Add views link, Create Breaking news view with following properties:

2. Click Continue & edit button and set following properties:

3. Click Save button

1. Navigate to Structure > Blocks, find View: Breaking news block, click configure link and set the following properties:

2. Click Save button

1. N1avigate to Structure > Menu, click Add menu link, create Top Menu menu

2. Click Save button

1. Navigate to Structure > Blocks, find Top Menu block, click configure link and set the following properties:

2. Click Save button

1. Navigate to Structure > Blocks, click Add blocks link to create Date block with following properties:

2. Click Save button

Refer to following PHP code:

Today

1. Navigate to Structure > Blocks, find User menu block, click configure link and set the following properties:

2. Click Save button

1. Navigate to Structure > Blocks, click Add blocks link to create Social Block block with following properties:

2. Click Save button

Refer to following HTML code:

1. Navigate to Structure > Blocks, click Add blocks link to create Header Ads block with following properties:

2. Click Save button

2. Click Save button

Refer to following PHP code:

1. Navigate to Module find Superfish click Permissions and set properties:

1. Navigate to Structure > Blocks

2. Find Main menu block, click configure link, set following properties

2. Click Save block button.

1. Go to Module, find Newsletter module. Click Permission link

2. Find Newsletter section, set following properties:

3. Go to Module, find Newsletter module. Click Configure link

4. Find SUBSCRIBE FORM section, set following properties:

5. Click Save block button.

1. Navigate to Structure > Blocks, find Newsletter block. Click Configure link and set following properties:

2. Click Save block button.

1. Navigate to Structure > Views, click Add views link, Create Slideshow view with following properties:

2. Click Continue & edit button and set following properties:

3. At FORMAT Format click Settings and set following properties:

4. At FIELDS area, click Add button to add fields: Content: Slideshow Image, Content: Body, Content: Link, Content: Nid, Content: Post date.

5. Set properties for Content: Slideshow Image

6. Set properties for Content: Body

7. Set properties for Content: Link

8. Set properties for Content: Nid

9. Set properties for Content: Post date

10. At FIELDS area, click Rearrange button, then remove Field: Link field and set following arrange

11. At FILTER CRITERIA area, click Add button and add file Content: Slideshow Image: fid

12. Set properties for Content: Slideshow Image:fid

13. At Advanced > OTHER area, add CSS class

14. Click Save block button.

1. Navigate to Structure > Blocks

2. Find View: Slideshow block, click configure link, set following properties

3.Click Save block button.

1. Navigate to Structure > View ,find Frontpage view, click Enable button. Then click Edit button , find and click Page button and set following properties:

2.At FORMAT area, find Format click link and set following properties:

3.At FORMAT area, find Show click link and set following properties:

4. At FIELDS area, click Add button to add fields: Content: Image, Content: Title, Content: Updated date field:

5. Set properties for Content: Image

6. Set properties for Content: Title

7. Set properties for Content: Updated date

8. At FILTER CRITERIA area, click Add button to add fields: Content: Type field:

9. Set properties for Content: Type

10. At PAGER > User Pager area, click link and set properties

11. Click Save to save view

1. Go to Configuration > System > Site information

2. Click Save button

1. Navigate to Structure > Views, click Add views link, Create Watch Now view with following properties:

2. Click Continue & edit button and set following properties:

3. At FORMAT Format area, click Settings and set following properties:

4. At FIELDS area, click Add button to add fields: Content: Videos field:

5. Set properties for Content: Videos

6. Set properties for Content: Title

7. At FIELDS area, click Rearrange button and set following arrange

8. At FILTER CRITERIA area, click Add button and add file Content: Videos - Video URL set the following properties:

9.Click Save block button.

1. Navigate to Structure > Blocks

2. Find View: Watch Now block, click configure link, set following properties

3.Click Save block button.

1. Navigate to Structure > Views, click Add views link, Create Top Highlights view with following properties:

2. Click Continue & edit button and set following properties:

3. At FORMAT Format area, click Settings and set following properties:

4. At FIELDS area, click Add button to add fields: Content: Image, Field: Categories, Content: Updated date .

5. Set properties for Content: Image

6. Set properties for Field: Categories

7. Set properties for Content: Updated date

8. Set properties for Content: Title

9. At FIELDS area, click Rearrange button and set following arrange

10. At FILTER CRITERIA area, click Add button and add file Content: Image :fid , Content: Sticky set the following properties:

11. Set properties for Content: Image :fid

12. Set properties for Content: Sticky

13. At Advanced > OTHER area, add CSS class

14.Click Save block button.

1. Navigate to Structure > Blocks

2. Find View: Top Highlights block, click configure link, set following properties

3.Click Save block button.

1. Navigate to Structure > Views, click Add views link, Create Latest News view with following properties:

2. Click Continue & edit button and set following properties:

3. At FIELDS area, click Add button to add fields: Content: Image, Content: Updated date .

5. Set properties for Content: Image

6. Set properties for Content: Updated date

7. At FIELDS area, click Rearrange button and set following arrange

8. At FILTER CRITERIA area, click Add button and add file Content: Image :fid set the following properties:

9. Set properties for Content: Image :fid

10. At SORT CRITERIA area, click Add button and add file Content: Update date and set the following properties:

11. At SORT CRITERIA area, click Rearrange button. Then click Remove link to remove Content: Post date field

12. At Advanced > OTHER area, add CSS class

13. Click Save block button.

1. Navigate to Structure > Blocks

2. Find View: Latest News block, click configure link, set following properties

3.Click Save block button.

1. Navigate to Structure > View click Add new view, then create Quciktabs 1 view and set following properties:

2. Click Continue and edit button. Next to steps below to set properties for following fields:

3. At Advanced > RELATIONSHIPS area, add Relationships

4. At Advanced > CONTEXTUAL FILTERS area, add Taxonomy term: Name

5. At FIELDS area, click Add button to add fields: Content: Image, Content: Updated date, Content: Body

6. Set properties for Content: Image

7. Set properties for Content: Updated date

8. Set properties for Content: Body

9. At FIELDS area, click Rearrange button and set following arrange

10. At FOOTER area, click Add button to add field Global: View area and set following properties:

11. At Advanced > OTHER area, add CSS class

12.Click Save to save view

1. Navigate to Structure > View,find Quciktabs 1 block view. Click Add > Attachment button to create Attachment view and set following properties:

2. Click Display name link add set name News Attachment

3. At FORMAT Format area, click link change format and set following properties:

4. At FORMAT Format area, click Settings link and set following properties:

5. At FIELDS area, click Rearrange button and click Remove button to remove field Content: Image, Content: Updated date, Content: Body and set following arrange

6. At FOOTER area, click Rearrange button and click Remove button to remove field Global: View area

7. At PAGER Items to display area, click and set following properties:

8. Click Save to save view

1.Navigate to Structure > Quicktab > Add Quicktab Instance create Quicktab 1and block with following properties:

2.Click Save block button.

1.Navigate to Structure > Blocks,find Quicktab 1.Click configure link and block with following properties:

2.Click Save block button.

1. Navigate to Structure > View click Add new view, then create Most Read view and set following properties:

2.Click Continue and edit button. Next to steps below to set properties for following fields:

3.At SORT CRITERIA area, click Add button to add field Content statistics: Total views and set following arrange

4.At SORT CRITERIA area, click Rearrange button and click Remove button to remove field Content: Post Date

5.Click Save to save view

1.Navigate to Structure > Blocks,find Recent blog posts.Click configure link and block with following properties:

2.Click Save block button.

1.Navigate to Structure > Quicktab > Add Quicktab Instance create Most Popular and block with following properties:

2.Click Save block button.

1.Navigate to Structure > Blocks,find Most Popular.Click configure link and block with following properties:

2.Click Save block button.

1.Navigate to Structure > Quicktab > Add Quicktab Instance create Quicktab 2 and block with following properties:

2.Click Save block button.

1.Navigate to Structure > Blocks,find Quicktab 2.Click configure link and block with following properties:

2.Click Save block button.

1. Navigate to Structure > View click Add new view, then create Autos view and set following properties:

2.Click Continue and edit button. Next to steps below to set properties for following fields:

3. At FORMAT Format area, click Settings and set following properties:

4.At FIELDS area, click Add button to add fields: Content: Image, Content: Body

5.Set properties for Content: Image

6.Set properties for Content: Body

7.Set properties for Content: Title

8.At FIELDS area, click Rearrange button and set following arrange

9.At FILTER CRITERIA area, click Add button to add field Field : Tags and set following properties:

10. At Advanced > OTHER area, add CSS class

11.Click Save to save view

1.Navigate to Structure > Blocks,find View: Autos.Click configure link and block with following properties:

2.Click Save block button.

1. Navigate to Structure > View click Add new view, then create Ads view and set following properties:

2.Click Continue and edit button. Next to steps below to set properties for following fields:

3. At FORMAT Format area, click Settings and set following properties:

4.At FIELDS area, click Add button to add fields: Content: Image

5.Set properties for Content: Image

6.At FIELDS area, click Rearrange button. Then click Remove link to remove Content: Title field

7.At FILTER CRITERIA area, click Add button to add field Content: Image: alt and set following properties:

8. At Advanced > OTHER area, add CSS class

9.Click Save to save view

1.Navigate to Structure > Blocks,find View: Ads.Click configure link and block with following properties:

2.Click Save block button.

1. Navigate to Structure > Blocks,find Custom Sreach 1.Click configure link and block with following properties:

2. Click Save block button.

1. Navigate to Structure > Blocks, click Add block link to create Give us a call on block with following properties:

2. Click Save block button.

Refer to following HTML code:

1. Navigate to Structure > Views, click Add views link. Create Tags view with following properties:

2.Click Continue and edit button. Next to steps below to set properties for following fields:

3. At Display name area, click and rename block to News

4. In FILTER CRITERIA area, click Add button to add Content: Has taxonomy term and set following properties:

5. Click Save block button.

1.Navigate to Structure > Blocks,find View: Tags: News. Click configure link and block with following properties:

2.Click Save block button.

1. Navigate to Structure > Views, find Tags view, click Edit link. Then click Add > Block button to create Tags: Weather block view with following properties:

2. At Title area, click and set following properties:

3. At Display name area, click and rename block to Weather

4. In FILTER CRITERIA area, at Content: Has taxonomy term field click and set following properties:

5. Click Save block button.

1. Navigate to Structure > Blocks,find View: Tags: Weather. Click configure link and block with following properties:

2. Click Save block button.

1. Navigate to Structure > Views, find Tags view, click Edit link. Then click Add > Block button to create Tags: Sports block view with following properties:

2. At Title area, click and set following properties:

3. At Display name area, click and rename block to Sports

4. Click Save block button.

1.Navigate to Structure > Blocks,find View: Tags: Sports. Click configure link and block with following properties:

2.Click Save block button.

1. Navigate to Structure > Views, click Add views link. Create Forums view with following properties:

2. Click Continue and edit button. Next to steps below to set properties for following fields:

3. At Display name area, click and rename block to Buy forum

4. In FILTER CRITERIA area, click Add button to add Content: Forums and set following properties:

5. Click Save block button.

1. Navigate to Structure > Views, find Forums view, click Edit link. Then click Add > Block button to create Forum : Sell forum block view with following properties:

2. At Title area, click and set following properties:

3. At Display name area, click and rename block to Sell forum

4. In FILTER CRITERIA area, at Content: Forum field click and set following properties:

5. Click Save block button.

1. Navigate to Structure > Blocks,find View: Forums: Buy Forum.Click configure link and block with following properties:

2. Click Save block button.

1. Navigate to Structure > Blocks,find View: Forums: Sell Forum.Click configure link and block with following properties:

2. Click Save block button.

1. Navigate to Structure > View ,find FAQ view, click Edit link. Find Recent FAQs block button, click and set following properties:

2. At FORMAT area, find Format click link and set following properties:

3. At PAGER User page area, click link and set following properties:

4. At FIELDS area, click Rearrange button, then remove Content: Language field and set following arrange

5. Click Save button.

1. Navigate to Structure > Blocks,find Recent FAQs.Click configure link and block with following properties:

2. Click Save block button.

1. Navigate to Structure > View click Add new view, then create Ads view and set following properties:

2. Click Continue and edit button. Next to steps below to set properties for following fields:

3. Click Save button.

1. Navigate to Structure > Blocks,find View: Recent Podcast.Click configure link and block with following properties:

2. Click Save block button.

1. Navigate to Structure > Blocks

2. Click Add block link to create Coppyright block and set following properties

3. Click Save button

Refer to following HTML code:

1. N1avigate to Structure > Menu, click Add menu link, create Footer Menu menu

2. Click Save button

1. Navigate to Structure > Blocks, find Footer Menu block, click configure link and set the following properties:

2. Click Save button

1. Navigate to Module click, find Menu Breadcrumb link. Then click configure link and set the following properties:

2. Click Save button

1.Navigate to Structure > Blocks,find News Demo on Facebook.Click configure link and block with following properties:

2.Click Save block button.

1. Navigate to Module click, find Frequently Asked Questions link. Then click configure link and set the following properties:

2. Click Save button

1. Navigate to Structure > Views, find FAQ view link. Click Edit link, find Page - Questions Inline button. Then click and set with following properties:

2. Find and click button enable page view

3. At FIELDS area, click Rearrange button, then remove Cpontent: Language field and set following arrange

4. Click Save button

1. Navigate to Structure > Views, find Watch Now view link. Click Edit link, then click Add > Page button to create view with following properties:

2. At FORMAT Format area, click Settings and set following properties:

3. In FIELDS area, click Add button to add fields: Content: Body, Content: Link field and set following properties:

4. Set properties for Content: Videos

5. Set properties for Content: Link

6. Set properties for Content: Body

7. At PAGE SETTINGS > Path area, click and set following properties:

8. At PAGE SETTINGS > Menu area, click and set following properties:

9. At PAGER > User pagess area, click and set following properties:

10. At Advanced > OTHER area, add CSS class

1. Navigate to Structure > Blocksclick Add block link and create Contact Us block with following properties:

2. Click Save block button.

1. Navigate to Content > Add content link, find Basic page click and create Condition of Use content with following properties:

2.Click Save block button.

1. Navigate to Content > Add content link, find Basic page click and create Customer Service content with following properties:

2.Click Save block button.

1.Navigate to Content > Add content link, find Basic page click and create Privacy Policy content with following properties:

2.Click Save block button.