Welcome to SuperNews Documentation!

Thanks for Buying

First of all, thank you for buying this theme. To make your experience pleasant, we've added as much info as needed in this documentation. If you're stuck with anything, please refer to support forums.

Installation

There are two methods to install the theme. If the normal installation method (a) is not supported by your web host, you will have to use the alternate option (b).

a. Normal Installation

  1. Log into your WordPress admin panel and go to Appearance » Themes
  2. Click the Add New button at the top.
  3. Click the Upload Theme button at the top.
  4. Click the Choose File button and navigate to the location of the theme zip file.
  5. Click Install Now to begin the installation.
  6. Wait for the success message, then click Activate.

b. FTP Installation (alternate method)

  1. Unzip the theme zip file.
  2. Using an FTP client to access your host web server. Go to /wp-content/themes/ and place the theme folder inside it.
  3. Log in to your WordPress admin panel and go to Appearance » Themes
  4. Locate the theme thumbnail and click the Activate link.

Recommended Plugins

When the first time you activated the theme, you will see the notice above about recommended plugins. If you feel the plugins is not needed, then you can click the Dismiss this notice to hide the notice.

If someday you need to install those plugins, you can go to Appearance » Install Plugins . Choose which plugin you want to install.

Important Please note, those plugins is Recommended not required.

Child Theme

WordPress child theme allows you change the functionality of the theme without having to edit the original/parent theme template files. If you plan to making any customization, we recommend to create a child theme instead of editing the theme template files. Since the child theme is stored separately, you don't need to redo the changes next time you upgrade the theme.

Creating a Child Theme

There's a plugin you can use that will create a child theme from within the WordPress dashboard: http://wordpress.org/plugins/child-theme-configurator/or you can download SuperNews blank child theme here.

More About Child Theme

You can read more about Child theme on WordPress Codex.

One-Click Demo Import

We have included SuperNews with one-click demo importer feature. You can easily to import content from our demo then you can edit it with your content. But first please install the One-Click Demo Import plugin. Please take a look the Installing Recommended Plugins section to read how to install the plugin.

After that please go to Appearance → Import Demo Data, then click the Import Demo Data button. Depending upon the number of content, images and server speed, the process may take long to complete.

ImportantIn some themes you need to install some of the recommended plugins before importing the demo content such as Jetpack, TJ Team Content, Advanced Custom Fields Pro, WooCommerce, etc.

Regenerate Thumbnail

If you use this theme for existing website, we recommended you to install Regenerate Thumbnails plugin to fix the image sizes. Every theme has different image dimensions, so this is important step to do.

How To Use It?

  1. After you install it, go to Tools > Regen. Thumbnails
  2. Click the Regenerate All Thumbnails button
  3. The process depends on how many images on your website. If you only have 10-30 images then process only takes a few minues.
  4. After the process done, you can deactivate and delete the plugin.

Category Setup

Another useful feature in this theme is it support some category post layout style each category. If you go to Posts > Categories You will find 3 new custom fields.

Category Layout Style

There are 4 layouts style to choose from:

  1. Standard style : Shows category listing in a typical traditional blog layout.
  2. Classic style : Shows category listing in a typical traditional blog layout but with smaller thumbnail.
  3. Grid Version 1 style : Shows the listing with a 2 column grid format.
  4. Grid Version 2 style : Shows the listing with a 2 column grid format with smaller thumbnail.

Featured Posts

Featured posts is a list of post based on tag you selected. Also, there are 2 featured post layout to choose from:

Classic style

Slider style

Archive Setup

Not just the categories has ability to choose the layout style. Archive page like date, month, year, author and search also has this ability. You just need to go to Appearance > Theme Settings open the Archive tab, then you will see the option there.

Page Builder

Page Builder by SiteOrigin is the most powerful page builder in the market. With easy integration with the WordPress widgets, we can add custom widgets as many as we want. SuperNews has 7 custom widgets to be used within the page builder, so you can easily customize the page using this widgets.

Adding a Widgets

Every block elements in the builder we call it a widgets. To add new widget to the builder is pretty easy.

  1. Assuming you're at new page screen
  2. Click Page Builder next to Visual and Text tab, above the post editor.
  3. You will see + Add Widget button in the editor, click it.
  4. Popup page will appear, in this page you will see available widgets you can use with the builder.

In the popup page you see, please take a look to the left menu.

  1. All Widgets: All available widgets.
  2. Widgets Bundle: Widgets bundled from the plugin.
  3. Page Builder Widgets: We recommend you to only use widgets that in this menu. Eventhough, you can use all available widgets but not all widgets will meet the theme layout.
  4. WordPress Widgets: Basic widgets from WordPress.
  5. Recommended Widgets: 3rd party widgets plugin.

SuperNews Custom Builder Widgets

In the Page Builder Widgets menu you can see 7 custom widgets you can use to creating the home page.

Editing a Widget

After you add the widget to the builder, you also can edit it, because every widgets has their own option. Editing is pretty simple, you only need to hover the widget you want to edit, then Edit link will appear at the top right of the widgets. Click on it.

Home Page Setup

Creating home page (or any page) is super easy because the integration with the page builder plugin. Also, we provide some custom widgets to use within the page builder.

1. Instaling Page Builder Plugin

Before creating the home page, please install this requirement plugin.

  1. Go to Appearance » Install Plugins.
  2. Click install under Page Builder by SiteOrigin.
  3. That's it!

2. Creating Home Page and use Prebuilt Builder Layout

For you who are not really familiar with the page builder, we created a prebuilt builder layout to get you quickly learn how the page builder works. Also, we use this prebuilt layout on our demo.

Create Home page

  1. Assuming you're at new page screen (Pages > Add New)
  2. Add the title with Home Page or anything.
  3. Under Page Attributes switch the Template to Block Template
  4. Continue to adding prebuilt layout below.

Prebuilt Builder Layout

  1. Click Page Builder next to Visual and Text tab, above the post editor.
  2. Click prebuilt layout button.
  3. You will see a popup page, click Theme Defined on the left menu then click Prebuild Home Page box on the right.
  4. Click ok when you see a popup window.
  5. Viola! The prebuild layout is ready to use! but you have to edit each widget option. Read the Page Builder documentation to find out how to edit the builder widgets.

3. Setting Up Home Page

Once you have created a page that you would like to use as your homepage, follow these steps:

  1. Go to Settings > Reading.
  2. Choose "A static page" option for Front page displays.
  3. Next to Front Page, select the page you created to be used as the homepage.
  4. Save Changes.

4. Home Page Builder Widgets

Builder - Headlines

Builder - Slider

Builder - Posts Varian 1

Builder - Posts Varian 2

Builder - Posts Varian 3

Builder - Posts Varian 4

Layouts

The most coolest and useful feature in SuperNews is this theme support 6 custom layouts!

Layouts Type

  1. Full Width layout : Display the content in a full width mode or without sidebar.
  2. Left Sidebar layout : Display the content with sidebar on the left.
  3. Right Sidebar layout : Display the content with sidebar on the right.
  4. Sidebar 1 / Content / Sidebar 2 layout : Three columns layout with 2 sidebar.
  5. Content / Sidebar 1 / Sidebar 2 layout : Three columns layout with 2 sidebar.
  6. Content / Sidebar 2 / Sidebar 1 layout : Three columns layout with 2 sidebar.

Post Type Support

By default, layouts support all post types including:

  1. Post
  2. Page
  3. WooCommerce
  4. Your Custom Post Type

Setup the Layouts

Global Layout

You can setup global or default layout for this theme, so, every page and post will follow this layout except you set up manually the layout per page/post basis.

  1. Go to Appearance » Customize.
  2. See the tab menu on your left.
  3. Open the Layout tab.
  4. Choose the layout you want as the default layout.

Per Page/Post Basis Layout

  1. Assuming you're at the new post or page screen (Posts > Add New) or (Pages > Add New)
  2. After you create the post or page, scroll down and find Layout meta box.
  3. Choose the layout.

Team Page Setup

SuperNews comes with optional Team member page to display you website editor or author. Please check the demo to see it in action.

Page Setup

  1. To display the team data, first you need to install our Team content plugin.
  2. Please download on http://wordpress.org/plugins/theme-junkie-team-content/
  3. Or you can go to Appearance » Install Plugins. Click install under Theme Junkie Team Content.
  4. You will see a new Teams menu on the left.
  5. To add new member data, just go to Teams » Add New.

Displaying The Page

  1. Assuming you're at new page screen (Pages > Add New)
  2. Add the title with Teams or About Us or anything.
  3. Add the description in the Editor.
  4. Under Page Attributes switch the Template to Teams Template
  5. Click publish button.

Background Setup

Background Setting

SuperNews also support WordPress core features Custom Background to help you customizing the background color or image.

  1. Go to Appearance » Background .
  2. You can choose the color using the pallete setting or upload an image.
  3. Save changes.

Others Setup

Change Default Feed URL

If you want to change the default url with your feedburner url, then follow the below steps:

  1. Go to Appearance » Theme Settings .
  2. Open the General tab.
  3. Under the FeedBurner URL , paste your Feedburner url.
  4. Save Options.

Customize Footer Text

If you want to change the footer text, then follow the below steps:

  1. Go to Appearance » Theme Settings .
  2. Open the General tab.
  3. Under the Footer Text option, type the footer text you want.
  4. Save Options.

Custom Code

In some case you will need to add custom script to your website, for example google webmaster meta script or google analytics code. With theWorld you can easily to add it to your website.

  1. Go to Appearance » Theme Settings .
  2. Open the Custom Code tab.
  3. You can use both of these textarea to put your custom code.
  4. Save Options.

Advertisement Setup

SuperNews provides 2 spots for you to display advertisement withouth editing the theme.

Header Advertisement

This ads will appear at the top of your site, if you visit SuperNews demo you will see the big ads at the top.

  1. Go to Appearance » Theme Settings .
  2. Open the Advertisement tab.
  3. You will see Header Advertisement option. Put your ad code in the textbox.
  4. Save Options.

Archive Advertisement

This ads will appear on archive pages such as category, tag, etc.

  1. Go to Appearance » Theme Settings .
  2. Open the Advertisement tab.
  3. You will see Archive Advertisement option. Put your ad code in the textbox.
  4. Save Options.

Single Post Advertisement

In this page you can display your ads in two areas, before content and/or after content.

  1. Go to Appearance » Theme Settings .
  2. Open the Single Post tab.
  3. Scroll down, you should see two advertisement settings, Before Content Advertisement and After Content Advertisement
  4. Put your ad code in the textbox.
  5. Save Options.

NoteYou can also display your ads via widget.

Shortcodes

You can use these shortcodes by installing our Shortcodes plugin which available for free! You can see the shortcodes in action here.

  1. Please download on http://wordpress.org/plugins/theme-junkie-shortcodes/
  2. Or you can go to Appearance » Install Plugins. Click install under Theme Junkie Shortcodes.
  3. Then go to the post or page editing screen.
  4. You should see Add Shortcode button(see image below) beside the Add Media button.
  5. Click on it, then you will see a selectbox to choose the shortcodes you wish to use.
  6. Finally, click the Insert Shortcode button.

Translation & Internalization

All of our themes include a language file to make translating to a different language easy. Inside the theme folder /wp-content/themes/themename/languages, you'll find a language file named themename.pot. Or in this theme file named supernews.pot

Configure WordPress

Before translating the theme, you'll need to make sure WordPress is setup correctly with your locale. Open wp-config.php and modify the line below. 

 
/**
* WordPress Localized Language, defaults to English.
*
* Change this to localize WordPress. A corresponding MO file for the chosen
* language must be installed to wp-content/languages. For example, install
* de_DE.mo to wp-content/languages and set WPLANG to "de_DE" to enable German
* language support.
*/
define("WPLANG", "");

Translating the Theme

  1. Download and install Poedit.
  2. Open supernews.pot in Poedit. Translate as needed.
  3. Save the file with the locale. For example, if you translate the theme to German language then you would save your files as de_DE.po.
  4. Copy both these files(de_DE.po and de_DE.mo) under the languages folder of supernews.

Designed and built by Theme Junkie

Powered by Twitter Bootstrap, Jade, Sass and Coffee