The NewsMag WordPress Theme Documentation

Welcome to the The NewsMag WordPress theme documentation page where you will find the instructions about how to use this theme in your site and set it up according to which it best suites in your site. The instructions in using this theme are as below:

Installation

Installing your theme is pretty easy. After downloading, you should have a the-newsmag.zip file available. This is a compressed file containing all of the required templates, images and icons required for the theme to function properly.

Upload the theme

  1. Go to Appearance > Themes section from the WordPress Dashboard
  2. Click on the Add New button
  3. Click on the Upload button
  4. Now, select the downloaded the-newsmag.zip file
  5. Now, just click on the Install Now button and your theme is ready to be installed

Activate the theme

  1. Go to Appearance > Themes section from the WordPress dashboard
  2. Now, hover over this theme thumbnail and press the Activate button and the theme will be activated in your site

Custom Menu

This theme supports the custom menu feature to have the menu being setup according to the site requirement. By default, it will fall back to the pages available in your site, means, your site will have the menu by default if not assigned too.

Setting up the custom menu

  1. Go to Appearance > Menus section from the WordPress dashboard
  2. Click on the Create a new menu link
  3. Now, provide a name to your menu in Menu Name and click on the Create Menu button
  4. Now, choose the pages, categories, custom links from the leftside of your screen by selecting the checkbox and then click on Add Menu button to add the menu
  5. Now, click on the Save Menu button after adding required pages, categories in the menu after assigning that menu to the Primary Menu
  6. This theme also feature the Footer Menu. So, if you like the menu to be assigned to the footer in your site, then, you need to put the check on the checkbox option of Footer Menu, and that menu will be assigned to the footer.

Setting up the social menu

  1. Go to Appearance > Menus section from the WordPress dashboard
  2. Click on the Create a new menu link
  3. Now, provide a name to your menu in Menu Name and click on the Create Menu button
  4. After completing the above steps, here is the difference, here, you need to add it via the Custom Links section. Here, in this section, you have the option of adding the URL and Link Text. Here, in the URL section, add the url of your social site and in the Link Text section, add the required text. The text added here will not be displayed however. If the added url here has not been styled, then, star icon will be displayed.
  5. Now, after choosing the required menus there, click on the Add Menu button to add it to the menu
  6. Now, click on the Save Menu button and the menu need to be assigned to the Social Menu

Here, below is the screenshot on the menu available in this theme:

menus-the-newsmag

The above menu is for the primary and social menus. While the below one is for the footer menu as well as the same social menu:

menus-footer-social-the-newsmag

Now, the features available in this theme are described below as:

Site Identity

This section covers almost all of the default features provided by WordPress. The features enlisted in this are:

Logo

From this option, you can upload the logo for your site as needed. But, if you do not want to add the logo there, you just need to remove that logo and the site logo will not be shown in your site.

Site Title

You can add the title of your site from this section. If you do not want to display or remove the title of your site, then remove it from here and the site title will be removed from your site too.

Site Tagline

You can add the tagline of your site from this section. If you do not want to display or remove the tagline of your site, then remove it from here and the site tagline will be removed from your site too.

Display Site Title and Tagline

This checkbox option enables you to make the display of your site name and tagline in the front-end. So, if you do not like both of them to be shown in the front-end, then, putting the check mark on this checkbox will help you to achieve this goal easily.

Site Icon

It is the feature, provided by WordPress to have the favicon in your site. So, if you need it, add the required favicon image from this section.

The images for this section is provided below as:

site-title-and-logo-the-newsmag

Colors

This option enables you to change the color options for different sections in the site.

Header Text Color

This option is used to change the color option of the Site Title and Site Tagline in your site.

Background Color

This option is used to change the color of the background of your site. This is only available in your site when you choose the boxed layout option to be available in your site.

Primary Color

This options helps you to choose the primary color in your site. If you do not like the current primary color which is provided by this theme in your site, then, changing this option will change all of the color which is default provided by this theme. The screenshot on this feature in this theme is below:

primary-color-the-newsmag

Header Image

This theme supports the header image option to be available in your site. Here, you can upload the header image in your site via the Add new image button, provided in this section. The recommended image size for this is 1500px * 500px. For creating the header image in your site using this theme, you also have the option of cropping the image according to your site need.

This section also has one checkbox option, which provides you with the option of having the header image to be linked to your site home page or not according to the site requirement. So, if you like to link the header image to your site link, then, you need to check on the checkbox having the option of Check to enable the header image to link back to the home page in this section. Here, below is the screenshot provided in this section:

header-image-the-newsmag

Background Image

In this theme, you have the option of having the custom background image to be selected in your site. For this to work in your site, you need to setup your site in the boxed layout. It will not work when you select your site layout to be of wide layout. Here, below is the screenshot on this feature of the theme:

background-image-the-newsmag

Header Options

This options helps you to manage the header options, ie, settings of the header section in your site. The options in this theme for these are:

Show Date

This option helps you to enable or disable the display of the current date of the server in your site. To enable it, you need to put the check on the checkbox option of Check to show the date in header area. The screenshot on this section is provided below:

show-date-the-newsmag

Small Info Text

You can add the info about your company in this option, to best suit your site need. Here, below is the screenshot for this feature in this theme:

small-info-text-the-newsmag

Home Icon

This option helps you to enable or disable the display of the home icon in the primary menu of your site. To enable it, you need to put the check on the checkbox option of Check to add the home icon in the primary menu. The screenshot on this section is provided below:

home-icon-the-newsmag

Random Post

This option in this theme, helps you to add the random post icon in the primary menu in your site, to link that icon to any of the random post, which resides in your site. To enable it, you need to put the check on the checkbox option of Check to display the random post icon in the primary menu. The screenshot on this section is provided below:

random-post-the-newsmag

Search Icon

This option in this theme, helps you to add the search icon in the primary menu in your site, to have the search feature in your site. To enable it, you need to put the check on the checkbox option of Check to display the search icon in the primary menu. The screenshot on this section is provided below:

search-icon-the-newsmag

Menu Animation

This option in this theme, helps you to add the opening animation of the primary sub-menu in your site. To enable it, you need to put the check on the checkbox option of Check to enable the animation effect on the primary menu.. The screenshot on this section is provided below:

menu-animation-the-newsmag

Sticky Menu

This options enables you to make the primary menu sticky or not in your site. So, choose it according to your site need. To enable it, you need to put the check on the checkbox option of Check to make the primary menu sticky. Here, in this theme, we have integrated two options for it, which are listed below the Choose the required option to make your menu sticky. option. They are:

  1. Make the menu reveal on scroll up.
  2. Make the menu sticky, ie, always stick the menu in top.

The screenshot on this section is provided below:

sticky-menu-the-newsmag

Breaking News

This option helps you to enable or disable the display of the breaking news, ie, the last ten posts from your site in the news ticker way. To enable it, you need to put the check on the checkbox option of Check to enable the breaking news section. The screenshot on this section is provided below:

breaking-news-the-newsmag

Design Options

From this option available in this theme, you can change the design settings in your site according to your site requirement. The options available in this sections are described as below:

Site Layout

This option in this theme, helps you to choose the layout of your site, ie, either to be in the Wide Layout, or in the Boxed Layout. Choose it according to your liking. Note: While you choose the Wide Layout for your site, in this section, then the Background section settings in this theme wont be noticed. So, for making the background section to work in your site, you need to choose the Boxed Layout option. Here, below is the screenshot provided for this section available in this theme:

site-layout-the-newsmag

Default layout

This option on this theme helps you to set up the layout of the site, ie, sidebar layout in the archive, as well as search pages. The options available in this settings are:

  1. Right Sidebar
  2. Left Sidebar
  3. No Sidebar Full Width
  4. No Sidebar Content Centered

Here, in this option, the default layout for this setting is the Right Sidebar.

Default layout for pages only

This option enables you to choose the layout option for the pages. Note: If you have set up the layout in the respective pages, in the Select Layout section meta box, then, this default layout option will not work on those pages, ie, the layout chosen on those pages will overwrite this setting. The default layout for this is Right Sidebar. The options available in this settings are:

  1. Right Sidebar
  2. Left Sidebar
  3. No Sidebar Full Width
  4. No Sidebar Content Centered

Default layout for single posts only

This option enables you to choose the layout option for the posts. Note: If you have set up the layout in the respective posts, in the Select Layout section meta box, then, this default layout option will not work on those posts, ie, the layout chosen on those posts will overwrite this setting. The default layout for this is Right Sidebar. The options available in this settings are:

  1. Right Sidebar
  2. Left Sidebar
  3. No Sidebar Full Width
  4. No Sidebar Content Centered

Custom CSS

This section in this theme, helps you to add the Custom CSS code for your site to make the required CSS adjustments in your site according to the site need. If you add the CSS code in this box, then, it can overwrite the CSS code being written by the theme as well as plugins, to best make your site look more appealing and having the better view, according to your site requirement. Here, below is the screenshot provided on this feature of the theme:

custom-css-the-newsmag

Additional Options

This is the options available in this theme which are additional to this theme with more options. The options currently available in this section are described below as:

Related Posts

This setting in this theme, helps you to display the related post of the viewing post either by the tags or by categories. The default for this section in this theme is from Categories. To enable the related posts, you need to put on the checkbox option of Check to activate the related posts. available in this section and then choose the related posts to be displayed as the requirement. Here, the options available are:

  1. Related Posts By Categories
  2. Related Posts By Tags

The screenshot on this feature of the theme is provided below as:

related-posts-the-newsmag

Image Lightbox

This option helps you to have the featured image to be displayed in the popup. To enable this feature in your site, you need to simply put the check on the checkbox option of Check to enable the lightbox feature for the featured images in single post page and pages. in this section. The screenshot on this feature of the theme is provided below:

image-lightbox-the-newsmag

Social Links In Author Bio

This option in this theme helps you to add the social links of the author bio. It supports the social links provided by these plugins: All in One SEO Pack and Yoast SEO, which is available through the WordPress plugin directory. The screenshot on this feature of this theme is below:

social-icons-author-bio-the-newsmag




First of all, for the Author Bio to be displayed in the post page, you need to have the Biographical Info being setup in your profile. And to enable this option, you need to check on the checkbox having the option of Check to enable the social links in the Author Bio section. For this to work, you need to add the URL of your social sites in the profile section. This theme supports WordPress SEO and All In One SEO Pack plugin for this feature. in this section.

Category Color Options

This option in this setting helps you to add the different color in the different category according to your site requirement. It will reflect on the category button as well as the title of the category too. Here, below is the image being shown after applying this option in this theme:

category-color-options-the-newsmag

All of the above described till now features the option of this theme available through the Customizer Options. There are other options too available in this theme, which we will discuss below.

Page Template

This theme features the option of having the Contact Page Template, from which you have the option of choosing the unique sidebar area for the Contact Pages, without the use of any of the plugin for this feature in your site.

This theme also featured the option of having the Magazine Template, from which you have the option of displaying your site in the magazine or news layout to present beautifully.

Post Format Support

This theme supports all of the post format available through the WordPress. They are described below as:

Standard

This is the post format available by default in almost all of the theme. By using this post format, all of the post content will be displayed as normal.

Aside

By choosing this post format, the blog post as well as archive and search pages will not show the title and displays all of the content in those pages. Here is the screenshot provided for this post format:

aside-format-the-newsmag

Note: In the single post page for this post format, you will see the title too. But, by using this post format, you will not have the option of displaying the featured image for that post.

Image

By choosing this post format, you have the option of displaying the image caption in the image, from which you can add the image courtesy of that image in your site if needed. Here, below is the screenshot on this post format in this theme:

image-post-format-the-newsmag

Video

In this post format, it will search for the iframe in the post, then, if it will find that iframe and then display it in the top of the post. The image associated with this post format is below:

video-format-the-newsmag

Quote

In this post format, it will search for the blockquote tag in the post and if found, it will display that blockquote in the top of the post. The screenshot on this feature in this theme is provided below as:

quote-format-the-newsmag

Link

In this post format, if you have the link available in the post, then, it will find it and display and link it to that link, which is shown just above the post title. The image for this post format is provided below:

link-format-the-newsmag

Gallery

In this post format, if you have the gallery images being setup in your site, then, it will find it and display that in the slideshow, just above the post title. The screenshot on this post format is provided below as:

gallery-format-the-newsmag

Chat

In this post format, the excerpt of the post is shown in the top of the post title, so that you can write the custom excerpt for that post about what is happening in that chat. The screenshot for this post format is given below as:

chat-format-the-newsmag

Audio

In this post format, it will search for the iframe in the post, then, if it will find that iframe and then display it in the top of the post. The image associated with this post format is below:

audio-format-the-newsmag

Status

In this post format, it will find the first paragraph of the post and then display it in the top of the post title, with the gravatar image of the post editor. The screenshot on this post format in this theme is provided below as:

status-format-the-newsmag

Widgets Bundled With This Theme

As this theme is based on the magazine or the news layout, so we have bundled many widgets in this theme, which are all suitable for the magazine or news layout for your site. The list of widgets and its details is shown below:

TNM: 728 x 90 Advertisement Widget

This widget, bundled with this theme helps you to add the 728 x 90 advertisement image in your site, best suited in the Header Sidebar area bundled with this theme.

TNM: 300 x 250 Advertisement Widget

This widget, bundled with this theme helps you to add the 300 x 250 advertisement image in your site, best suited in the Right Sidebar area bundled with this theme.

TNM: 125 x 125 Advertisement Widget

This widget, bundled with this theme helps you to add the 125 x 125 advertisement image in your site, best suited in the Right Sidebar area bundled with this theme. This widget helps you to add the advertisement image in your site upto six in one widget. So, if you want to add it two in your site, then, you will get total twelve images to be shown in your site using this widget as advertisement.

TNM: Tabbed Widget

This widget, bundled with this theme, helps you to add the tabbed widget in your site, which consists of the Popular, Latest and Comments from your site. The popular posts in this widget is displayed based upon the comments number of your post in the site, ie, the highest number of post with comments will be shown at top and so on. Here, you can choose any number of the tabbed contents to be displayed in your site according to your site requirement. It is best suited for the Right Sidebar area bundled with this theme. The screenshot for this widget bundled with this theme is below:

tabbed-widget-the-newsmag

TNM: Random Posts Widget

This widget, bundled with this theme, helps you to add the random post in your site in the sidebar area. Here, you can choose any number of the posts to be displayed in your site according to your site requirement. It is best suited for the Right Sidebar area bundled with this theme. The screenshot for this widget bundled with this theme is below:

random-posts-widget-the-newsmag

TNM: Posts Slider Widget

This widget, bundled with this theme, displays your post as the slider. In this widget, you can choose any number of post to be displayed from your site either it be from the latest posts or the posts from the specific category. It can be chosen by you as your site requirement, and is based suited in the Magazine Slider Sidebar area bundled with the theme when you choose the Magazine Template for your specific page, to be kept as home page. The screenshot for this widget bundled with this theme is below:

posts-slider-widget-the-newsmag

Note: For this widget to display the posts as the slider, the post must have the featured image associated with it else it will not display those posts.

TNM: Posts Grid Widget

This widget, bundled with this theme, displays your post in the grid layout. In this widget, you can choose any number of post to be displayed from your site either it be from the latest posts or the posts from the specific category. It can be chosen by you as your site requirement, and is based suited in the Magazine Beside Slider Sidebar area bundled with the theme when you choose the Magazine Template for your specific page, to be kept as home page. The screenshot for this widget bundled with this theme is below:

posts-grid-widget-the-newsmag

Note: For this widget to display the posts in the grid layout, the post must have the featured image associated with it else it will not display those posts.

TNM: Posts One Column Widget

This widget, bundled with this theme, displays your first post with the large featured image with the excerpt of that post in the top side and then the following post just below it with the small featured image and no excerpt at all. In this widget, you can choose any number of post to be displayed from your site either it be from the latest posts or the posts from the specific category. It can be chosen by you as your site requirement, and is based suited in the Magazine Middle Left Sidebar or Magazine Middle Right Sidebar area bundled with the theme when you choose the Magazine Template for your specific page, to be kept as home page. The screenshot for this widget bundled with this theme is below:

posts-one-column-widget-the-newsmag

TNM: Posts Two Column Widget

This widget, bundled with this theme, displays your first post with the large featured image with the excerpt of that post in the left side and then the following post in the right side with the small featured image and no excerpt at all. In this widget, you can choose any number of post to be displayed from your site either it be from the latest posts or the posts from the specific category. It can be chosen by you as your site requirement, and is best suited in the Magazine Top Content Sidebar or Magazine Bottom Content Sidebar area bundled with the theme when you choose the Magazine Template for your specific page, to be kept as home page. The screenshot for this widget bundled with this theme is below:

posts-two-column-widget-the-newsmag

TNM: Posts Extended Widget

This widget, bundled with this theme, displays the featured image of the post in the left side following by its excerpt in the right side. In this widget, you can choose any number of post to be displayed from your site either it be from the latest posts or the posts from the specific category. It can be chosen by you as your site requirement, and is based suited in the Magazine Top Content Sidebar or Magazine Bottom Content Sidebar area bundled with the theme when you choose the Magazine Template for your specific page, to be kept as home page. The screenshot for this widget bundled with this theme is below:

posts-extended-widget-the-newsmag

Static Front Page

As this theme is best suited for the magazine or news layout, and also since this layout is built via the Magazine Template, so, setting the Home page as the static front page is required, which need to have the Magazine template chosen in it, which will provide you the flexibility of adding the bundled widgets in the theme in the respective Magazine sidebar areas. So, for setting up the home page, you can follow these steps:

  1. You can create a new static page with no content at all in it, with the page template of Magazine being chosen for it.
  2. Now, if you require to create the blog page in your site, you can do the same, but, choosing the page template is not required here.
  3. Now, after doing it, you can visit Settings->Reading setion.
  4. Here, you have the option of Front page displays section, where you have to choose the option of A static page (select below).
  5. Now, after choosing it, you have now the option to choose the pages available in your site, ie, Front page and Posts page, which are for the static home page and blog page respectively.
  6. Here, choose the page created with the Magazine Template selected for the Front page section, to make it the static home page, and if required the page created for blog page in Posts page to display all of your blog posts.

The screenshot for this is shown below as:

static-page-the-newsmag

Recommended Image Sizes

The recommended image sizes for this theme is provided below:

  1. 800 x 600 pixels for the featured image used in the posts slider widget as well as the featured imges of the post
  2. 600 x 450 pixels for the posts grid widget, posts one and posts two column widget as well as for the posts extended widget
  3. 400 x 300 pixels for the related posts feature bundled within this theme
  4. 120 x 90 pixels for the, breaking news section, random post and tabbed widget

Plugin Compatibility

This theme is compatible with the popular plugins like:

  1. Contact Form 7
  2. JetPack Infinite Scroll
  3. Breadcrumb NavXT
  4. WordPress SEO
  5. All in One SEO Pack
  6. WooCommerce