Install the theme

You can upload Click Newspaper to Wordpress in one of two different ways:

Extract the clicknewspaper.zip and upload the extracted clicknewspaper folder to the /wp-content/themes/ directory on your FTP server. Watch this help video.

Go to Appearance » Themes and click on the Add New link at the top. Then click Choose File, then select clicknewspaper.zip and click Install Now.

After you upload the theme, activate it by going to Appearance » Themes and place your mouse over Click Newspaper and click the Activate button underneath.

After you activate the theme, you will be given the option to install two plugins (WP Subtitle and Contact Form 7). Install them, and then click the Activate Plugin button. Repeat this process for each plugin separately. NOTE: You do not have to use these plugins later, but it’s required to install.

Update the theme

From time to time, a theme update will be released that either fixes a bug and/or adds new features to the theme. You can update the theme in one of two ways:

Upload the new clicknewspaper folder from the clicknewspaper.zip file via FTP and overwrite the old files.

Remove the old version of the theme by going to Appearance » Themes and activating another theme (you may want to place your site in Maintenance mode via a plugin). Then, hover your mouse over the Click News theme image and click Theme Details. Then click delete in the lower right corner of the window that appears. Then, follow the installation instructions above to install the new version of the theme.

NOTE: Updating the theme will overwrite any changes you made to any of the core theme files (index.php, style.css, header.php, etc), but you will not lose any changes you made to the Customizer, Menus, Widgets, etc.

Setup the theme

The theme has no need any special setup in the first time, just the menus, and widgets. The main menu on the top (header menu), the category menu (header menu) which is displayed when is clicked the bars icon on left, the menu on the bottom (footer menu) and the sidebar for widgets on the footer.

Installing demo files

The Click Newspaper theme contains the demo.xml file (located in demo folder) and after the installation of that file, the theme will look complete.

This video explains how to use demo.xml file. NOTE: This is optional.

Navigation menu

To use the theme menu function firstly you have to define menu, than you can add menu items, and than you can make submenus.

Define menu

From the Appearance menu on the left-hand side of the Dashboard, select the Menus option to bring up the Menu Editor.

Select Create a new menu at the top of the page

Enter a name for your new menu in the Menu Name box

Click the Create Menu button.

Add menu to the site

To apper the menu on the site you have to choose the position of the menu with Theme Locations.

In the top of the page click the Manage locations button.

Select your menu with the dropdown selection in column Assigned Menu.

Click save changes.

Adding items to the menu

You can add different link types into your menu, these are split between panes left of the menu you’re currently editing.

First of all, select the menu in which you want to add the pages and click the select button (at the top of the page).

Locate the pane entitled Pages(or Categories, Posts...).

Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.

Select the Pages that you want to add by clicking the checkbox next to each Page’s title.

Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.

Click the Save Menu button once you’ve added all the menu items you want.

NOTE: Your custom menu has now been saved.

Multi level menus

When planning the structure of your menu, it helps to think of each menu item as a heading in a formal report document. In a formal report, main section headings (level 1 headings) are the nearest to the left of the page; sub-section headings (level 2 headings) are indented slightly further to the right; any other subordinate headings (level 3, 4, etc within the same section are indented even further to the right.

The WordPress menu editor allows you to create multi-level menus using a simple “drag and drop” interface. Drag menu items up or down to change their order of appearance in the menu. Drag menu items left or right in order to create sub-levels within your menu.

To make one menu item a subordinate of another, you need to position the child underneath its parent and then drag it slightly to the right.

Position the mouse over the child menu item.

Whilst holding the left mouse button, drag it to the right.

Release the mouse button.

Repeat these steps for each sub-menu item.

Click the Save Menu button in the Menu Editor to save your changes.

Social icons

To make a social menu just create a menu, and make a position to social menu.

Click the custom links

Add url to your social profile like: https://www.facebook.com/envato/

Add link text the social platform name like: facebook, twitter, or instagram... etc. See the full list a little further down.

Save the menu

These are the brands icons you can use:

500px

adn

amazon

android

angellist

apple

bandcamp

behance

bitbucket

btc

black-tie

bluetooth

buysellads

cc-amex

cc-diners-club

cc-discover

cc-jcb

cc-mastercard

cc-paypal

cc-stripe

cc-visa

chrome

codepen

codiepie

connectdevelop

contao

css3

dashcube

delicious

deviantart

digg

dribbble

dropbox

drupal

edge

eercast

empire

envira

etsy

expeditedssl

font-awesome

facebook

firefox

first-order

flickr

font-awesome

fonticons

fort-awesome

forumbee

foursquare

free-code-camp

get-pocket

gg

git

github

gitlab

glide

google

google-plus

google-wallet

gratipay

grav

hacker-news

houzz

html5

imdb

instagram

internet-explorer

ioxhost

joomla

jsfiddle

lastfm

leanpub

linkedin

linode

linux

maxcdn

meanpath

medium

meetup

mixcloud

modx

odnoklassniki

opencart

openid

opera

optin-monster

pagelines

paypal

pied-piper

pinterest

product-hunt

qq

quora

ravelry

rebel

reddit

renren

rebel

safari

scribd

sellsy

shirtsinbulk

simplybuilt

skyatlas

skype

slack

slideshare

snapchat

soundcloud

spotify

stack-exchange

stack-overflow

steam

steam-square

stumbleupon

superpowers

telegram

tencent-weibo

themeisle

trello

tripadvisor

tumblr

twitch

twitter

usb

viacoin

viadeo

vimeo

vine

vk

wechat

weibo

whatsapp

wikipedia-w

windows

wordpress

wpbeginner

wpexplorer

wpforms

xing

yahoo

yelp

yoast

youtube

Footer Widgets

The theme has sidebar support, what is display in footer.

Sidebars play an important role in designing the layout of a WordPress website to display content other than the main articles of a website. For example, a short list of recent articles, recent comments, a list of pages, or popular articles on a website can easily be displayed across the entire site.

It can also be used to display advertisements from third-party websites. Users can drag and drop items into sidebars from Appearance » Widgets in the admin panel. Some WordPress themes come with highly configurable options to create dynamic layouts for different sections of a website, which allow users to add their own sidebars from a drag and drop interface.

This video explains how to use WordPress sidebar.

Customize the theme

With the WordPress Theme customizer you can personalize how the theme seems.

Open WordPress Administration panel, and navigate Appearance » Themes, roll over the Newspaper theme and click the Customize button. After you have done the customization just click the save, and refresh your site.

Newspaper template support this functions:

Site Identity

Header logo or site title and tagline – you can add Logo Image instead of Text Logo. You can also choose here favicon the site logo for browsers.

Banners

Choose Header or Post Banner

Theme options

Here you can choose some theme options:

Display share buttons on posts left and right posts

Display recommend posts (versions 1 or 2) below the article

Display featured image in posts

Body width

Display post in header on left and right

NOTE: To display a post in the header on left and right, in the post you want to display you need to enter a tag topleft or topright.

Marquee line with titles

Display previous and next links on post

Display sidebar in posts or pages, and number of posts in sidebar

Copyright text

Colors

Background color is changeable (if body width is not 100%).

Background image

Menus

Widgets

Homepage Settins

Additional CSS

Theme Features and Usage

The theme has some opportunities to make your post and your site more interesting.

Create Post

Tons of oportunities to write a post. Here is a little video tutorial to show the basics:

Create post styles

In the home and the archive pages have several different post style or post look. They differ in the width of the block and the size of the font, and the background colors.

The default look is the small (25% width of full width), but if you want another style, just add some of the tags into the post in post edit mode.

The names of the tags are listed below and you can also see them in the picture.

Differ in the width:

Default – for this look should not be entered tag

Stretch – for this look needs to be entered stretch tag

Large – for this look needs to be entered l or large tag

Extralarge – for this look needs to be entered xl tag

Extra-extralarge – for this look needs to be entered xxl tag

Differ in the colors:

Gray – for this look needs to be entered gray tag

Black – for this look needs to be entered black tag

Header posts:

Top left – for this look needs to be entered topleft tag

Top right – for this look needs to be entered topright tag

NOTE: Tags with widths and colors can be combined (for example: xxl and black).

×

Lastly don’t forget Update or Publish the post.

Excerpt

To create a lead text in WordPress it has two way, but this theme supports only one way, the excerpt.

In the post edit mode the top right corner click the Screen options button. And check the Ecxerpt (only once you have to do this).

Scroll down the Excerpt section and type the lead text.

Save or Publish.

Featured image for the posts

The theme supports the Featured image function, this means you can able to display images on the home screen and the archive pages.

In the post edit mode scroll down to the “Featured image” section on the right.

To add a featured image in a WordPress post, simply click on “Set Featured Image” link inside the featured image meta box shown in the screenshot above.

This will open the WordPress Media Uploader. You can use that to upload an image from your computer or use an existing image from your media library. Once you select the image, simply click on Set Featured Image button.