Close

### Documentation

- Sukawati
- Jobplanet
- Photology
- Falive
- JMagz
- Minimy
- Jkreativ
- JPhotolio

### Forum

- Sukawati
- Jobplanet
- Photology
- Falive
- JMagz
- Minimy
- Jkreativ
- JPhotolio

close

### Install & Update

- WordPress Installation
- Installing Theme
- Installing Plugin
- Theme Update
- Plugin Update
- Import Demo & Style
- Included Plugins
- Child Theme
- Activating License

### General Guidelines

- Post
- Page
- Menu
- Widget
- WPBakery Page Builder Integration
- Author Box
- System Status

### Customize Option & Style

- Customizer Overview
- Enable / Disable Customizer
- Layout, Color & Scheme
- Header Option
- Footer Option
- Single Post Option
- Image & Gallery Option
- Social, Like & View
- Search Option
- Category Template
- Other Template
- Font Option
- Additional Option
- Advertisement Option
- JSON LD Schema Setting
- Additional CSS

### Built In Plugins

- Breadcrumb
- Google AMP
- Facebook Instance Article
- Auto Load Post
- Customize Detail Category
- Translation & Multilanguage
- Gallery
- Instagram Feed
- Rich Snippet (JSON-LD)
- Like Post Button
- Review
- Food Recipe
- Social Share & Counter
- Social Login & Registration
- Speed
- Split Post
- View Counter
- Weather Forecast
- Meta Header
- Desktop Push Notification
- Switch Theme

### FAQ

- Missing Stylesheet
- Import & Export Slider
- Rate JNews on Themeforest

# JNews Documentation

First of all, we're very thankful for you for buying JNews themes. We hope this documentation help you to understand how this themes work.

If you find this documentation not covering your issues, please don't hesitate to send your question to our support forum. We also open for suggestion to make this documentation better.

And if you enjoy using this template and our support, please rate this template on ThemeForest.

### Change Log

1.1.1

    - [IMPROVEMENT] Better handler for comment counter
    - [IMPROVEMENT] Better handler for pagination
    - [BUG] Fix issue unable to retrieve Editor RTL
    - [BUG] Fix issue of Auto size ads on Header Builder
    - [BUG] Fix bug on category excerpt
    - [BUG] Fix bug on the 404 page
    - [PLUGIN] Update JNews - Speed v1.0.1

1.1.0

    - [IMPROVEMENT] More parameter for excerpt fallback on Module / Block
    - [IMPROVEMENT] Better handler for large number of post tag
    - [IMPROVEMENT] Better handler for large number of post author
    - [PLUGIN] Fix JNews - View Counter version
    - [PLUGIN] Put back theme switcher (migration) plugins

1.0.3

    - [NEW FEATURE] Additional Javascript input on Customizer
    - [IMPROVEMENT] Provide Filter for Archive, Search, Author, and Not found template
    - [IMPROVEMENT] Global page using full page instead of using sidebar
    - [IMPROVEMENT] Provide default role when user register to Subscriber
    - [IMPROVEMENT] Update import for science news demo
    - [IMPROVEMENT] Provide excerpt fallback capability on Module / Block
    - [IMPROVEMENT] Add disable sticky sidebar option
    - [BUG] Fix offset issue on Block 28 & 29
    - [BUG] Fix issue warning shown if using default page
    - [PLUGIN] New plugin JNews - Extended Category Option v1.0.0
    - [PLUGIN] Update JNews - View Counter v1.0.1
    - [PLUGIN] Update JNews - Food Recipe v1.0.1

1.0.2

    - [IMPROVEMENT] Move Backend Javascript to Footer
    - [BUG] Fix Autoload stop when using Google Analytics

1.0.1

    - [NEW FEATURE] Text as Logo with complete Text Control (Font color, Size, and Font Family)
    - [NEW FEATURE] Add JNews - Publisher Migration Plugin
    - [IMPROVEMENT] Add filter hook for post meta on module builder
    - [IMPROVEMENT] Add filter hook for search form action url
    - [IMPROVEMENT] Add image size on image selector popup
    - [IMPROVEMENT] Add update plugin notice on plugin dashboard
    - [IMPROVEMENT] Make JNews Compatible with WPBakery Page Builder 5.4.2
    - [BUG] Fix issue on front-end translation
    - [PLUGIN] Update WPBakery Page Builder v5.4.2
    - [PLUGIN] Update JNews - AMP v1.0.1

1.0.0

    - Initial Release

# WordPress Installation

## Begin Install WordPress

This section contains a short walkthrough of WordPress installation. This part is useful if you are installing WordPress theme for the first time. Before starting, make sure that you have a server that supports PHP and enables access to MySQL databases.

Downloading WordPress

If you don’t have WordPress, you can download it first from http://wordpress.org/download/

After downloading WordPress, extract the file and you will get a folder named `wordpress`. Upload all files from this folder to your hosting server. You will need FTP credential and FTP Client for uploading WordPress. Contact your hosting provider for your site FTP credential and If you don’t have FTP client, you can download it here.

Wordpress Requirement

Before buying any hosting server, you need to make sure that your hosting is able to host WordPress. We recommend you to check PHP & MySQL version where you host your website. The latest version of them will be better.

After finish uploading WordPress to your hosting, now try to access your website URL from your browser. At the beginning, you will see WordPress asking for WordPress language that you will use for your site.

After clicking continue, WordPress will ask you to prepare your database details.

Now, you will need to input every detail that WordPress asks about your database. If you still don’t understand what these are, you can ask your server / hosting administrator about the details you need.

Once you provide the required details that WordPress understand, you will see this screen.

Next, click Run the Install, you will be asked to fill your site information (Site Title, Username, Password, etc), these details can be changed later.

## Logging in into admin panel

After you finish the installation process, you can login to admin page with username and password that you have entered before. Point your browser url to http://yourdomain.com/wp-admin/

## Further Reading

This is only a short guide for installing WordPress. You can find more complete installation guide from WordPress itself by following this link.

# Installing Theme

Installing JNews is quite easy. Basically installing this theme is almost the same as installing other themes. This part will guide you how to install JNews for a few minutes only.

After downloading JNews package from Themeforest you need to extract those files, and then you will find a zip file with name jnews.zip . This is the main file of JNews.

### Installation via WordPress

1. Go to Appearance → Themes on your WordPress Admin Dashboard.
2. Click the Add New button at the top of the page and then choose Upload Theme option.
3. After that upload file jnews.zip (look at the image above) and click Install Now button.
4. If the upload process has finished, click the Activate button.
5. Right after installing the theme you will be prompted to install required plugins. You can follow the instruction right here.

### Install via FTP

1. Login into your FTP client.
2. Then access wp-content/themes/ directory on your host web server.
3. After that browse to find the jnews.zip file (look at the image above) and unzip the file.
4. Upload the jnews folder into wp-content/themes/ directory.
5. After uploading process finishes, go to your WordPress Admin Dashboard → Appearance → Themes and hit the Activate button.
6. Right after installing the theme you will be prompted to install required plugins. You can follow the instruction right here.

Activate License

Right after finishing JNews activation, please activate your theme license to receive all benefits from JNews such as theme updates, import content & style, and unlock all other features.

Please follow this link for more detail information.

Info

We highly recommend to check your System Status in order to make JNews would work as expected. You can find more complete information about system requirements for JNews by following this link.

# Installing Plugin

JNews is bundled with several plugins such as Built In Plugins, Premium Plugin, and the most popular Recommended Plugins. All included plugins are well-tested and fully compatible with JNews.

You can simply activate specific plugin that you need for your website and deactivate them if you don’t need it. You can increase your website performance by activating necessary plugins only.

Right after you finish activating JNews, you will need to install and activate Required Plugins for this theme which is a mandatory step to make JNews fully functional. Here’s the list of all required plugins that you need to install :

- WPBakery Page Builder
- Vafpress Post Formats UI

Info

Beside required plugins, you might want to install built in and recommended plugins for JNews in order get specific functionality for your site. Please check our documentation page for more detail about Built In Plugins and Recommended Plugins for JNews.

### Installation via JNews Plugin Dashboard

1. You can easily access JNews Plugin Dashboard from JNews Dashboard → Plugin
2. If you are already on the JNews Plugin Dashboard you just need to hit Install & Activated button to install and activate the plugin or hit Activate button to activate the plugin that had already installed.

### Installation via TGM Plugin Activation

1. To install plugin via TGM Plugin Activation, please go to Appearance → Install Plugins
2. If you are already on the Plugin Dashboard you just need to choose specific plugin that you want to install. Then hit the Install button to install and wait until installation process finish.
3. After installation process finished, you will be prompted to return into Plugin Dashboard by hit Return to Required Plugins Installer button.
4. Finally, you can activate the plugin by clicking Activate button.

WPBakery Page Builder Plugin

After activating WPBakery Page Builder plugin, you will be prompted to activate the license for this plugin. JNews actually have already included a license for this plugin so you don’t need to activate the license or buy the new license of this plugin. You don’t need to worry, as WPBakery Page Builder plugin will still works fine with JNews. If there’s an updated version of WPBakery Page Builder plugin, we will include it on the new version of JNews.

Info

We highly recommend to check your System Status in order to make JNews work as expected. You can find more complete information about system requirement for JNews by following this link.

# Theme Update

Installing the new version of this theme is almost the same as installing new one. Before you are going to update the theme, we recommend you to check the following instructions below first :

- You can put your site into Maintenance mode. For more complete information you can check this this article.
- Check the change logs with the new version of the theme right here.
- You can backup the files and the database. In case something goes wrong with your web server, you could rollback your site to previous state. Please visit this page for more complete information about backup.
- Please note if you have made some modification directly on the theme’s code, they (those modifications) will lost. In this case, you might need to use child theme.
- Right after you’ve done updating, please clear your browser’s cache data.

After downloading the new version of JNews from Themeforest you need to extract the file, and then you will find zip file with name jnews.zip . This is the main file of JNews.

### Update via WordPress

1. Go to Appearance → Themes on your WordPress Admin Dashboard.
2. Deactivate the current JNews Theme by activating another available theme.
3. Then delete the current JNews Theme. You don’t need to worry about your site content, they won’t be lost.
4. If you’ve done with deleting the theme, then click the Add New button at the top of the page and then choose Upload Theme option.
5. After that, upload file jnews.zip (look at the image above) and click Install Now button.
6. If the upload has finished click the Activate button.

### Update via FTP

1. Login into your FTP client.
2. Then access wp-content/themes/ directory on your host web server.
3. Delete the current JNews folder or simply rename the JNews folder if you don’t want to delete them. You don’t need to worry about your site content, they won’t be lost.
4. After that, browse to find the new version of jnews.zip file (look at the image above) and unzip the file.
5. Upload the jnews folder into wp-content/themes/ directory.
6. After uploading process finished, go to your WordPress Admin Dashboard → Appearance → Themes and hit the Activate button.
7. Right after installing themes you will be prompted to install required plugins. You can follow the instruction right here.

Info

Right after updating the theme, you will need to check the change logs with the new version of theme right here.

If there is new version of the included plugins, you will need to update them as well in order to make JNews works as expected and keep them stay up to date.

Please check this page for more detail information about plugins update.

# Plugin Update

Installing the new version of plugin is almost the same as installing the new one. Before you are going to update the plugin, we recommend you to check the following instructions below first :

- You can put your site into Maintenance mode. For more complete information you can check this article.
- Check the change logs with the new version of theme right here.
- You can backup the files and the database. In case something goes wrong with your web server, you could rollback your site to previous state. Please visit this page for more complete information about backup.
- Right after you’ve done updating, please clear your browser’s cache data.

### Update via JNews Plugin Dashboard

1. To update plugin via JNews Plugin Dashboard, you can easily access them from JNews Dashboard → Plugin
2. If you are already on the JNews Plugin Dashboard you just need to choose specific plugin that you want to update and hit the Update button to update the plugin.

### Update via TGM Plugin Activation

1. To update plugin via TGM Plugin Activation, please go to Appearance → Install Plugins
2. If you are already on the Plugin Dashboard you just need to choose specific plugin that you want to update. Then hit the Update button to update and wait until updating process finish.

WPBakery Page Builder Plugin

After you activate WPBakery Page Builder plugin, you will be prompted to activate the license for this plugin. JNews included a license for this plugin so you don’t need to activate the license or buy the new license of this plugin. You don’t need to worry, as WPBakery Page Builder plugin will still works fine with JNews. If there’s an update version of WPBakery Page Builder plugin, we will include it on the new version of JNews.

# Import Demo & Style

JNews comes with several demos that each has unique design on various purposes and needs. We combine all of JNews feature, design, color, and element on each of our demo to get perfect result based on the demo purpose.

You might want to use one of our demos on your site and don’t need to create everything from scratch. Just simply “one click” and everything’s done.

The imported demo will show you about the website structure, theme setting, content structure, design template, etc, so you will be more familiar working with JNews. The imported demo is also fully customizable. Feel free to play around with your own design.

### Doing Import

Before doing content import, please read the following information below for more detailed information :

- #### JNews Import Demo & Style Dashboard

  You can easily access JNews Import Demo & Style Dashboard by go to JNews Dashboard → Import Demo & Style.

- #### Manual Backup

  You can backup the files and the database. In case something goes wrong with your web server, you could rollback your site to previous state. Please visit this page for more complete information about backup.

- #### System Status

  We highly recommend to check your System Status before importing content in order to make sure the importing process running as expected. You can find more complete information about system requirements by following this link.

- #### Automatic Backup

  Before doing the import, we will backup your widget setting, menu location, and customizer setting. We will not backup your menu, post, page, or taxonomy (category / tag) or image. When you uninstall your setup, we will revert the previously-saved backup content and remove the installed content.

- #### Import – Sytle & Content

  When you import both style & content we will import demo content into your server. Content is included with image, taxonomy, post & page (including landing page example), menu, widget, and customizer setting.

- #### Import – Only Style

  When you want to only import the style, we will just import the customizer setting with no content. Only the customizer setting that will be affected by this kind of import.

- #### Do Import

  You just simply to hit the Import button to run import process.

- #### Uninstall Import

  To uninstall the import demo, you can hit the Uninstall button to run the uninstallation process.

- #### Demo Page

  You can access our demo page by hitting the Demo button.

# Included Plugins

JNews supports a lot of most-popular plugins that you can manage them easily from our Plugin Dashboard. All included plugins are well tested with JNews and we will always update JNews to keep it compatible with most of the popular plugins on the WordPress community.

Not only that, JNews also comes with several built-in plugins that will bring extra feature for your website. For more complete information about built-in plugins, you can find the information on the Built In Plugins tab section.

Required Plugins List :

1. WPBakery Page Builder further reading
2. Vafpress Post Formats UI

Built In Plugins List :

1. JNews Breadcrumb
2. JNews AMP
3. JNews Auto Load Post
4. JNews Customize Detail Category
5. JNews Frontend Translation
6. JNews Gallery
7. JNews Instagram
8. JNews JSON LD Rich Snippet
9. JNews Like Button
10. JNews Review
11. JNews Food Recipe
12. JNews Social Share
13. JNews Social Login
14. JNews Speed
15. JNews Split
16. JNews View Counter
17. JNews Weather
18. JNews Meta Header
19. JNews Push Notification

Recommended Plugins List :

1. Breadcrumb NavXT further reading
2. Yoast SEO further reading
3. WordPress AMP further reading
4. Instant Article for WP further reading
5. WooCommerce further reading
6. BBPress further reading
7. Loco Translate further reading
8. Polylang further reading
9. WP Super Cache further reading
10. Jetpack further reading
11. MailChimp for WordPress further reading
12. Contact Form 7 further reading
13. Regenerate Thumbnails further reading
14. Social Media Manager further reading
15. OneSignal – Free Web Push Notifications further reading

# Child Theme

If you are planning to use this theme with a big customization, we provide the child theme that is bundled on theme’s folder to achieve your goal. Installing the child theme is quite easy and basically is almost the same as installing JNews. This section will guide you to install the child theme.

After downloading JNews package from Themeforest you need to extract those file, and then you will find zip file with name jnews-child.zip . This is the child theme file of JNews.

1. Go to Appearance → Themes on your WordPress Admin Dashboard.

2. Click the Add New button at the top of the page and then choose Upload Theme option.

3. After that, upload file jnews-child.zip (look at the image above) and click Install Now

4. When the upload has finished, click Activate and now you’re ready to create some customization on JNews with your own need.

Child Theme Right after installing child theme you need to go to wp-content/themes/jnews-child/ and in there you will found several files (functions.php & style.css). Put your custom code on those files and also additional file(s) that you want to use, if you have to.

# Activating License

You can easily register and activate your theme license in just few minutes. By activating your theme license, you will receive all benefits from JNews such as theme updates, import content & style, and unlock all other features.

Please read the following instructions below for additional information.

### Generating Envato Token

1. Click on Generate Token. You must be logged into the same Themeforest account that purchased JNews. If you are logged in already, look on the top menu bar to ensure it is the right account. If you are not logged in, you will be directed to the login page (Themeforest) then redirected back to the Create A Token Page.
2. Enter a name for your token, then check the boxes for “View Your Envato Account Username”, “Download Your Purchased Items”, “Verify Purchases You’ve Made”, and “List Purchases You’ve Made” from the permissions needed section. Check the box to agree to the terms and conditions, then click the Create Token button.
3. A new page will load with a token number in a box. Copy the token number then come back to this registration page and paste it into the field below and click the Submit button.
4. You will see a green check mark for success, or a failure message if something went wrong. If it failed, please make sure you followed the steps above correctly. You can also view our documentation post for various fallback methods.

# Post

There’re a few things that we’ll explain to you on this section :

1. Post Format
2. Post Subtitle
3. Post Editor
4. Primary Category
5. Single Post Setting

### 1. Post Format

With JNews, we provide 3 kinds of post format that you can use for your post. There are Standard Format, Gallery Format, and Video Format.

Before that, please make sure that you have installed and activated required plugins for JNews. For more complete information about required plugins, you can follow this link.

As seen on image above, you can choose standard, gallery, or video post format. Please check the following explanation below about post format :

1. Standard Format
   This is the default option for post format. With this format, you can also add featured image for your post.
2. Gallery Format
   If you want to show image gallery on featured post, this post format will fit in your need. With this format, you just need to simply select several images as gallery items and everything’s set.
3. Video Format
   You can also use video for featured post by using video post format. Nothing complicated is required, just paste your video url and it’s done.

### 2. Post Subtitle

Beside post title, we also provide post subtitle a.k.a. secondary post title. You can insert some text for post subtitle normally just like inserting a post title.

Where it’s done, the post subtitle will be shown below the post title. Leave post subtitle field blank if you don’t want to use it.

### 3. Post Editor

On post editor, you will notice something different as you can see on the image below.

We added sidebar area on the right side of post editor. This area is where your sidebar will show up. With this feature you will know how your post content will look on the front end preview.

Also, as you can see on the image above. We provide additional element and formatting tools on the toolbar. You need to click Toggle Toolbar button to expand this toolbar, so you can use the additional element and formatting tools easily.

Here’s the list of additional element and formatting tools that we’ve provided for you (from left to right based on image on above) :

- Grid Builder
  You can create custom grid column for your content with Grid Builder. On the grid builder panel, you will have three buttons.
  Green (+) button for increasing grid width, yellow (-) button for decreasing grid width and red (+) button for removing the current grid.
- Intro
  You can use Intro format into certain important content of your post to attract the readers for focusing more on this content. Intro format also have different style compared to the default format.
- Dropcap
  You can use Dropcap format to insert an interesting starting letter of a paragraph in your post content. We also provide several options that can be used to customize default dropcap style.
  Please note, you need to make selection or block the letter that you want to use as dropcap.
- Highlight
  You can use Highlight format to highlight certain word on your content. There are several options that you can choose to customize the default highlight style.
  Please note, firstly you need to make selection of word(s) which want to be highlighted.
- Pullquote
  You can use Pullquote element to insert pullquote into your content. We also provide alignment option for pullquote.
  Please note, you will need to make selection or put the cursor pointer of sentence that you want to use as pullquote.
- Alert
  You can use Alert element to insert alert message into your content. We also provide several option to customize your alert element.
- Button
  You can use Button element to insert custom button into your content. We also provide several button style that you can use.
- Spacing
  You can use Spacing to insert additional space on your post content. Just simply to input size of spacing that you need into input field.

### 4. Primary Category

A category is one of important thing for post. With JNews, you will notice post category appears on several place such as on block post, hero, slider, breadcrumb and etc.

On certain post, you might use more than one categories. In this case, only the first post category will be used by default. However, if you personally want to use a certain category instead of the one selected by the system, you can setup Primary Category manually for your post.

Primary category will show on several place as category badge on post block module, hero element, post slider and breadcrumb category on single blog post.

As you can see on the image above, you can setup primary category on JNews : Primary Category metabox on the right side.

### 5. Single Post Setting

In some cases, you might want to have individual setting for certain post. To achieve that, we provide Single Post Setting that you can find on each post. With this feature you will be able to override Global Single Post Setting. So each post on your site can have its own personal setting.

If you are not familiar with Global Single Post Setting yet, you can follow this link and jump into Single Post Option part.

Please check the following explanation about JNews : Single Post Setting below :

#### Override Default Template :

- Override Global Template Setting
  Turn on this option to override global template setting for the current post only.

This option list below will appear if Override Global Template Setting option above is enabled.

1. Post Header Template
   Choose post header template that you want to use for the current post. Please note, several template may not work for certain post format.
   - Standard Format : This format will work best on all template.
   - Gallery Format : This format will works best with Template 1, Template 2, Template 3, Template 7, Template 8 and Template 9.
   - Video Format : This format will works best with Template 1, Template 2, Template 3, Template 7, Template 8 and Template 9.
2. Enable Parallax Effect
   Turn on this option to enable parallax effect of featured image. Please note, this option will appear and work if you use Template 4 or Template 5 on Post Header Template option above.
3. Enable Fullscreen Featured Image
   Turn on this option to enable fullscreen featured image. Please note, this option will appear and work if you use Template 4 or Template 5 on Post Header Template option above.
4. Single Blog Post Layout
   Choose layout type for the current post.
5. Single Post Sidebar
   Choose sidebar that you want to use for the current post. Please note, this option will appear and work if you use Left Sidebar or Right Sidebar on Single Blog Post Layout option above.
6. Single Post Share Position
   Adjust the position of the share button for the current post.
7. Float Share Style
   Adjust the style of float share for the current post. Please note, this option will appear and work if you use Only Float or Float + Bottom on Single Post Share Position option above.
8. Show Share Counter
   Turn on this option to show share counter for the current post. Please note, this option will appear and work if you use Only Top or Top + Bottom on Single Post Share Position option above.
9. Show View Counter
   Turn on this option to show view counter for the current post. Please note, this option will appear and work if you use Only Top or Top + Bottom on Single Post Share Position option above.
10. Show Featured Image/Video
    Turn on this option to show featured image, gallery or video for the current post.
11. Show Post Meta
    Turn on this option to show post meta on header for the current post.
12. Show Post Author
    Turn on this option to show post author on post meta container for the current post. Please note, this option will appear and work if Show Post Meta option enabled.
13. Show Post Author Image
    Turn on this option to show post author image on post meta container for the current post. Please note, this option will appear and work if Show Post Meta option enabled.
14. Show Post Date
    Turn on this option to show post date on post meta container for the current post. Please note, this option will appear and work if Show Post Meta option enabled.
15. Show Category
    Turn on this option to show post category on post meta container for the current post. Please note, this option will appear and work if Show Post Meta option enabled.
16. Show Post Tag
    Turn on this option to show post tag on the below article for the current post.
17. Show Prev/Next Post
    Turn on this option to show previous and next post navigation on the below article for the current post.
18. Show Popup Post
    Turn on this option to show popup post on the bottom right side for the current post.
19. Number of Post
    Set the number of popup post to show for the current post. Please note, this option will appear and work if Show Popup Post option enabled.
20. Show Author Box
    Turn on this option to show author box on the below article for the current post.
21. Show Post Related
    Turn on this option to show related post on the below article for the current post.

#### Override Image Size :

- Override Image Thumbnail Size
  Turn on this option to override default image thumbnail size. Please note, if you’re using post template with image full size, this option will be ignored.

This option list below will appear if Override Global Template Setting option above is enabled.

1. Post Thumbnail Size
   Choose image thumbnail size for the current post.
2. Post Gallery Thumbnail Size
   Choose image gallery thumbnail size for the current post.

# Page

With JNews, you are provided by two kinds of page template which areDefault Template and Landing Page.

There are few things that we’ll explain to you on this section :

1. Default Page Template
2. Landing Page Template
3. Choose Homepage

### 1. Default Page Template

Default Template is the original page template that is assigned when you create a new page. This template is a standard page template that comes from WordPress.

We also provide several options so that you can configure and customize your page. You can find the option list on the JNews : Single Page Layout metabox at the bottom page area.

Please check the following explanation about JNews : Single Page Layout below :

1. Single Page Layout
   Choose layout for the current page.
2. Single Page Sidebar
   Choose page sidebar for the current page. Please note, this option will appear and work if you choose Right Sidebar or Left Sidebar on Single Page Layout option above.
3. Show Page Meta
   Turn on this option to show page meta for the current page.
4. Share Position
   Adjust the position of share button for the current page.
5. Float Share Style
   Choose float share style for the current page. Please note, this option will appear and work if you choose Only Float or Float + Bottom on Share Position option above.

### 2. Landing Page Template

Landing Page is specific page template for landing page or homepage purpose. With this template you can create your landing page layout with WPBakery Page Builder backend editor or frontend editor.

You also can use JNews Element, JNews Module, JNews Hero, JNews Slider and JNews Carousel on your page. For more detail about WPBakery Page Builder element, you can follow this link.

On the landing page template, we also provide Page Loop feature. With this feature, you will be able to index your post into several pages (pagination).

Not only that, we also provide filter option for your post, header option, and template option to customize your page loop looks. You can find the option list on the JNews : Page Loop metabox at the bottom page area.

Please check the following explanation about JNews : Page Loop below :

Page Loop :

- Enable Page Loop
  Turn on this option to enable page loop for the current page.

Page Loop Header :

1. First Header Title
   Insert text for main title of header.
2. Second Title
   Insert text for secondary title of the header.
3. Header Style
   Choose header style of page loop.
4. Header Background
   Set background color for header. Please note, this option may not work on certain header style.
5. Header Text Color
   Set text color for header. Please note, this option may not work on certain header style.

Content Template :

1. Page Loop Layout
   Choose layout for page loop.
2. Page Loop Sidebar
   Choose sidebar for page loop. Please note, this option will appear and work if you choose Right Sidebar or Left Sidebar on Page Loop Layout option above.
3. Page Loop Module Template
   Choose module template for page loop post.
4. Excerpt Length
   Set the word length of excerpt for page loop post.
5. Date Format for Content
   Choose date format for post content of page loop.
6. Custom Date Format for Content
   Insert custom date format for post content of page loop. Please note, this option will appear and work if you choose Custom Format on Date Format for Content option above.
   For more detail about this format, please refer to Developer Codex.
7. Pagination Mode
   Choose pagination mode for page loop.
8. Pagination Align
   Choose pagination alignment for page loop.
9. Show Navigation Text
   Turn on this option to show navigation text on page loop navigation.
10. Show Page Info
    Turn on this option to show page info on page loop navigation.

Content Filter :

1. Include Post ID
   Choose post id that you want to include for post content on page loop.
2. Exclude Post ID
   Choose post id that you want to exclude for post content on page loop.
3. Include Category
   Choose post category that you want to include for post content on page loop.
4. Exclude Category
   Choose post category that you want to exclude for post content on page loop.
5. Author
   Choose post author that you want to show for post content on page loop.
6. Include Tags
   Choose post tags that you want to include for post content on page loop.
7. Exclude Tags
   Choose post tags that you want to exclude for post content on page loop.
8. Sort By
   Choose sorting method of post content on page loop.

### 3. Choose Homepage

After creating page, you might want to set that page as Homepage of your website.

In this case, you can setup your homepage from WordPress Admin → Setting → Reading → Front page displays

Then select A static page option and after that you can choose a certain page as the Front page (Homepage) of your website .

# Widget

There are few things that we will explain to you on this part :

1. Widget Area
2. Add / Remove Widget Area
3. Additional Widget

### 1. Widget Area

JNews comes with 5 pre-defined widget areas that you can use to decorate your website. Here’s the list of pre-defined widget areas :

1. Sidebar Widget
   This is widget area for sidebar that will be visible on Blog & Page that enable sidebar.
2. Footer Widget 1
   This is widget area for footer at the first column. Please note, this widget area will work if you’re using Footer Style 1, Footer Style 2, Footer Style 3, Footer Style 5 and Footer Style 6.
3. Footer Widget 2
   This is widget area for footer at the second column. Please note, this widget area will work if you’re using Footer Style 1, Footer Style 2, Footer Style 3 and Footer Style 5.
4. Footer Widget 3
   This is widget area for footer at the third column. Please note, this widget area will work if you’re using Footer Style 1, Footer Style 2, Footer Style 3 and Footer Style 5.
5. Footer Widget 4
   This is widget area for footer at the fourth column. Please note, this widget area will work if you’re using Footer Style 2 and Footer Style 3.

### 2. Add / Remove Widget Area

We also provide an option to add and remove the widget area. To create new widget area, you just need to go to WordPress Admin → Appereance → Widgets then you will notice Add or Remove Widget Area button in there.

As you can see on the image above, you can create new widget area by clicking Create Widget Area button or remove certain widget area by clicking red ban icon ().

Don’t forget to hit Save Widget button after you’ve done.

As seen on the image above, this panel will show up when you create a new widget. You just need to insert the name of the new widget and don’t forget to hit Add Widget button to finish the process.

### 3. Additional Widget

We provide several additional widgets which have been included in JNews. Here’s the list of the additional widgets:

1. JNews – Ads Block
   A widget to display advertisement.
2. JNews – Header Module
   A widget to display header module.
3. JNews – Module 1
   A widget to display module block 1.
4. JNews – Module 2
   A widget to display module block 2.
5. JNews – Module 3
   A widget to display module block 3.
6. JNews – Module 4
   A widget to display module block 4.
7. JNews – Module 5
   A widget to display module block 5.
8. JNews – Module 6
   A widget to display module block 6.
9. JNews – Module 7
   A widget to display module block 7.
10. JNews – Module 8
    A widget to display module block 8.
11. JNews – Module 9
    A widget to display module block 9.
12. JNews – Module 10
    A widget to display module block 10.
13. JNews – Module 11
    A widget to display module block 11.
14. JNews – Module 12
    A widget to display module block 12.
15. JNews – Module 13
    A widget to display module block 13.
16. JNews – Module 14
    A widget to display module block 14.
17. JNews – Module 15
    A widget to display module block 15.
18. JNews – Module 16
    A widget to display module block 16.
19. JNews – Module 17
    A widget to display module block 17.
20. JNews – Module 18
    A widget to display module block 18.
21. JNews – Module 19
    A widget to display module block 19.
22. JNews – Module 20
    A widget to display module block 20.
23. JNews – Module 21
    A widget to display module block 21.
24. JNews – Module 22
    A widget to display module block 22.
25. JNews – Module 23
    A widget to display module block 23.
26. JNews – Module 24
    A widget to display module block 24.
27. JNews – Module 25
    A widget to display module block 25.
28. JNews – Module 26
    A widget to display module block 26.
29. JNews – Module 27
    A widget to display module block 27.
30. JNews – Slider 3
    A widget to display slider 3.
31. JNews – Video Playlist
    A widget to display video playlist.
32. JNews – Youtube / Vimeo Playlist
    A widget to display youtube or vimeo playlist.
33. JNews – About
    A widget to display information about you and your site.
34. JNews – Behance
    A widget to display your portfolio on Behance.
35. JNews – Dribbble
    A widget to display your portfolio shot on Dribbble.
36. JNews – Facebook Page
    A widget to display Facebook page likes.
37. JNews – Flickr
    A widget to display your latest photostream on Flickr.
38. JNews – Google+
    A widget to display Google+ badge.
39. JNews – Instagram
    A widget to display Instagram feed.
40. JNews – Pinterest
    A widget to display your Pins.
41. JNews – Popular Post
    A widget to display most popular post of your website.
42. JNews – Recent News
    A widget to display recent post of your website.
43. JNews – Separator Line
    A widget to display separator line.
44. JNews – Social Counter
    A widget to display your social account fans, followers and subscribers.
45. JNews – Social Icon
    A widget to display your social account with nice icon.
46. JNews – Tab Post
    A widget to display your post with trending, comment and latest tab.
47. JNews – Twitter
    A widget to display your recent Twitter feed.

# WPBakery Page Builder Integration

There are few things that we will explain to you on this section :

1. JNews – Element
2. JNews – Module
3. JNews – Hero
4. JNews – Slider
5. JNews – Carousel

### 1. JNews – Element

As you can see on the image below, on JNews – Element group tab we provide several WPBakery Page Builder elements that you can use to optimize your website’s look.

Please check the following explanation below about WPBakery Page Builder element on JNews – Element group tab :

#### JNews – Ads Block

General Tab

1. Ads Type
   Choose ads type that you want to use.
2. [Image Ads] Ads Image
   Choose an image for image ads.
3. [Image Ads] Ads Image Link
   Insert url link for image ads.
4. [Image Ads] Image Alternate Text
   Insert alternate text for image ads.
5. [Image Ads] Open New Tab
   Check this option to open the page in new tab when image ads clicked.
6. [Google Ads] Publisher ID
   Insert data-ad-client / google_ad_client content.
7. [Google Ads] Ads Slot ID
   Insert data-ad-slot / google_ad_slot content.
8. [Google Ads] Desktop Ads Size
   Choose ads size to show on desktop.
9. [Google Ads] Tab Ads Size
   Choose ads size to show on tablet.
10. [Google Ads] Phone Ads Size
    Choose ads size to show on phone.
11. [Script Code] Ads Code
    Insert ads script code.

Design Tab

1. Block / Column Width
   Please choose width of the column you want to use on this ads block. 1 Block represents 4 column.
2. CSS Box
   Set css attributes for ads block.

#### JNews – News Ticker

General Tab

1. News Ticker Title
   Insert title for news ticker.
2. Choose Date Format
   Choose date format for content of news ticker.
3. Custom Date Format
   Set custom date format for content of news ticker. Please note, this option will appear and work if you choose Custom Format on Choose Date Format option above.
4. News Ticker Icon
   Choose which font icon that is best to describe your news ticker.
5. Enable Autoplay
   Check this option to enable auto play news ticker.
6. Autoplay Delay
   Set auto play delay of news ticker in mili second. Please note, this option will appear and work if you enable auto play slider option above.
7. Animation Direction
   Choose news ticker animation direction.
8. News Ticker Title Background
   Choose news ticker title background. If you leave it empty, default theme scheme color will be used.
9. News Ticker Text Color
   Choose news ticker title text color. If you leave it empty, default theme scheme color will be used.

Content Filter Tab

1. Include Post Type
   Choose post type for content of the news ticker.
2. Number of Post
   Set number of post for content of the news ticker.
3. Post Offset
   Set number of post offset (start of content) of news ticker.
4. Include into Unique Content Group
   If you choose unique content option, this news ticker will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
5. Include Post ID
   Include post id that you want to show for content of the news ticker. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
6. Exclude Post ID
   Exclude post id that you don’t want to show for content of news ticker. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
7. Include Category
   Include which post category that you want to show for the content of news ticker.
8. Exclude Category
   Exclude which post category that you don’t want to show for the content of news ticker.
9. Author
   Choose which post author that you want to show for the content of news ticker.
10. Include Tags
    Include which post tags that you want to show for the content of news ticker.
11. Exclude Tags
    Exclude which post tags that you don’t want to show for the content of news ticker.
12. Sort By
    Choose the sorting method for the content of news ticker.

Design Tab

1. Block / Column Width
   Please choose width of the column you want to use on this news ticker. 1 Block represents 4 column.
2. CSS Box
   Set css attributes for news ticker.

#### JNews – Header Module

General Tab

1. Title
   Insert text for the main title of header module.
2. Second Title
   Insert text for the secondary title of header module.
3. Title URL
   Insert url link for the title of header module.
4. Header Type
   Choose a header type for header module.
5. Header Align
   Choose the alignment of header module.
6. Header Background
   Set the background color of header module. Please note, this option may not work on certain header type.
7. Header Text Color
   Set the text color of header module. Please note, this option may not work on certain header type.

Design Tab

1. Block / Column Width
   Please choose width of the column you want to use on this header module. 1 Block represents 4 column.
2. CSS Box
   Set css attributes for header module.

#### JNews – Video Playlist

General Tab

1. Video Playlist Layout
   Choose video playlist layout.
2. Video Playlist Scheme
   Choose video scheme color.

Content Filter Tab

1. Include Post Type
   Choose post type for content of the video playlist.
2. Number of Post
   Set number of post for content of the video playlist.
3. Post Offset
   Set number of post offset (start of content) of the video playlist.
4. Include into Unique Content Group
   Choose unique content option, and this video playlist will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
5. Include Post ID
   Include post id that you want to show for content of video playlist. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
6. Exclude Post ID
   Exclude post id that you don’t want to show for content of video playlist. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
7. Include Category
   Include which post category that you want to show for content of video playlist.
8. Exclude Category
   Exclude which post category that you don’t want to show for content of video playlist.
9. Author
   Choose which post author that you want to show for content of video playlist.
10. Include Tags
    Include which post tags that you want to show for content of video playlist.
11. Exclude Tags
    Exclude which post tags that you don’t want to show for content of video playlist.
12. Sort By
    Choose sorting method for content of video playlist.

Design Tab

1. Block / Column Width
   Please choose width of the column you want to use on this video playlist. 1 Block represents 4 column.
2. CSS Box
   Set css attribute for video playlist.

#### JNews – YouTube / Vimeo Playlist

General Tab

1. Video Playlist Layout
   Choose video playlist layout.
2. Video Playlist Scheme
   Choose video scheme color.
3. YouTube / Vimeo Video
   Enter your youtube / vimeo video separated by comma (Ex : https://www.youtube.com/watch?v=IvcE4o36cAo, https://vimeo.com/180337696).

Design Tab

1. Block / Column Width
   Please choose width of the column you want to use on this playlist block. 1 Block represents 4 column.
2. CSS Box
   Set css attribute for this playlist block.

#### JNews – Block Link

General Tab

1. Title
   Insert text for main title of block link.
2. Second Title
   Insert text for secondary title of block link.
3. Title URL
   Insert url link for title of block link.
4. Open New Tab
   Check this option to open link on a new tab.
5. Background Image
   Choose an image for block background.
6. Use Video Background
   Check this option to use video as block background.
7. YouTube Link
   Add YouTube video link to used as video background.

Design Tab

1. Block / Column Width
   Please choose width of the column you want to use on this block. 1 Block represents 4 column.
2. CSS Box
   Set css attribute for block link.

#### JNews – Split Navigation

General Tab

- Menu to Include
  Include menu into split navigation.

Design Tab

1. Block / Column Width
   Please choose width of column you want to use on this split navigation. 1 Block represent 4 column.
2. CSS Box
   Set css attribute for split navigation.

### 2. JNews – Module

As you can see on the image below, on JNews – Module group tab we provide several WPBakery Page Builder elements that you can use.

Please check the following explanation below about WPBakery Page Builder element on JNews – Module group tab :

#### General Option of JNews – Module Block

Header Tab

1. Title
   Insert text for main title of module block.
2. Second Title
   Insert text for secondary title of module block.
3. Title URL
   Insert url link for title of module block.
4. Header Type
   Choose header type for module block.
5. Header Background
   Set background color of header module block. Please note, this option may not work on certain header type.
6. Header Text Color
   Set text color of header module block. Please note, this option may not work on certain header type.

Header Filter Tab

1. Category
   Add category filter for header module block.
2. Author
   Add author filter for header module block.
3. Tags
   Add tag filter for header module block.
4. Default Text
   Insert text for first filter item of heading filter.

Content Filter Tab

1. Include Post Type
   Choose post type for content of module block.
2. Number of Post
   Set number of post for content module block.
3. Post Offset
   Set number of post offset (start of content) of module block.
4. Include into Unique Content Group
   Choose unique content option, and this module will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
5. Include Post ID
   Include post id that you want to show for content module block. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
6. Exclude Post ID
   Exclude post id that you don’t want to show for content module block. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
7. Include Category
   Include which post category that you want to show for content module block.
8. Exclude Category
   Exclude which post category that you don’t want to show for content module block.
9. Author
   Choose which post author that you want to show for content module block.
10. Include Tags
    Include which post tags that you want to show for content module block.
11. Exclude Tags
    Exclude which post tags that you don’t want to show for content module block.
12. Sort By
    Choose sorting method for content of module block.

Content Setting Tab

1. Content Date Format
   Choose date format for content of module block.
2. Custom Date Format
   Set custom date format for content of module block. Please note, this option will appear and work if you choose Custom Format on Content Date Format option above.
3. Excerpt Length
   Set the number of word length for post excerpt.

Pagination Tab

1. Choose Pagination Mode
   Choose pagination mode for module block.
2. Pagination Post
   Set the number of post to load during pagination request. Please note, this option will appear and work if you’re not choose No Pagination on Choose Pagination Mode option above.
3. Auto Load Limit
   Set the limit of auto load when scrolling. Set to zero (0) to always load until end of content. Please note, this option will appear and work if you’re not choose Auto Load on Scroll on Choose Pagination Mode option above.

Design Tab

1. Block / Column Width
   Please choose width of the column you want to use on this block. 1 Block represents 4 column.
2. CSS Box
   Set css attribute for slider.

### 3. JNews – Hero

As you can see on the image below, on JNews – Hero group tab we provide several WPBakery Page Builder element that you can use.

Please check the following explanation below about WPBakery Page Builder element on JNews – Hero group tab :

General Option of JNews – Hero Block

Hero Setting Tab

1. Hero Margin
   Set margin for each hero item. Please note, this option not available for JNews – Hero 14.
2. Hero Style
   Choose style for the current hero. Please note, this option not available for JNews – Hero 14.
3. Choose Date Format
   Choose date format for content of slider.
4. Custom Date Format
   Set custom date format for content of slider. Please note, this option will appear and work if you choose Custom Format on Choose Date Format option above.

Content Filter Tab

1. Include Post Type
   Choose post type for content of hero block.
2. Number of Post
   Set number of post for content hero block.
3. Post Offset
   Set number of post offset (start of content) of hero block.
4. Include into Unique Content Group
   Choose unique content option, and this hero will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
5. Include Post ID
   Include post id that you want to show for content hero block. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
6. Exclude Post ID
   Exclude post id that you don’t want to show for content hero block. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
7. Include Category
   Include which post category that you want to show for content hero block.
8. Exclude Category
   Exclude which post category that you don’t want to show for content hero block.
9. Author
   Choose which post author that you want to show for content hero block.
10. Include Tags
    Include which post tags that you want to show for content hero block.
11. Exclude Tags
    Exclude which post tags that you don’t want to show for content hero block.
12. Sort By
    Choose sorting method for content of hero block.

Hero Design Tab

1. Hero Height on Desktop
   Set height on pixel in px for desktop, leave empty to use default number.
2. Hero Height on 1024px Width Screen
   Set height on pixel in px for 1024px width screen, leave empty to use default number.
3. Hero Height on 768px Width Screen
   Set height on pixel in px for 768px width screen, leave empty to use default number.
4. Hero Height on 667px Width Screen
   Set height on pixel in px for 667px width screen, leave empty to use default number.
5. Hero Height on 568px Width Screen
   Set height on pixel in px for 568px width screen, leave empty to use default number.
6. Hero Height on 480px Width Screen
   Set height on pixel in px for 480px width screen, leave empty to use default number.

Design Tab

1. Block / Column Width
   Please choose width of column you want to use on this hero block. 1 Block represents 4 column.
2. CSS Box
   Set css attribute for hero.

### 4. JNews – Slider

As you can see on the image below, on JNews – Slider group tab we provide several WPBakery Page Builder element that you can use.

Please check the following explanation below about WPBakery Page Builder element on JNews – Slider group tab :

#### JNews – Slider 1 – 2

General Tab

1. Enable Autoplay
   Check this option to enable auto play slider.
2. Autoplay Delay
   Set auto play delay of slider in mili second. Please note, this option will appear and work if you enable auto play slider option above.
3. Choose Date Format
   Choose date format for content of slider.
4. Custom Date Format
   Set custom date format for content of slider. Please note, this option will appear and work if you choose Custom Format on Choose Date Format option above.

Content Filter Tab

1. Include Post Type
   Choose post type for content of slider.
2. Number of Post
   Set number of post for content slider.
3. Post Offset
   Set number of post offset (start of content) of slider.
4. Include into Unique Content Group
   Choose unique content option, and this slider will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
5. Include Post ID
   Include post id that you want to show for content slider. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
6. Exclude Post ID
   Exclude post id that you don’t want to show for content slider. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
7. Include Category
   Include which post category that you want to show for content slider.
8. Exclude Category
   Exclude which post category that you don’t want to show for content slider.
9. Author
   Choose which post author that you want to show for content slider.
10. Include Tags
    Include which post tags that you want to show for content slider.
11. Exclude Tags
    Exclude which post tags that you don’t want to show for content slider.
12. Sort By
    Choose sorting method for content of slider.

Design Tab

1. Block / Column Width
   Please choose width of column you want to use on this slider. 1 Block represents 4 column.
2. CSS Box
   Set css attribute for slider.

#### JNews – Slider 3

General Tab

1. Number of Column
   Set number of carousel item column on each slide.
2. Enable Autoplay
   Check this option to enable auto play slider.
3. Autoplay Delay
   Set auto play delay of slider in mili second. Please note, this option will appear and work if you enable auto play slider option above.
4. Choose Date Format
   Choose date format for content of slider.
5. Custom Date Format
   Set custom date format for content of slider. Please note, this option will appear and work if you choose Custom Format on Choose Date Format option above.

Content Filter Tab

1. Include Post Type
   Choose post type for content of slider.
2. Number of Post
   Set number of post for content slider.
3. Post Offset
   Set number of post offset (start of content) of slider.
4. Include into Unique Content Group
   Choose unique content option, and this slider will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
5. Include Post ID
   Include post id that you want to show for content slider. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
6. Exclude Post ID
   Exclude post id that you don’t want to show for content slider. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
7. Include Category
   Include which post category that you want to show for content slider.
8. Exclude Category
   Exclude which post category that you don’t want to show for content slider.
9. Author
   Choose which post author that you want to show for content slider.
10. Include Tags
    Include which post tags that you want to show for content slider.
11. Exclude Tags
    Exclude which post tags that you don’t want to show for content slider.
12. Sort By
    Choose sorting method for content of slider.

Design Tab

1. Block / Column Width
   Please choose width of column you want to use on this slider. 1 Block represents 4 column.
2. CSS Box
   Set css attribute for slider.

#### JNews – Slider 4

General Tab

1. Enable Autoplay
   Check this option to enable auto play slider.
2. Use Full-Size Image
   Check this option to enable full-size image instead of cropped version.
3. Autoplay Delay
   Set auto play delay of slider in mili second. Please note, this option will appear and work if you enable auto play slider option above.
4. Choose Date Format
   Choose date format for content of slider.
5. Custom Date Format
   Set custom date format for content of slider. Please note, this option will appear and work if you choose Custom Format on Choose Date Format option above.

Content Filter Tab

1. Include Post Type
   Choose post type for content of slider.
2. Number of Post
   Set number of post for content slider.
3. Post Offset
   Set number of post offset (start of content) of slider.
4. Include into Unique Content Group
   Choose unique content option, and this slider will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
5. Include Post ID
   Include post id that you want to show for content slider. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
6. Exclude Post ID
   Exclude post id that you don’t want to show for content slider. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
7. Include Category
   Include which post category that you want to show for content slider.
8. Exclude Category
   Exclude which post category that you don’t want to show for content slider.
9. Author
   Choose which post author that you want to show for content slider.
10. Include Tags
    Include which post tags that you want to show for content slider.
11. Exclude Tags
    Exclude which post tags that you don’t want to show for content slider.
12. Sort By
    Choose sorting method for content of slider.

Design Tab

1. Block / Column Width
   Please choose width of column you want to use on this slider. 1 Block represents 4 column.
2. CSS Box
   Set css attribute for slider.

#### JNews – Slider Overlay

General Tab

1. Enable Fullscreen
   Check this option to enable full screen slider.
2. Show Navigation
   Check this option to show next and prev button to navigate slider.
3. Overlay Option
   Choose overlay type that you want to use for slider.
4. Normal Overlay Color
   Set overlay color for slider. Please note, this option will appear and work if you choose Normal Overlay on Overlay Option above.

Content Filter Tab

1. Include Post Type
   Choose post type for content of slider.
2. Number of Post
   Set number of post for content slider.
3. Post Offset
   Set number of post offset (start of content) of slider.
4. Include into Unique Content Group
   Choose unique content option, and this slider will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
5. Include Post ID
   Include post id that you want to show for content slider. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
6. Exclude Post ID
   Exclude post id that you don’t want to show for content slider. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
7. Include Category
   Include which post category that you want to show for content slider.
8. Exclude Category
   Exclude which post category that you don’t want to show for content slider.
9. Author
   Choose which post author that you want to show for content slider.
10. Include Tags
    Include which post tags that you want to show for content slider.
11. Exclude Tags
    Exclude which post tags that you don’t want to show for content slider.
12. Sort By
    Choose sorting method for content of slider.

Design Tab

1. Block / Column Width
   Please choose width of column you want to use on this slider. 1 Block represents 4 column.
2. CSS Box
   Set css attribute for slider.

### 5. JNews – Carousel

As you can see on the image below, on JNews – Carousel group tab we provide several WPBakery Page Builder element that you can use.

Please check the following explanation below about WPBakery Page Builder element on JNews – Carousel group tab :

#### General Option of JNews – Carousel

General Tab

1. Show Nav
   Check this option to show navigation on carousel.
2. Number of Item
   Set number of carousel item to show on each slide.
3. Item Margin
   Set margin for each slider item.
4. Enable Autoplay
   Check this option to enable auto play slider.
5. Autoplay Delay
   Set auto play delay of slider in mili second. Please note, this option will appear and work if you enable auto play slider option above.
6. Choose Date Format
   Choose date format for content of slider.
7. Custom Date Format
   Set custom date format for content of slider. Please note, this option will appear and work if you choose Custom Format on Choose Date Format option above.

Content Filter Tab

1. Include Post Type
   Choose post type for content of carousel.
2. Number of Post
   Set number of post for content carousel.
3. Post Offset
   Set number of post offset (start of content) of carousel.
4. Include into Unique Content Group
   Choose unique content option, and this carousel will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
5. Include Post ID
   Include post id that you want to show for content carousel. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
6. Exclude Post ID
   Exclude post id that you don’t want to show for content carousel. It can be done firstly by searching post id by inputing title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
7. Include Category
   Include which post category that you want to show for content carousel.
8. Exclude Category
   Exclude which post category that you don’t want to show for content carousel.
9. Author
   Choose which post author that you want to show for content carousel.
10. Include Tags
    Include which post tags that you want to show for content carousel.
11. Exclude Tags
    Exclude which post tags that you don’t want to show for content carousel.
12. Sort By
    Choose sorting method for content of carousel.

Design Tab

1. Block / Column Width
   Please choose width of the column you want to use on this carousel. 1 Block represents 4 column.
2. CSS Box
   Set css attribute for carousel.

Info

If you’re not familiar working with WPBakery Page Builder yet, you can follow this link for more complete information above WPBakery Page Builder.

# Author Box

With JNews, we allow you to add nice author box that contains the information of the post author (user profile). This author box will be shown on each single blog post at the bottom of the content.

To modify the content of this author box, please go to WordPress Admin → Users → Your Profile then you can insert your information on the Contact Info and About Yourself section. You also can setup your Profile Picture on Gravatar.

If you don’t want it, Author Box can be disabled on certain post or even for all post. Please follow the instruction below about disabling the Author Box :

- Disable Author Box on Certain Post
  To disable author box on certain post, you will need to disable Show Post Author option on Single Post Setting.
  For more complete information, you can follow this link and jump into Single Post Setting section.
- Disable Author Box on All Post
  To disable author box for all post, you will need to disable Show Post Author option on Single Post Option.
  For more complete information, you can follow this link and jump into Single Post Option section.

# System Status

We provide you System Status report on JNews Dashboard. In there you can check your theme information, WordPress environment, server environment and currently activated plugins on your site.

When you want to ask for support in our support forum, you could attach this information. Also please note, we highly recommend you to follow JNews system requirements to make all process running as expected for better site performance.

There’re a few things that we’ll explain to you on this part :

1. WP Debug
2. Memory Limit
3. Max File Upload

### 1. WP Debug

`WP_DEBUG` is a PHP constant that can be used to trigger the “debug” mode throughout WordPress. `WP_DEBUG` provides a handy way to troubleshoot problems when something goes wrong on your site.

Also, it’s important to know that `WP_DEBUG` should not be used on a live site.

You can find `WP_DEBUG` on wp-config.php file that located in the WordPress root directory. `WP_DEBUG` is set to `false` by default.

define( 'WP_DEBUG', false );

1 | define( 'WP_DEBUG', false );

### 2. Memory Limit

In case to avoid exhausted memory size error in WordPress, you need to increase memory limit value. This thing also recommended from WooCommerce plugin when you’re using them on your site. You can setting the memory limit to at least 64MB (recommended: 128M).

To increase your memory limit please follow these 5 tips :

Tip 1: Increase the limit via PHP.ini file – You can directly increase the PHP Memory Limit if you’ve access to the PHP.ini file. Most small Shared hosting servers won’t give you access to the PHP.ini file. But some servers allow you to create a duplicate PHP.ini in your respective site Directories whose data/values will override the default PHP.ini values. To do that you just need to create a file with the name ‘php.ini’ in the directory where your WordPress site is installed. In that just add the command memory_limit = 128M in it to increase the Memory Limit to 128 MB.

Tip 2: Changing the Memory Limit via wp-config.php – If you don’t want to mess with the PHP.ini file, then you can go for this method. In this you won’t be needing to create any extra file in your Directory. Just Adding define(‘WP_MEMORY_LIMIT’, ‘128M’); in your ‘wp-config.php’ file would increase your PHP Memory Limit to 128 MB.

Tip 3: Modifying the .htaccess file to Increase Memory Limit – A Default WordPress Installation won’t have a .htaccess file. But in case you already have it for some purposes like ‘301 Redirection’, just add the command php_value memory_limit 128M in your ‘.htaccess’ file and your memory limit will increase to 128 MB.

Tip 4: Changing the Memory Limit via wp-config.php – This method is just an Alternate to the php.ini method. Because the function of the code we use in this method is same as what we put in the php.ini file.You just need to place the code ini_set(‘memory_limit’,’128M’); in the ‘wp-config.php’ file which is placed in the root folder of your WordPress installation.

Tip 5: Have a talk with your Host – If you are a person who is new to all these techie sounding things then it’s better to have a Live Chat / a Call with your Host right away. It’s your right to talk to them & get the necessary changes you need as you’ve paid for it.

### 3. Max File Upload

On this part, we will guide you how to increase max file upload size for your website. This is intermediate level instructions. Please note, it may not work with some shared hosts, in this case you would ask into your host administrator regarding this thing.

- Edit php.ini File
  post_max_size = 64M upload_max_filesize = 640M max_input_vars = 3000 max_execution_time = 300

  1 2 3 4 | post_max_size = 64M upload_max_filesize = 640M max_input_vars = 3000 max_execution_time = 300

- Edit .htaccess File
  php_value post_max_size = 64M php_value upload_max_filesize = 64M php_value max_input_vars = 3000 php_value max_execution_time = 300

  1 2 3 4 | php_value post_max_size = 64M php_value upload_max_filesize = 64M php_value max_input_vars = 3000 php_value max_execution_time = 300

# Customizer Overview

As you know, WordPress provides a great useful feature that called the Customizer. The Customizer allows you to preview changes that you made on your site before publishing them. You can navigate to different pages on your site within the preview.

Now with JNews, we make it even better, by modifying the Customizer based on the best User Interface and User Experience. Our Customizer have more than 700 options to modify. You have limitless possibility on enhancing your website. Say good bye to the old-school way of refreshing the page after changing website setting!

On this part, we will guide you how to use Customizer feature with JNews to customize your site. There’re a few things that we’ll explain to you on this section :

1. Accessing Customizer Panel
2. Live Search Option
3. Partial Refresh Feature
4. Redirect to Appropriate Page

### 1. Accessing Customizer Panel

You can easily access customizer panel on your website. Please check the following information below to access customizer panel quickly :

1. WordPress Dashboard
   You can access customizer panel on WordPress Dashboard by go to WordPress Dashboard → Appearance → Customize
2. JNews Dashboard
   You can access customizer panel on JNews Dashboard by go to JNews Dashboard → Customize Style
3. Frontend Preview
   Customizer panel can be accessed from the frontend preview as well.

### 2. Live Search Option

We add live search feature on our Customizer. You can easily search an option without navigate to the option tab anymore. You just need to click the search icon on the right side of the box and then you can start typing the option that you need quickly.

Also, related option results will be shown during typing the searched words. To make it clear, you can check the images below about the live search feature:

### 3. Partial Refresh Feature

JNews has been completed with partial refresh feature on our Customizer. With this feature, you can directly view the effect of a change that you’ve made only on certain section on your website. Your site don’t need to refresh the whole page to see the setting or customizing result. You will save so much time.

You can check the following images for better understanding about the partial refresh feature :

### 4. Redirect to Appropriate Page

We provide a “redirect to appropriate page” feature on our Customizer. With this feature, after customizing a page you will be redirected into appropriate page based on options that you have currently set up, instead of staying on the same page / homepage.

It means that, if the current page is not related to the option that you have currently set up, a dialog box will prompt you to redirect into the related appropriate page review the change.

To make it clear, you can check the images below about redirect to appropriate page feature :

# Enable / Disable Section

We provide Enable / Disable Section feature on our Customizer. With this feature you will have the ability to enable and disable section of a certain customizer panel option.

This feature will increase the speed of customizer loading time on your backend because the customizer will only load the enabled section.

We recommend you to enable only necessary panel, so you can reduce the loading time and can quickly start making changes on your website.

Info

If you’re not familiar with JNews Customizer yet, you might need to check our Customizer Overview.

# Layout, Color & Scheme

On JNews : Layout, Color & Scheme, there are several section option that you will find. They are :

1. Layout & Background
2. Sidefeed Setting
3. Scheme & Website Color
4. Mobile Browser Color

Info

If you’re not familiar with JNews Customizer yet, you might need to check our Customizer Overview.

### 1. Layout & Background

In this part, you can setup general layout and background setting for your website.

Box Layout

1. Enable Boxed Layout
   Turn on this option if you want to use boxed layout. These options below will only appear if you activate the Enable Boxed Layout.
2. Background Color
   Choose color for background. Please note, this option will appear if you enable Boxed Layout option.
3. Background Image
   Choose an image for background. Please note, this option will appear if you enable Boxed Layout option.

This option below will appear if you set Background Image option above.

1. Background Repeat
   Set background image repeat.
2. Background Position
   Set background image position.
3. Attachment Background
   Set background image attachment.
4. Background Size
   Set background image size.

#### Container Background

- Container Background Color
  Set background color for inside container.

### 2. Sidefeed Setting

On this part, you can setup sidefeed setting for your website. The list option below might affect on another option.

1. Enable Sidefeed
   Turn on this option if you want to use sidefeed. Please note, the next option list below will appear and work if Sidefeed option is enabled.
2. Enable Ajax Load Sidefeed Post
   Turn on this option if you want enable ajax load post.
3. Number of Post
   Set the number of post that you want to show per load.
4. Main Content Position
   Choose main content position.
5. Show Trending Button
   Turn on this option to show trending button on sidefeed. Please note, you will need to activate JNews View Counter plugin to use this feature.
6. Trending Range
   Choose time range for trending post. Please note, this option will appear and work if Show Trending Button option enabled.
7. Show Category
   Turn on this option to enable category filter button.
8. Select Category List
   Select category post that you want to use as category filter. Please note, this option will appear and work if Show Category option enabled.
9. Overlay Background Color
   Choose color for overlay background. Please note, this option will work if Enable Ajax Load Sidefeed Post option enabled.

Sidefeed & Header 7

Header 7 is the best header for side feed. When you enable side feed, header 7 will automatically be chosen, but you are still able to change the header from header menu.

### 3. Scheme & Website Color

On this part, you can setup general color setting for your website.

Website Scheme

- Choose your scheme color
  This option will switch color option of your website. Header & footer option won’t be affected by this option.

Website Color

1. Base Text Color (Body)
   Choos e general color for body.
2. Accent Color
   Choose general color for accent.
3. Accent Hover Color
   Choose general color for active button and hover background color.
4. Alternate Color
   Choose general alternate color including post meta icon and floating social share.
5. Heading Color
   Choose general color for post title and heading element such as `H1`, `H2`, `H3`, `H4`, `H5` and `H6`.

### 4. Mobile Browser Color

On this part, you can setup mobile browser color setting for your website.

- Mobile Browser Background Color
  Change color of chrome, firefox, vivaldi, windows phone browser, iOS Safari on mobile device.

# Header Option

On JNews : Header Option, there are several section options that you will find:

1. Header – Builder & Layout
2. Header – Desktop Option
3. Header – Sticky Option
4. Header – Mobile Option
5. Header – Mobile Drawer Option
6. Header – Logo
7. Header – Top Bar Menu
8. Header – Main Menu
9. Header – Social Icon
10. Header – Date
11. Header – Search Icon
12. Header – Search Form
13. Header – Account
14. Header – Navigation Icon
15. Header – Cart Icon
16. Header – Cart Detail
17. Header – Language Switcher
18. Header – HTML Element
19. Header – Button Element
20. Header – Vertical Menu

Info

If you’re not familiar with JNews Customizer yet, you might need to check our Customizer Overview.

### 1. Header – Builder & Layout

In this part, you can choose header layout for your website.

- Starter Layout
  Choose a desired layout for header. We provide 7 kinds of header for the best website’s look.

Notice

- We will reset all options inside header builder panel when you click one of the starter layout
- You can modify your header using header builder like normal after choosing header builder layout.

### 2. Header – Desktop Option

In this part, you can setup several options for desktop navigation.

- Dekstop Header Width
  Choose header container width that you want to use.

#### Dekstop Header – Topbar

1. Top Bar Height
   Set height size of top bar height.
2. Top Bar Scheme
   Choose scheme that you want to use for top bar.
3. Background Color
   Set background color for top bar.
4. Border Bottom
   Set border bottom color for top bar.
5. Side Border
   Set side border color for top bar.
6. Default Text Color
   Set default text color for top bar.
7. Default Link Color
   Set default link color for top bar.
8. Top Bar Border – Top Height
   Set border top height for top bar.
9. Top Bar Border – Top Color
   Set border top color for top bar.

#### Dekstop Header – Middle Bar

1. Middle Bar Height
   Set middle bar height.
2. Middle Bar Scheme
   Choose scheme for middle bar.
3. Middle Bar Background Color
   Set background color for middle bar.
4. Middle Bar Background Image
   Set background image for middle bar.
5. Background Repeat
   Set background repeat for middle bar. Please note, this option will appear and work if you set Middle Bar Background option.
6. Background Position
   Set background position for middle bar. Please note, this option will appear and work if you set Middle Bar Background option.
7. Attachment Background
   Set background attachment for middle bar. Please note, this option will appear and work if you set Middle Bar Background option.
8. Background Size
   Set background size for middle bar. Please note, this option will appear and work if you set Middle Bar Background option.
9. Middle Bar Border – Bottom Height
   Set border bottom height for middle bar.
10. Middle Bar Border – Bottom Color
    Set border bottom color for middle bar.
11. Default Text Color
    Set default text color for middle bar.
12. Default Link Color
    Set default link color for middle bar.

#### Desktop Header – Bottom Bar

1. Bottom Bar Height
   Set height size of bottom bar.
2. Boxed Navbar
   Turn on this option to make bottom bar have boxed layout.
3. Fit Width Navbar
   Turn on this option to make bottom bar have fit width effect.
4. Navbar Border
   Turn on this option to add border for bottom bar.
5. Navbar Shadow
   Turn on this option to add shadow for bottom bar.
6. Menu Scheme
   Choose menu scheme for bottom bar.
7. Bottom Bar Background Color
   Set background color for bottom bar.
8. Border Color
   Set border color for bottom bar.
9. Default Text Color
   Set default text color for bottom bar.
10. Default Link Color
    Set default link color for bottom bar.
11. Border Top Height
    Set border top height for bottom bar.
12. Border Top Color
    Set border top color for bottom bar.
13. Border Bottom Height
    Set border bottom height for bottom bar.
14. Border Bottom Color
    Set border bottom color for bottom bar.

### 3. Header – Desktop Sticky Option

In this part, you can setup several options for desktop sticky navigation.

#### Sticky Bar Setting

1. Menu Following Mode
   Choose menu following mode for sticky bar.
2. Header Sticky Width
   Set sticky bar width.
3. Sticky Bar Height
   Set sticky bar height.
4. Boxed Navbar
   Turn on this option to make sticky bar have boxed layout.
5. Fit Width Navbar
   Turn on this option to make sticky bar have fit width effect.
6. Navbar Border
   Turn on this option to add border on sticky bar.
7. Navbar Shadow
   Turn on this option to add shadow on sticky bar.

#### Sticky Bar Style

1. Menu Scheme
   Choose menu scheme for sticky bar.
2. Sticky Bar Background Color
   Set background color for sticky bar.
3. Border Color
   Set border color for sticky bar.
4. Default Text Color
   Set default text color for sticky bar.
5. Default Link Color
   Set default link color for sticky bar.
6. Border Bottom Height
   Set border bottom height for sticky bar.
7. Border Bottom Color
   Set border bottom color for sticky bar.

###

### 4. Header – Mobile Option

In this part, you can setup several options for mobile navigation.

- Menu Following Mode
  Choose menu following mode for mobile navigation.
- Mobile Background Color
  Set background color for mobile browser.

#### Mobile Header – Top Bar

1. Top Bar Scheme
   Set top bar scheme.
2. Top Bar Background Color
   Set background color for top bar.
3. Default Text Color
   Set default text color for top bar.
4. Default Link Color
   Set default link color for top bar.

#### Mobile Header – Middle Bar

1. Middle Bar Scheme
   Choose middle bar scheme.
2. Middle Bar Height
   Set middle bar height.
3. Background Color
   Set background color for middle bar.
4. Default Text Color
   Set default text color for middle bar.
5. Default Link Color
   Set default link color for middle bar.
6. Bottom Bar Border Height
   Set border height for bottom bar.
7. Mobile Top Bar Border – Top Color
   Set border top color for mobile menu top bar.

### 5. Header – Mobile Drawer Option

In this part, you can setup several options for mobile drawer navigation.

1. Drawer Scheme
   Choose drawer scheme.
2. Background Color
   Set background color for mobile drawer.
3. Overlay Color
   Set overlay color for mobile drawer.
4. Mobile Drawer Background Image
   Set background image for mobile drawer.
5. Background Repeat
   Set background repeat. Please note, this option will appear and work if you set Mobile Drawer Background Image option.
6. Background Position
   Set background position. Please note, this option will appear and work if you set Mobile Drawer Background Image option.
7. Attachment Background
   Set attachment background. Please note, this option will appear and work if you set Mobile Drawer Background Image option.
8. Background Size
   Set background size. Please note, this option will appear and work if you set Mobile Drawer Background Image option.

### 6. Header – Logo

In this part, you can setup several options for logo.

1. Header Logo
   Upload an image as logo for header.
2. Header Logo Retina
   Upload a retina image as retina logo for header.
3. Logo Spacing
   Insert logo spacing. You can use px or em unit.
4. Header Logo Alt
   Insert alternate text for header logo.
5. Sticky Menu Logo
   Upload an image as logo for sticky menu.
6. Sticky Menu Logo Retina
   Upload a retina image as retina logo for sticky menu.
7. Sticky Menu Alt
   Insert alternate text for sticky menu logo.
8. Mobile Device Logo
   Upload an image as logo for mobile device.
9. Mobile Device Logo Retina
   Upload a retina image as retina logo for mobile device.
10. Mobile Device Logo Alt
    Insert alternate text for mobile device logo.

### 7. Header – Top Bar Menu

In this part, you can setup several options for top bar menu.

#### Dektop – Top Bar Menu

1. Text Color
   Set text color for top bar menu.
2. Menu Hover Color
   Set menu hover color.
3. Drop Arrow Color
   Set drop arrow color.
4. Submenu Background
   Set background color for top bar submenu.
5. Submenu Text Color
   Set text color for top bar submenu.
6. Submenu Background Hover Color
   Set background hover color for top bar submenu.
7. Submenu Border Color
   Set border color for top bar submenu.

### 8. Header – Main Menu

In this part, you can setup several options for main menu.

#### Main Menu Style

1. Menu Style
   Choose menu style.
2. Menu Text Color
   Set menu text color.
3. Menu Hover Line Color
   Set menu line color when hover
4. Menu Hover Background Color 4
   Set menu background color when menu hover. Please note, this option will appear and work if you choose Style 4 on Menu Style option.
5. Menu Hover Text Color
   Set menu text color when menu hover.

#### Main Submenu Style

1. Submenu Arrow Icon Color
   Set submenu arrow icon color.
2. Submenu Background Color
   Set background color for submenu.
3. Submenu Text Color
   Set submenu text color.
4. Submenu Hover Background Color
   Set hover background color for submenu.
5. Submenu Hover Text Color
   Set hover text color for submenu.
6. Submenu Border Color
   Set border color for submenu.

#### Mega Menu

1. Subcategory News Feed Background Color
   Set background color for subcategory news feed.
2. Subcategory News Feed Border Color
   Set border color for subcategory news feed.
3. Subcategory News Feed Text Color
   Set text color for subcategory news feed.
4. Subcategory News Feed Hover Text Color
   Set hover text color for subcategory news feed.
5. Subcategory News Feed Hover Background Color
   Set hover background color for subcategory news feed.
6. News Feed Background Color
   Set background color for news feed.
7. News Feed Overlay Background Color
   Set overlay background color for news feed.
8. News Feed Preloader Color
   Set preloader color for news feed.
9. News Feed Text Color
   Set text color for news feed.
10. Tags Heading Color
    Set tags heading color.
11. Tags List Color
    Set tags list color.
12. Separator Border Color
    Set separator border color.
13. Nav Arrow Color
    Set nav arrow color.
14. Nav Arrow Background Color
    Set background color for nav arrow.
15. Nav Arrow Border Color
    Set border color for nav arrow.
16. Nav Arrow Hover Color
    Set hover color for nav arrow.
17. Nav Arrow Hover Background Color
    Set hover background color for nav arrow.
18. Nav Arrow Hover Border Color
    Set hover boder color for nav arrow.
19. Nav Arrow Disabled Color
    Set color when nav arrow disabled.
20. Nav Arrow Disabled Background Color
    Set background color when nav arrow disabled.
21. Nav Arrow Disabled Border Color
    Set border color when nav arrow disabled.

### 9. Header – Social Icon

In this part, you can setup several options for header social icon.

#### Social – Desktop Header

1. Social Icon Type
   Choose social icon type.
2. Icon Color
   Set icon color.
3. Background Color
   Set icon background color.

#### Social – Mobile Drawer

- Icon Color
  Set icon color.

### 10. Header – Date

In this part, you can setup several options for header date.

1. Date format for Header
   Set date format for header. For more detail about date format, please refer to Developer Codec.
2. Text Color
   Set text color for date.
3. Background Color
   Set background color for date.

### 11. Header – Search Icon

In this part, you can setup several options for search icon.

#### Desktop – Search Icon

1. Search Style
   Choose your navbar search style.
2. Search Icon Color
   Set color of search icon.

#### Desktop – Popup Drop Style

1. Search Background Color
   Set search background color.
2. Search Border Color
   Set search border color.
3. Search Input Background Color
   Set search input background color.
4. Search Input Border Color
   Set search input border color.
5. Search Icon Color
   Set search icon color.
6. Search Input Text Color
   Set search input text color.
7. Search Placeholder Color
   Set search placeholder color.

#### Desktop – Live Results

1. Background Color
   Set live results background color.
2. Border Color
   Set live results border color.
3. Text Color
   Set live results text color.

#### Desktop – Modal Style

1. Search Modal Color
   Set search modal color.
2. Search Modal Input Placeholder Color
   Set search modal input placeholder color.
3. Search Modal Background Color
   Set search modal background Color.

#### Mobile – Search Icon

- Search Icon Color
  Set search icon color for mobile.

#### Mobile – Popup Drop Style

1. Search Background Color
   Set search background color.
2. Search Border Color
   Set search border color.
3. Search Input Background Color
   Set search input background color.
4. Search Input Border Color
   Set search input border color.
5. Search Icon Color
   Set search icon color.
6. Search Input Text Color
   Set search input text color.
7. Search Placeholder Color
   Set search placeholder color.

### 12. Header – Search Form

In this part, you can setup several options for search form.

- Search Form Style
  Choose search form style that you want to use.
- Form Width
  Set search input form width in percentage.

#### Search Form Color Options

1. Search Input Background Color
   Set search input background color.
2. Search Input Border Color
   Set search input border color.
3. Search Icon Color
   Set search icon color.
4. Search Input Text Color
   Set search input text color.
5. Search Input Placeholder Color
   Set search input placeholder color.

#### Live Results Color Options

1. Background Color
   Set background color for live results.
2. Border Color
   Set border color for live search results.
3. Text Color
   Set text color for live search results.

### 13. Header – Account

In this part, you can setup several options for header account.

1. Text Color
   Set account text color.
2. Submenu Background
   Set top bar submenu background color.
3. Submenu Text Color
   Set top bar submenu text color.
4. Submenu Background Hover Color
   Set top bar submenu background hover color.
5. Submenu Border Color
   Set top bar submenu border color.

### 14. Header – Navigation Icon

In this part, you can setup several options for navigation icon.

1. Desktop Navigation Icon Color
   Set nav icon color for desktop navigation.
2. Mobile Navigation Icon Color
   Set nav icon color for mobile navigation.

### 15. Header – Cart Icon

In this part, you can setup several options for cart icon.

- Cart Icon Color
  Set cart icon color

#### Cart Drop Style

1. Cart Background Color
   Set cart background color.
2. Cart Text Color
   Set cart text color.
3. Product Quantity Color
   Set product quantity color.
4. Cart Border Color
   Set cart border color.
5. Cart Button Background Color
   Set background color for cart button.
6. Cart Button Color
   Set cart button color.
7. Cart Button Background Hover Color
   Set background hover color for cart button.
8. Cart Button Hover Color
   Set hover color for cart button.

### 16. Header – Cart Detail

In this part, you can setup several options for cart detail.

- Cart Icon Color
  Set cart icon color for cart detail element.
- Cart Text Color
  Set cart text color for cart detail element.

#### Cart Drop Style

1. Cart Drop Background Color
   Set background color for cart drop.
2. Cart Drop Text Color
   Set text color for cart drop.
3. Product Quantity Text Color
   Set text color for product quantity.
4. Cart Drop Border Color
   Set border color for cart drop element.
5. Cart Drop Button Background Color
   Set background color for cart drop button.
6. Cart Drop Button Text Color
   Set text color for cart drop button.
7. Cart Drop Button Background Hover Color
   Set background hover color for cart drop button.
8. Cart Drop Button Hover Text Color
   Set hover text color for cart drop button.

### 17. Header – Language Switcher

In this part, you can setup several options for language switcher.

1. Text Color
   Set text color for language switcher.
2. Background Color
   Set background color for language switcher.

### 18. Header – HTML Element

In this part, you can setup several options for HTML element.

1. Mobile HTML
   Insert html or shortcode element.
2. HTML Element 1
   Insert html or shortcode element.
3. HTML Element 2
   Insert html or shortcode element.
4. HTML Element 3
   Insert html or shortcode element.
5. HTML Element 4
   Insert html or shortcode element.
6. HTML Element 5
   Insert html or shortcode element.

### 19. Header – Button Element

In this part, you can setup several options for button element.

#### Button 1

1. Button Text
   Insert button text.
2. Font Icon Class
   Insert font icon for button.
3. Button Link
   Insert button url link.
4. Button Style
   Set button style.
5. Background Color
   Set background color for the button.
6. Background Hover Color
   Set background hover color for the button.
7. Text Color
   Set text colot for the button.
8. Border Color
   Set border color for the button.

#### Button 2

1. Button Text
   Insert button text.
2. Font Icon Class
   Insert font icon for button.
3. Button Link
   Insert button url link.
4. Button Style
   Set button style.
5. Background Color
   Set background color for the button.
6. Background Hover Color
   Set background hover color for the button.
7. Text Color
   Set text colot for the button.
8. Border Color
   Set border color for the button.

#### Button 3

1. Button Text
   Insert button text.
2. Font Icon Class
   Insert font icon for button.
3. Button Link
   Insert button url link.
4. Button Style
   Set button style.
5. Background Color
   Set background color for the button.
6. Background Hover Color
   Set background hover color for the button.
7. Text Color
   Set text colot for the button.
8. Border Color
   Set border color for the button.

### 20. Header – Vertical Menu

In this part, you can setup several options for vertical menu.

#### Vertical Menu 1

1. Choose Vertical Menu
   Choose menu for the vertical menu.
2. Top Bar Border Top Height
   Set border top height.
3. Top Bar Border Top Color
   Set border top color.
4. Link Color
   Set link color for the vertical menu.

#### Vertical Menu 2

1. Choose Vertical Menu
   Choose menu for the vertical menu.
2. Top Bar Border Top Height
   Set border top height.
3. Top Bar Border Top Color
   Set border top color.
4. Link Color
   Set link color for the vertical menu.

#### Vertical Menu 3

1. Choose Vertical Menu
   Choose menu for the vertical menu.
2. Top Bar Border Top Height
   Set border top height.
3. Top Bar Border Top Color
   Set border top color.
4. Link Color
   Set link color for the vertical menu.

#### Vertical Menu 4

1. Choose Vertical Menu
   Choose menu for the vertical menu.
2. Top Bar Border Top Height
   Set border top height.
3. Top Bar Border Top Color
   Set border top color.
4. Link Color
   Set link color for the vertical menu.

# Single Post Option

On JNews : Single Post Option, there are several section options that you will find :

1. Auto Load Scroll Post Option
2. Breadcrumb Setting
3. Single Post Option
4. Related Post Option
5. Comment Setting

Info

If you’re not familiar with JNews Customizer yet, you might need to check our Customizer Overview.

### 1. Auto Load Scroll Post Option

For more detail information about Auto Load Scroll Post Option, please visit our documentation about it on this page.

### 2. Breadcrumb Setting

For more detail information about Breadcrumb Setting, please visit our documentation about it on this page.

### 3. Single Post Option

In this part, you can setup general option for single post.

Also, you can override this option on single post editor. You can follow this link for more detail about override single post general option (jump into Single Post Setting part).

Single Blog Post Template

1. Single Blog Post Template
   Choose template for the single blog post.
2. Single Blog Post Layout
   Choose layout for the single blog post.
3. Parallax Effect
   Turn on this option to enable parallax effect on single blog post. Please note, this option will appear and work if you choose Template 4 or Template 5 on Single Blog Post Template option.
4. Fullscreen Featured Image
   Turn on this option to enable parallax effect on single blog post. Please note, this option will appear and work if you choose Template 4 or Template 5 on Single Blog Post Template option.
5. Single Post Sidebar
   Choose sidebar that you want to use on single blog post. Please note, this option will appear and work if you choose Right Sidebar or Left Sidebar on Single Blog Post Layout option.

Single Post Element

1. Show Featured Image/Video
   Turn on this option to show post featured image or video.
2. Show Post Meta
   Turn on this option to show post meta.
3. Show Post Author
   Turn on this option to show post author. Please note, this option will appear and work if Show Post Meta option enabled.
4. Show Post Author Image
   Turn on this option to show post author image. Please note, this option will appear and work if both Show Post Meta option and Show Post Author option are enabled.
5. Show Post Date
   Turn on this option to show post date. Please note, this option will appear and work if Show Post Meta option enabled.
6. Show Category
   Turn on this option to show post category. Please note, this option will appear and work if Show Post Meta option enabled.
7. Show Comment Button
   Turn on this option to show post comment button. Please note, this option will appear and work if Show Post Meta option enabled.
8. Share Position
   Choose position of share button on single blog post.
9. Float Share Style
   Choose style for floated share button. Please note, this option will appear and work if you choose Only Float or Float + Bottom on Share Position option.
10. Show Share Counter
    Turn on this option to show share counter. Please note, this option will appear and work if you choose Only Top or Top + Bottom on Share Position option.
11. Show View Counter
    Turn on this option to show view counter. Please note, this option will appear and work if you choose Only Top or Top + Bottom on Share Position option.
12. Show Post Tag
    Turn on this option to show post tag.
13. Show Prev / Next Post
    Turn on this option to show prev and next post.
14. Show Popup Post
    Turn on this option to show popup post.
15. Number of Popup Post
    Set the number of post to show when popup post appears. Please note, this option will appear and work if Show Popup Post option enabled.
16. Show Author Box
    Turn on this option to show author box.

Single Thumbnail Setting

1. Post Thumbnail Size
   Choose your post single image thumbnail size. You can also override this behaviour on your Single Post editor.
2. Post Gallery Thumbnail Size
   Choose your gallery image thumbnail size. You can also override this behaviour on your Single Post editor.

### 4. Related Post Option

In this part, you can setup related post option.

- Show Post Related
  Turn on this option to show related post.

This option below will appear if Show Post Related option enabled.

1. Related Post Filter
   Choose how related post will filter your article.
2. Related Post Module Header Style
   Choose header style for related post.
3. Related Pagination Style
   Choose pagination style for related post.
4. Number of Post
   Set the number of related post.
5. Auto Load Limit
   Set the limit of auto load post. Please note, this option will appear and work if you don’t choose No Pagination on Related Pagination Style option.
6. Related Post Template
   Choose template for related post.
7. Excerpt Length
   Set word length of post excerpt on related post.
8. Related Post Date Format
   Choose date format for related post.
9. Custom Date Format for Related Post
   Set date format for related post. For more detail about date format, please refer to Developer Codec.

### 5. Comment Setting

In this part, you can setup general comment setting.

1. Comment Type
   Choose comment platform to use.
2. Disqus Shortname
   Insert your Disqus shortname. You can register your website and get Disqus shortname for your website here. Please note, this option will appear and work if you choose Disqus Comment on Comment Type option on above.
3. Disqus API Key
   Insert your Disqus API key. You can create an application and get Disqus API Key for your website here. Please note, this option will appear and work if you choose Disqus Comment on Comment Type option on above.
4. Facebook App ID
   Insert your Facebook App id. You can create an application and get Facebook App id for your website here. Please note, this option will appear and work if you choose Facebook Comment on Comment Type option on above.
5. Comment Cache Lifetime
   Set the lifetime of comment cache in hours. Please note, this option will appear and work if you’re not using WordPress Comment type.

# Image & Gallery Option

On JNews : Image & Gallery Option, there are two section options that you will find :

1. Gallery Shortcode
2. Image Load & Generator Setting
3. Image Popup

Info

If you’re not familiar with JNews Customizer yet, you might need to check our Customizer Overview.

### 1. Gallery Shortcode

For more detail information about Gallery Shortcode setting, please visit our documentation about it on this page.

### 2. Image Load & Generator Setting

Image is one of important thing for your website. With JNews, you will notice that image appears on several place such as on block post, hero, slider, carousel, etc.

In this part, you can setup the general image setting for your website. Each of the option listed below has its own pros and cons that you need to know, so you can choose wisely based on your need.

1. Image Load Mechanism
   We provide 3 kinds of image loading mechanism. You can compare pros and cons on each option based on the following information below.
   - Normal Load Image, this option will support retina, large size at first time load and good for SEO result.
   - Lazy Load Image, this option will support retina, less number of image at first time load, better user experience and good for SEO result.
   - Background Image, this option supports GIF image as featured thumbnail but bad for SEO result.
2. Image Generator
   We provide 2 kinds of image generator mechanism. You can compare pros and cons on each option based on the following information below.
   - Normal Image Generator, this option has the fastest load time, but require more space. Each image that you upload will generate into 12 image dimension.
     If you switch this option, please regenerate image again. In this case you can use Regenerate Thumbnail plugin that fully supported by JNews.
   - Dynamic Image Generator, this option has slower load time, but it will only happen when image is created for the first time. Image generated only when needed.

### 3. Image Popup

In this part, you can setup image popup option for single post and page.

1. Image Popup Script
   This option will enable your image popup on Gallery Thumbnail, Single image, and WordPress default gallery.
   - Photoswipe
     Zoomable, ability to go fullscreen, button for share on social network.
   - Magnific Popup
     Simple Option, option to turn all single image into one gallery.
2. Set Image as Gallery
   Turn on this option to set images on a single post as one instance of gallery. Please note, this option will appear and work if you choose Magnific Popup on Image Popup Script option.

# Social, Like & View

On JNews : Social, Like & View, there are several section options that you will find :

1. Social Bar, View & Like
2. Social Icon
3. Instagram Feed Setting
4. Social Login Setting
5. Like Button Setting

Info

If you’re not familiar with JNews Customizer yet, you might need to check our Customizer Overview.

### 1. Social Bar, View & Like

For more detail information about Social Bar, View & Like setting, please visit our documentation about it on this page.

### 2. Social Icon

This social icon will show on header & footer of your website. Also, will be used if you install JNews – Meta Header & JNews JSON LD plugin.

You can check the following images below about how to setup social icon and social icon preview.

### 3. Instagram Feed Setting

For more detail information about Instagram Feed setting, please visit our documentation about it on this page.

### 4. Social Login Setting

For more detail information about Social Login setting, please visit our documentation about it on this page.

### 5. Like Button Setting

For more detail information about Like Button setting, please visit our documentation about it on this page.

# Search Option

On JNews : Search Option, there are two section options that you will find :

1. Search Content
2. Live Search Setting

Info

If you’re not familiar with JNews Customizer yet, you might need to check our Customizer Overview.

### 1. Search Content

- Only Search Post
  By default, WordPress search will also look for your single page. By enabling this option, it will make search only on post type.

### 2. Live Search Setting

In this part, you can setup general live search setting for your website.

1. Enable Live Search Block
   Turn on this option to enable live search block.
2. Live Search Number of Post
   Set number of post for live search.
3. Live Search Date Format
   Choose date format for live search.
4. Custom Live Search Date Format
   Insert custom date format for live search. Please note, this option will appear if you choose Custom Format on Live Search Date Format option.
   For more detail about date format, please refer to Developer Codec.

# Category Template

On JNews : Category Template, there are several section option that you will find :

1. Category : Global Template
2. Category List Setting

Info

If you’re not familiar with JNews Customizer yet, you might need to check our Customizer Overview.

### 1. Category : Global Template

In this part, you can setup general setting for category.

Category Color :

1. Background Color
   Set background color for global category.
2. Text Color
   Set text color for global category.

Category Sidebar :

1. Show Sidebar
   Turn on this option to show sidebar for global category.
2. Category Sidebar
   Choose sidebar for global category. If you need another sidebar, you can create from WordPress Admin → Appearance → Widgets.
   Please note, this option will appear and work if Show Sidebar option enabled.

Category Header :

1. Category Title Style
   Choose title style for global category.
2. Title Background Color
   Set background color for title of global category.
3. Title Background Image
   Set background image for title of global category. Please note, this option will appear and work if you choose Style 3 or Style 4 on Category Title Style option.

Category Hero :

1. Show Category Hero Block
   Turn on this option to show hero block on global category. Please note, this option below will appear if this option enabled.
2. Category Hero Header
   Choose hero header layout for global category.
3. Category Hero Header Style
   Choose hero header style for global category.
4. Hero Margin
   Set hero margin for global category.
5. Hero Date Format
   Choose date format for hero on global category.
6. Custom Hero Date Format
   Set date format for hero. For more detail about date format, please refer to Developer Codec.
   Please note, this option will appear and work if you choose Custom Format on Choose Hero Date Format option above.

Category Content :

1. Category Content Layout
   Choose content layout for global category.
2. Excerpt Length
   Set word length of excerpt post content for global category.
3. Content Date Format
   Choose date format post for global category.
4. Custom Date Format for Content
   Set date format for post content. For more detail about date format, please refer to Developer Codec.
   Please note, this option will appear and work if you choose Custom Format on Choose Date Format for Content option above.
5. Choose Pagination Mode
   Choose pagination mode for global category.
6. Auto Load Limit
   Set post limit of auto load when scrolling, set to zero to always load until end of content. Please note, this option will appear and work if you choose Ajax – Auto Scroll Load on Choose Pagination Mode option above.
7. Pagination Align
   Choose pagination align for global category.
8. Show Navigation Text
   Turn on this option to show navigation text for global category.
9. Show Page Info
   Turn on this option to show page info for global category.

### 2. Category List Setting

In this part, you can override color option of Category Global Setting for each post category that you have.

1. Override Color
   Turn on this option to override global category color. Please note, this option below will appear if this option enabled.
2. Category Background Color
   Set background color for this category.
3. Text Color
   Set text color for this category.

Also, we provide you an ability to override category setting of Category Global Setting. So you can override global category setting for each post category. For more complete information you can follow this link.

# Other Template

On JNews : Other Template, there’re several section option that you will find :

1. Archive Template
2. Search Template
3. Author Template
4. Attachment Template
5. 404 (Not Found) Template

Info

If you’re not familiar with JNews Customizer yet, you might need to check our Customizer Overview.

### 1. Archive Template

In this part, you can setup general option of archive page template.

Archive Sidebar :

1. Show Sidebar
   Turn on this option to show sidebar.
2. Archive Sidebar
   Choose sidebar for archive page. If you need another sidebar, you can create from WordPress Admin → Appearance → Widgets.
   Please note, this option will appear and work if Show Sidebar option enabled.

Archive Content :

1. Archive Content Layout
   Choose content layout for archive page.
2. Excerpt Length
   Set word length of excerpt post content on archive page.
3. Content Date Format
   Choose date format post on archive page.
4. Custom Date Format for Content
   Set date format for archive post content. For more detail about date format, please refer to Developer Codec.
   Please note, this option will appear and work if you choose Custom Format on Choose Date Format for Content option above.
5. Choose Pagination Mode
   Choose pagination mode on archive page.
6. Pagination Align
   Choose pagination align on archive page.
7. Show Navigation Text
   Turn on this option to show navigation text on archive page.
8. Show Page Info
   Turn on this option to show page info on archive page.

### 2. Search Template

In this part, you can setup general option of search result page template.

- Only Search Post
  Turn this option to force search on post only. By default, WordPress search will also look for single page.

Search Sidebar :

1. Show Sidebar
   Turn on this option to show sidebar.
2. Search Sidebar
   Choose sidebar for search result page. If you need another sidebar, you can create from WordPress Admin → Appearance → Widgets.
   Please note, this option will appear and work if Show Sidebar option enabled.

Search Content :

1. Search Content Layout
   Choose content layout for search result page.
2. Excerpt Length
   Set word length of excerpt post content on search result page.
3. Content Date Format
   Choose date format post on search result page.
4. Custom Date Format for Content
   Set date format for search result content. For more detail about date format, please refer to Developer Codec.
   Please note, this option will appear and work if you choose Custom Format on Choose Date Format for Content option above.
5. Choose Pagination Mode
   Choose pagination mode on search result page.
6. Pagination Align
   Choose pagination align on search result page.
7. Show Navigation Text
   Turn on this option to show navigation text on search result page.
8. Show Page Info
   Turn on this option to show page info on search result page.

### 3. Author Template

In this part, you can setup general option of author page template.

Author Sidebar :

1. Show Sidebar
   Turn on this option to show sidebar.
2. Author Sidebar
   Choose sidebar for author page. If you need another sidebar, you can create from WordPress Admin → Appearance → Widgets.
   Please note, this option will appear and work if Show Sidebar option enabled.

Author Content :

1. Author Content Layout
   Choose content layout for author page.
2. Excerpt Length
   Set word length of excerpt post content on author page.
3. Content Date Format
   Choose date format post on author page.
4. Custom Date Format for Content
   Set date format for author post content. For more detail about date format, please refer to Developer Codec.
   Please note, this option will appear and work if you choose Custom Format on Choose Date Format for Content option above.
5. Choose Pagination Mode
   Choose pagination mode on author page.
6. Pagination Align
   Choose pagination align on author page.
7. Show Navigation Text
   Turn on this option to show navigation text on author page.
8. Show Page Info
   Turn on this option to show page info on author page.

### 4. Attachment Template

In this part, you can setup general option of attachment page template.

Attachment Sidebar :

1. Show Sidebar
   Turn on this option to show sidebar.
2. Attachment Sidebar
   Choose sidebar for attachment page. If you need another sidebar, you can create from WordPress Admin → Appearance → Widgets.
   Please note, this option will appear and work if Show Sidebar option enabled.

### 5. 404 (Not Found) Template

In this part, you can setup general option of 404 (not found) page template.

404 Page Sidebar :

1. Show Sidebar
   Turn on this option to show sidebar.
2. 404 Page Sidebar
   Choose sidebar for 404 page. If you need another sidebar, you can create from WordPress Admin → Appearance → Widgets.
   Please note, this option will appear and work if Show Sidebar option enabled.

404 Page Cotent :

1. Not Found Content Layout
   Choose content layout for not found page.
2. Excerpt Length
   Set word length of excerpt post content on not found page.
3. Content Date Format
   Choose date format post on not found page.
4. Custom Date Format for Content
   Set date format for not found page. For more detail about date format, please refer to Developer Codec.
   Please note, this option will appear and work if you choose Custom Format on Choose Date Format for Content option above.

### 6. WooCommerce Template

In this part, you can setup general option of WooCommerce archive and single page template.

Please note, this option below will appear and work if you’re using WooCommerce plugin.

WooCommerce Archive :

1. Show Sidebar on WooCommerce Archive
   Turn on this option to show sidebar on WooCommerce archive.
2. WooCommerce Archive Sidebar
   Choose sidebar for WooCommerce archive page. If you need another sidebar, you can create from WordPress Admin → Appearance → Widgets.
   Please note, this option will appear and work if Show Sidebar option enabled.

WooCommerce Single :

1. Show Sidebar on WooCommerce Single
   Turn on this option to show sidebar on WooCommerce single.
2. Woocommerce Single Sidebar
   Choose sidebar for WooCommerce single page. If you need another sidebar, you can create from WordPress Admin → Appearance → Widgets.
   Please note, this option will appear and work if Show Sidebar option enabled.

### 7. BBPress Template

In this part, you can setup general option of BBPress page template.

Please note, this option below will appear and work if you’re using BBPress plugin.

BBPress Sidebar :

1. Show Sidebar on BBPress
   Turn on this option to show sidebar on BBPress page.
2. BBPress Sidebar
   Choose sidebar for BBPress page. If you need another sidebar, you can create from WordPress Admin → Appearance → Widgets.
   Please note, this option will appear and work if Show Sidebar option enabled.

# Font Option

On JNews : Font Option, there are several section option that you will find :

1. Global Font
2. Custom Font
3. Type Kit Font

Info

If you’re not familiar with JNews Customizer yet, you might need to check our Customizer Overview.

### 1. Global Font

In this part, you can setup general font. You will be able to setup certain font for Body, Post Title, Block Heading (block module & widget title) and Paragraph (post content).

1. Font Family
   Choose font family that you want to use.
2. Font Variant
   Set font variant. Please note, this option may not available on certain font.
3. Font Subsets
   Set font subsets. Please note, this option may not available on certain font.
4. Font Size
   Set font size.
5. Line Height
   Set line height.
6. Color
   Set colof of font.

### 2. Custom Font

In this part, you can upload your custom font. You can generate your custom font using Squirrel Generator.

Please note, you will need to refresh the customizer page after you’ve done configure this option to see your custom font on the font list (Global Font option).

1. Font Name
   Insert the name of your custom font.
2. Font Weight
   Set font weight.
3. Font Style
   Set font style.
4. EOT File
   Upload EOT file of your font.
5. WOFF File
   Upload WOFF file of your font.
6. TTF File
   Upload TTF file of your font.
7. SVG File
   Upload SVG file of your font.

### 3. Type Kit Font

In this part, you can setup type kit font.

1. Type Kit ID
   Insert your type kit id.
2. Name Your Type Kit Font
   Insert the name of your type kit font. You can add multiple font name and delete it if no longer using them.

# Additional Option

On JNews : Additional Option, there’re several section option that you will find :

1. Review
2. Push Notification
3. Loader Setting
4. Weather Setting

Info

If you’re not familiar with JNews Customizer yet, you might need to check our Customizer Overview.

### 1. Review

For more detail information about Review setting, please visit our documentation about it on this page.

### 2. Push Notification

For more detail information about Push Notification setting, please visit our documentation about it on this page.

### 3. Loader Setting

In this part, you can setup general loader type that will be used on certain element such as post split, module block, mega menu, and sidefeed element.

1. Post Split Loader Style
   Choose loader type that will be using on post split. Please note, this option will appear if JNews Post Split plugin enabled.
2. Module Loader Style
   Choose loader type that will be used on the module.
3. Mega Menu Loader Style
   Choose loader type that will be used on the mega menu.
4. Sidefeed Loader Style
   Choose loader type that will be used on the sidefeed.
5. Sidefeed Ajax Overlay Loader Style
   Choose loader type that will be used on the sidefeed ajax.

### 4. Weather Setting

For more detail information about Weather setting, please visit our documentation about it on this page.

# Advertisement Option

On JNews : Advertisement Option, there are several section option that you will find :

1. Preview Slider Ads
2. Header Ads
3. Article Ads
4. Global Ads
5. Mobile Ads
6. AMP Ads

Info

If you’re not familiar with JNews Customizer yet, you might need to check our Customizer Overview.

### 1. Preview Slider Ads

For more detail information about Preview Slider Ads setting, please visit our documentation about it on this page.

### 2. Header Ads

On this part, you can setup general option of header advertisement.

Above Header Advertisement :

1. Enable Above Header Advertisement
   Turn on this option to enable advertisement on above the header. Please note, the next option below will appear and work if you turn on this option first.
2. Above Header : Advertisement Type
   Choose advertisement type on above the header. Please note, the next option below will appear based on what kind of advertisement type that you’ve chosen for this option.
3. Above Header : Advertisement Image Image Ads.
   Upload an image for advertisement. We recommend you to use 970×90 image size for best result.
4. Above Header : Advertisement Link Image Ads.
   Insert url link where this advertisement image will be heading.
5. Above Header : Alternate Text Image Ads.
   Insert alternate text for advertisement image.
6. Above Header : Open in New Tab Image Ads.
   Turn on this option to enable open in new tab when advertisement image clicked.
7. Above Header : Publisher ID Google Ads.
   Insert data ads client or Google ads client content.
8. Above Header : Ads Slot ID Google Ads.
   Insert data ads slot or Google ads slot content.
9. Above Header : Desktop Ads Size Google Ads.
   Choose ads size for desktop device. We recommend you to use Auto on this option.
10. Above Header : Tab Ads Size Google Ads.
    Choose ads size for tablet device. We recommend you to use Auto on this option.
11. Above Header : Phone Ads Size Google Ads.
    Choose ads size for mobile phone device. We recommend you to use Auto on this option.
12. Above Header : Script Code Script Code Ads.
    Insert script code ads for above header.
13. Above Header : Advertisement Code Shortcode Ads.
    Insert shortcode ads for above header.

#### Header 1 Advertisement

These options below will appear if you’re using Header Layout – Style 1.

1. Enable Header 1 Advertisement
   Turn on this option to enable advertisement on header. Please note, the next option below will appear and work if you turn on this option first.
2. Header 1 : Advertisement Type
   Choose advertisement type on header. Please note, the next option below will appear based on what kind of advertisement type that you’ve chosen for this option.
3. Header 1 : Advertisement Image Image Ads.
   Upload an image for advertisement. We recommend you to use 728×90 image size for the best result.
4. Header 1 : Advertisement Link Image Ads.
   Insert url link where this advertisement image will be heading.
5. Header 1 : Alternate Text Image Ads.
   Insert alternate text for advertisement image.
6. Header 1 : Open in New Tab Image Ads.
   Turn on this option to enable open in new tab when advertisement image clicked.
7. Header 1 : Publisher ID Google Ads.
   Insert data ads client or Google ads client content.
8. Header 1 : Ads Slot ID Google Ads.
   Insert data ads slot or Google ads slot content.
9. Header 1 : Desktop Ads Size Google Ads.
   Choose ads size for desktop device. We recommend you to use Auto on this option.
10. Header 1 : Script Code Script Code Ads.
    Insert script code ads for header.
11. Header 1 : Advertisement Code Shortcode Ads.
    Insert shortcode ads for header.

#### Header 2 Advertisement

These options below will appear if you’re using Header Layout – Style 2.

1. Enable Header 2 Advertisement
   Turn on this option to enable advertisement on header. Please note, the next option below will appear and work if you turn on this option first.
2. Header 2 : Advertisement Type
   Choose advertisement type on header. Please note, the next option below will appear based on what kind of advertisement type that you’ve chosen for this option.
3. Header 2 : Advertisement Image Image Ads.
   Upload an image for advertisement. We recommend you to use 728×90 image size for the best result.
4. Header 2 : Advertisement Link Image Ads.
   Insert url link where this advertisement image will be heading.
5. Header 2 : Alternate Text Image Ads.
   Insert alternate text for advertisement image.
6. Header 2 : Open in New Tab Image Ads.
   Turn on this option to enable open in new tab when advertisement image clicked.
7. Header 2 : Publisher ID Google Ads.
   Insert data ads client or Google ads client content.
8. Header 2 : Ads Slot ID Google Ads.
   Insert data ads slot or Google ads slot content.
9. Header 2 : Desktop Ads Size Google Ads.
   Choose ads size for desktop device. We recommend you to use Auto on this option.
10. Header 2 : Script Code Script Code Ads.
    Insert script code ads for header.
11. Header 2 : Advertisement Code Shortcode Ads.
    Insert shortcode ads for header.

#### Header 4 Advertisement

These options below will appear if you’re using Header Layout – Style 4.

1. Enable Header 4 Advertisement
   Turn on this option to enable advertisement on header. Please note, the next option below will appear and work if you turn on this option first.
2. Header 4 : Advertisement Type
   Choose advertisement type on header. Please note, the next option below will appear based on what kind of advertisement type that you’ve chosen for this option.
3. Header 4 : Advertisement Image Image Ads.
   Upload an image for advertisement. We recommend you to use 970×90 image size for best result.
4. Header 4 : Advertisement Link Image Ads.
   Insert url link where this advertisement image will be heading.
5. Header 4 : Alternate Text Image Ads.
   Insert alternate text for advertisement image.
6. Header 4 : Open in New Tab Image Ads.
   Turn on this option to enable open in new tab when advertisement image clicked.
7. Header 4 : Publisher ID Google Ads.
   Insert data ads client or Google ads client content.
8. Header 4 : Ads Slot ID Google Ads.
   Insert data ads slot or Google ads slot content.
9. Header 4 : Desktop Ads Size Google Ads.
   Choose ads size for desktop device. We recommend you to use Auto on this option.
10. Header 4 : Script Code Script Code Ads.
    Insert script code ads for header.
11. Header 4 : Advertisement Code Shortcode Ads.
    Insert shortcode ads for header.

### 3. Article Ads

In this part, you can setup general option of article advertisement.

Above Article Advertisement :

1. Enable Above Article Advertisement
   Turn on this option to enable advertisement on above article. Please note, the next option below will appear and work if you turn on this option first.
2. Above Article : Advertisement Type
   Choose advertisement type on above article. Please note, the next option below will appear based on what kind of advertisement type that you’ve chosen for this option.
3. Above Article : Advertisement Image Image Ads.
   Upload an image for advertisement. We recommend you to use 970×90 image size for best result.
4. Above Article : Advertisement Link Image Ads.
   Insert url link where this advertisement image will be heading.
5. Above Article : Alternate Text Image Ads.
   Insert alternate text for advertisement image.
6. Above Article : Open in New Tab Image Ads.
   Turn on this option to enable open in new tab when advertisement image clicked.
7. Above Article : Publisher ID Google Ads.
   Insert data ads client or Google ads client content.
8. Above Article : Ads Slot ID Google Ads.
   Insert data ads slot or Google ads slot content.
9. Above Article : Desktop Ads Size Google Ads.
   Choose ads size for desktop device. We recommend you to use Auto on this option.
10. Above Article : Tab Ads Size Google Ads.
    Choose ads size for tablet device. We recommend you to use Auto on this option.
11. Above Article : Phone Ads Size Google Ads.
    Choose ads size for mobile phone device. We recommend you to use Auto on this option.
12. Above Article : Script Code Script Code Ads.
    Insert script code ads for above article.
13. Above Article : Advertisement Code Shortcode Ads.
    Insert shortcode ads for above article.

Top Content Advertisement :

1. Enable Top Content Advertisement
   Turn on this option to enable advertisement on top content. Please note, the next option below will appear and work if you turn on this option first.
2. Top Content : Advertisement Type
   Choose advertisement type on top content. Please note, the next option below will appear based on what kind of advertisement type that you’ve chosen for this option.
3. Top Content : Advertisement Image Image Ads.
   Upload an image for advertisement. We recommend you to use 970×90 image size for best result.
4. Top Content : Advertisement Link Image Ads.
   Insert url link where this advertisement image will be heading.
5. Top Content : Alternate Text Image Ads.
   Insert alternate text for advertisement image.
6. Top Content : Open in New Tab Image Ads.
   Turn on this option to enable open in new tab when advertisement image clicked.
7. Top Content : Publisher ID Google Ads.
   Insert data ads client or Google ads client content.
8. Top Content : Ads Slot ID Google Ads.
   Insert data ads slot or Google ads slot content.
9. Top Content : Desktop Ads Size Google Ads.
   Choose ads size for desktop device. We recommend you to use Auto on this option.
10. Top Content : Tab Ads Size Google Ads.
    Choose ads size for tablet device. We recommend you to use Auto on this option.
11. Top Content : Phone Ads Size Google Ads.
    Choose ads size for mobile phone device. We recommend you to use Auto on this option.
12. Top Content : Script Code Script Code Ads.
    Insert script code ads for top content.
13. Top Content : Advertisement Code Shortcode Ads.
    Insert shortcode ads for top content.

Inline Content Advertisement :

1. Enable Inline Content Advertisement
   Turn on this option to enable advertisement on inline content. Please note, the next option below will appear and work if you turn on this option first.
2. Inline Content : Advertisement Type
   Choose advertisement type on inline content. Please note, the next option below will appear based on what kind of advertisement type that you’ve chosen for this option.
3. Random Ads Position
   Turn on this option to enable random ads position feature.
4. Inline Content : After Paragraph
   Determine after which paragraph you want this advertisement to show.
5. Inline Content : Advertisement Align
   Choose align for ads.
6. Inline Content : Advertisement Image Image Ads.
   Upload an image for advertisement. We recommend you to use 970×90 image size for the best result.
7. Inline Content : Advertisement Link Image Ads.
   Insert url link where this advertisement image will be heading.
8. Inline Content : Alternate Text Image Ads.
   Insert alternate text for advertisement image.
9. Inline Content : Open in New Tab Image Ads.
   Turn on this option to enable open in new tab when advertisement image clicked.
10. Inline Content : Publisher ID Google Ads.
    Insert data ads client or Google ads client content.
11. Inline Content : Ads Slot ID Google Ads.
    Insert data ads slot or Google ads slot content.
12. Inline Content : Desktop Ads Size Google Ads.
    Choose ads size for desktop device. We recommend you to use Auto on this option.
13. Inline Content : Tab Ads Size Google Ads.
    Choose ads size for tablet device. We recommend you to use Auto on this option.
14. Inline Content : Phone Ads Size Google Ads.
    Choose ads size for mobile phone device. We recommend you to use Auto on this option.
15. Inline Content : Script Code Script Code Ads.
    Insert script code ads for inline content.
16. Iniline Content : Advertisement Code Shortcode Ads.
    Insert shortcode ads for inline content.

Bottom Content Advertisement :

1. Enable Bottom Content Advertisement
   Turn on this option to enable advertisement on bottom content. Please note, the next option below will appear and work if you turn on this option first.
2. Bottom Content : Advertisement Type
   Choose advertisement type on bottom content. Please note, the next option below will appear based on what kind of advertisement type that you’ve chosen for this option.
3. Bottom Content : Advertisement Image Image Ads.
   Upload an image for advertisement. We recommend you to use 970×90 image size for best result.
4. Bottom Content : Advertisement Link Image Ads.
   Insert url link where this advertisement image will be heading.
5. Bottom Content : Alternate Text Image Ads.
   Insert alternate text for advertisement image.
6. Bottom Content : Open in New Tab Image Ads.
   Turn on this option to enable open in new tab when advertisement image clicked.
7. Bottom Content : Publisher ID Google Ads.
   Insert data ads client or Google ads client content.
8. Bottom Content : Ads Slot ID Google Ads.
   Insert data ads slot or Google ads slot content.
9. Bottom Content : Desktop Ads Size Google Ads.
   Choose ads size for desktop device. We recommend you to use Auto on this option.
10. Bottom Content : Tab Ads Size Google Ads.
    Choose ads size for tablet device. We recommend you to use Auto on this option.
11. Bottom Content : Phone Ads Size Google Ads.
    Choose ads size for mobile phone device. We recommend you to use Auto on this option.
12. Bottom Content : Script Code Script Code Ads.
    Insert script code ads for bottom content.
13. Bottom Content : Advertisement Code Shortcode Ads.
    Insert shortcode ads for bottom content.

Below Article Advertisement :

1. Enable Below Article Advertisement
   Turn on this option to enable advertisement on below article. Please note, the next option below will appear and work if you turn on this option first.
2. Below Article : Advertisement Type
   Choose advertisement type on below article. Please note, the next option below will appear based on what kind of advertisement type that you’ve chosen for this option.
3. Below Article : Advertisement Image Image Ads.
   Upload an image for advertisement. We recommend you to use 970×90 image size for best result.
4. Below Article : Advertisement Link Image Ads.
   Insert url link where this advertisement image will be heading.
5. Below Article : Alternate Text Image Ads.
   Insert alternate text for advertisement image.
6. Below Article : Open in New Tab Image Ads.
   Turn on this option to enable open in new tab when advertisement image clicked.
7. Below Article : Publisher ID Google Ads.
   Insert data ads client or Google ads client content.
8. Below Article : Ads Slot ID Google Ads.
   Insert data ads slot or Google ads slot content.
9. Below Article : Desktop Ads Size Google Ads.
   Choose ads size for desktop device. We recommend you to use Auto on this option.
10. Below Article : Tab Ads Size Google Ads.
    Choose ads size for tablet device. We recommend you to use Auto on this option.
11. Below Article : Phone Ads Size Google Ads.
    Choose ads size for mobile phone device. We recommend you to use Auto on this option.
12. Below Article : Script Code Script Code Ads.
    Insert script code ads for below article.
13. Below Article : Advertisement Code Shortcode Ads.
    Insert shortcode ads for below article.

### 4. Global Ads

In this part, you can setup general option of global advertisement.

#### Background Ads

Please note, you can set your image background for advertisement on the JNews : Global Option → Layout & Background

For more complete information about Layout & Background, you can follow this link.

1. Background Ads URL
   Insert url link for background image ads.
2. Open URL on New Tab
   Turn on this option to enable open link on new tab when background image ads clicked.

#### Above Footer Advertisement

1. Enable Above Footer Advertisement
   Turn on this option to enable advertisement on above footer. Please note, the next option below will appear and work if you turn on this option.
2. Above Footer : Advertisement Type
   Choose advertisement type on above footer. Please note, the next option below will appear based on what kind of advertisement type that you’ve chosen for this option.
3. Above Footer : Advertisement Image Image Ads.
   Upload an image for advertisement. We recommend you to use 970×90 image size for best result.
4. Above Footer : Advertisement Link Image Ads.
   Insert url link where this advertisement image will be heading.
5. Above Footer : Alternate Text Image Ads.
   Insert alternate text for advertisement image.
6. Above Footer : Open in New Tab Image Ads.
   Turn on this option to enable open in new tab when advertisement image clicked.
7. Above Footer : Publisher ID Google Ads.
   Insert data ads client or Google ads client content.
8. Above Footer : Ads Slot ID Google Ads.
   Insert data ads slot or Google ads slot content.
9. Above Footer : Desktop Ads Size Google Ads.
   Choose ads size for desktop device. We recommend you to use Auto on this option.
10. Above Footer : Tab Ads Size Google Ads.
    Choose ads size for tablet device. We recommend you to use Auto on this option.
11. Above Footer : Phone Ads Size Google Ads.
    Choose ads size for mobile phone device. We recommend you to use Auto on this option.
12. Above Footer : Script Code Script Code Ads.
    Insert script code ads for above footer.
13. Above Footer : Advertisement Code Shortcode Ads.
    Insert shortcode ads for above footer.

### 5. Mobile Ads

In this part, you can setup general option of mobile advertisement.

#### Sticky Mobile Advertisement

1. Enable Sticky Mobile Advertisement
   Turn on this option to enable advertisement on sticky mobile. Please note, the next option below will appear and work if you turn on this option first.
2. Sticky Mobile : Advertisement Type
   Choose advertisement type on sticky mobile. Please note, the next option below will appear based on what kind of advertisement type that you’ve chosen for this option.
3. Sticky Mobile : Advertisement Image Image Ads.
   Upload an image for advertisement. We recommend you to use 320×50 image size for best result.
4. Sticky Mobile : Advertisement Link Image Ads.
   Insert url link where this advertisement image will be heading.
5. Sticky Mobile : Alternate Text Image Ads.
   Insert alternate text for advertisement image.
6. Sticky Mobile : Open in New Tab Image Ads.
   Turn on this option to enable open in new tab when advertisement image clicked.
7. Sticky Mobile : Publisher ID Google Ads.
   Insert data ads client or Google ads client content.
8. Sticky Mobile : Ads Slot ID Google Ads.
   Insert data ads slot or Google ads slot content.
9. Sticky Mobile : Phone Ads Size Google Ads.
   Choose ads size for mobile phone device. We recommend you to use Auto on this option.
10. Sticky Mobile : Script Code Script Code Ads.
    Insert script code ads for above footer.
11. Sticky Mobile : Advertisement Code Shortcode Ads.
    Insert shortcode ads for above footer.

#### Adsense – Page Level Ads

If you’re not familiar with Page Level Ads yet, please follow this link for more complete information about them.

1. Enable Page Level Ads
   Turn on this option to enable page level advertisement. Please note, the next option below will appear and work if you turn on this option first.
2. Ad Client ID
   Insert data ads client or Google ads client content.
3. Enable Page Level Anchor Ads
   Turn on this option to enable page level anchor ads.
4. Page Level Anchor Ads Google Channel
   Insert Google ads channel content. Please note, this option will appear and work if Enable Page Level Anchor Ads option above enabled.
5. Enable Page Level Vignette Ads
   Turn this option to enable page level vignette ads.
6. Page Level Vignette Ads Google Channel
   Insert Google ads channel content. Please note, this option will appear and work if Enable Page Level Vignette Ads option above enabled.

### 6. AMP Ads

In this part, you can setup general option of Google AMP advertisement.

Please note, you will need to install and activate both of WordPress AMP and JNews AMP plugin to enable this feature. For more detail you can follow this link.

Above Header Advertisement :

1. Enable Above Header Advertisement
   Turn on this option to enable advertisement on above header. The next option below will appear and work if you turn on this option first.
2. Above Header : Publisher ID
   Insert data ads client or Google ads client content.
3. Above Header : Ads Slot ID
   Insert data ads slot or Google ads slot content.
4. Above Header : Ads Size
   Choose ads size. We recommend you to use Auto on this option.

Above Article Advertisement :

1. Enable Above Article Advertisement
   Turn on this option to enable advertisement on above article. The next option below will appear and work if you turn on this option first.
2. Above Article : Publisher ID
   Insert data ads client or Google ads client content.
3. Above Article : Ads Slot ID
   Insert data ads slot or Google ads slot content.
4. Above Article : Ads Size
   Choose ads size. We recommend you to use Auto on this option.

Above Content Advertisement :

1. Enable Above Content Advertisement
   Turn on this option to enable advertisement on above content. The next option below will appear and work if you turn on this option first.
2. Above Content : Publisher ID
   Insert data ads client or Google ads client content.
3. Above Content : Ads Slot ID
   Insert data ads slot or Google ads slot content.
4. Above Content : Ads Size
   Choose ads size. We recommend you to use Auto on this option.

Inline Content Advertisement :

1. Enable Inline Content Advertisement
   Turn on this option to enable advertisement on inline content. The next option below will appear and work if you turn on this option first.
2. Inline Content : Random Ads Position
   Turn on this option to enable random ads position feature.
3. Inline Content : After Paragraph
   Determine after which paragraph you want this advertisement to show.
4. Inline Content : Publisher ID
   Insert data ads client or Google ads client content.
5. Inline Content : Ads Slot ID
   Insert data ads slot or Google ads slot content.
6. Inline Content : Ads Size
   Choose ads size. We recommend you to use Auto on this option.

Below Content Advertisement :

1. Enable Below Content Advertisement
   Turn on this option to enable advertisement on below content. The next option below will appear and work if you turn on this option first.
2. Below Content : Publisher ID
   Insert data ads client or Google ads client content.
3. Below Content : Ads Slot ID
   Insert data ads slot or Google ads slot content.
4. Below Content : Ads Size
   Choose ads size. We recommend you to use Auto on this option.

Below Article Advertisement :

1. Enable Below Article Advertisement
   Turn on this option to enable advertisement on below article. The next option below will appear and work if you turn on this option first.
2. Below Article : Publisher ID
   Insert data ads client or Google ads client content.
3. Below Article : Ads Slot ID
   Insert data ads slot or Google ads slot content.
4. Below Article : Ads Size
   Choose ads size. We recommend you to use Auto on this option.

# JSON LD Schema Setting

JSON LD is JavaScript notation separate from the body of the HTML itself that is included in a file and served from the web. It typically uses the schema.org vocabulary—an open community effort to promote standard structured data in a variety of online applications.

To enable JSON LD Schema on your website, you just need to install JNews – JSON LD Rich Snippet plugin. For more complete information about it please visit this page.

# Additional CSS

Since WordPress 4.7 release, now you will be able to add custom CSS code directly from WordPress Admin. You just need to access WordPress Customizer, then you can put your custom CSS code on Additional CSS field and you’re done.

With this feature, you would be able to see your changes with a live preview instantly, no need guessing no more.

You can follow this link to learn more about CSS.

Info

If you’re not familiar with JNews Customizer yet, you might need to check our Customizer Overview.

# Google AMP

In October of 2015, the AMP Project initiative launched by Google. It is an open source project that will improve your website performance on mobile devices. AMP boasts its own lightweight framework (AMP HTML) and was designed to build super light web pages, thus cutting down on loading times on mobile devices.

Also AMP aims to support a range of ad networks, formats and technologies. AMP will deliver ads that are fast whilst allowing the content to look good and grab the viewer’s attention. No need to worry, JNews is fully supported AMP ads. For more complete information about setup AMP ads, please hit this link.

#### Google AMP Setting

To enable Google AMP on your website, you will need to install both of WordPress AMP and JNews AMP plugin. You can easily install and activate this plugin from Plugin Dashboard by going to JNews Dashboard → Plugin

Right after you’ve done with the plugin activation, you can check your post on AMP version by adding /amp/ at the end of your post url. For example : http://yourdomain.com/your-article/amp/. Please note, AMP page only enable for single post page.

# Facebook Instance Article

Facebook Instant Article is a new mobile format developed by Facebook, which can be served to visitors accessing your content from the Facebook mobile app. with instant articles load up to 10 times faster than a normal web page. It’s incredible boost in speed provides a better user experience for mobile users.

Most of popular media sites like BuzzFeed, TechCrunch, Mashable, and countless others already using it on their websites.

There are a few things that you need to prepare before starting setting up Facebook Instant Article on your WordPress site.

- Facebook Page for your website. You can register new Facebook Page here.
- At least 10 or more post article on your website.
- Install Article for WP plugin.

#### Instant Article for WP Plugin

You can easily install and activate Instant Article for WP plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

#### Instant Article Setting

Right after you’ve done with the plugin activation, next you will need to do some setup on the plugin dashboard. Please check the image below :

Next you’ll need to log in with your Facebook Fanspage account to get Facebook Page ID or click ‘these instructions’ link.

In this case you will need to configure Publishing Settings part and enable Custom transformer rules option to make JNews works as expected with Facebook Instant Article. Then paste the following code below into input field.

Custom Transformer Rules
PHP
{ "rules": [ { "class": "TextNodeRule" }, { "class": "PassThroughRule", "selector": "div.row" }, { "class": "PassThroughRule", "selector": "div.col-md-1" }, { "class": "PassThroughRule", "selector": "div.col-md-2" }, { "class": "PassThroughRule", "selector": "div.col-md-3" }, { "class": "PassThroughRule", "selector": "div.col-md-4" }, { "class": "PassThroughRule", "selector": "div.col-md-5" }, { "class": "PassThroughRule", "selector": "div.col-md-6" }, { "class": "PassThroughRule", "selector": "div.col-md-7" }, { "class": "PassThroughRule", "selector": "div.col-md-8" }, { "class": "PassThroughRule", "selector": "div.col-md-9" }, { "class": "PassThroughRule", "selector": "div.col-md-10" }, { "class": "PassThroughRule", "selector": "div.col-md-11" }, { "class": "PassThroughRule", "selector": "div.col-md-12" }, { "class": "ParagraphRule", "selector": "div.alert" }, { "class": "PassThroughRule", "selector": "div.intro-text" }, { "class": "H2Rule", "selector": "div.intro-text p" } ] }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | { "rules": [ { "class": "TextNodeRule" }, { "class": "PassThroughRule", "selector": "div.row" }, { "class": "PassThroughRule", "selector": "div.col-md-1" }, { "class": "PassThroughRule", "selector": "div.col-md-2" }, { "class": "PassThroughRule", "selector": "div.col-md-3" }, { "class": "PassThroughRule", "selector": "div.col-md-4" }, { "class": "PassThroughRule", "selector": "div.col-md-5" }, { "class": "PassThroughRule", "selector": "div.col-md-6" }, { "class": "PassThroughRule", "selector": "div.col-md-7" }, { "class": "PassThroughRule", "selector": "div.col-md-8" }, { "class": "PassThroughRule", "selector": "div.col-md-9" }, { "class": "PassThroughRule", "selector": "div.col-md-10" }, { "class": "PassThroughRule", "selector": "div.col-md-11" }, { "class": "PassThroughRule", "selector": "div.col-md-12" }, { "class": "ParagraphRule", "selector": "div.alert" }, { "class": "PassThroughRule", "selector": "div.intro-text" }, { "class": "H2Rule", "selector": "div.intro-text p" } ] }

# Auto Load Post

Auto Load Post is a feature which automatically loads next post when the users are scrolling down to the bottom of an article. This feature will increase your website page views by engaging the site readers to keep them reading the blogs content rather than having to go back and choose another article to read.

This feature is very convenience to use and most of major news website like Time, NBCNews, LATimes and Medium already implement this feature.

#### JNews Auto Load Post Plugin

To enable auto load post on your website, you just need to install JNews – Auto Load Next Post plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

#### Auto Load Post Setting

Right after you’ve done with the plugin activation, next you can setup the plugin settings to fit with your website’s need. You can access auto load post setting by simply hit the Option or go to JNews Dashboard → Customize Style → JNews : Single Post Option → Auto Load Scroll Option

1. Single Blog Post Template
   On this option, you can choose single blog post template that you want to use.
2. Single Blog Post Layout
   On this option, you can choose single blog post layout that you want to use.
3. Show / Hide Comment
   On this option, you can choose show or hide the comment on the single post page.

# Customize Detail Category

With Customize Detail Category feature, each category can be customized and can have unique design. You can choose different header hero type, content layout, and layout position (with left sidebar, right sidebar or using no sidebar). Not only that, you will be able to change color category that will be used on category badge.

#### JNews Customize Detail Category Plugin

To enable this feature on your website, you just need to install JNews – Customize Detail Category plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

#### Customize Detail Category Setting

Right after you’ve done with the plugin activation, next you can setup the plugin settings to fit with your website need. You can access customize detail category setting by go to JNews Dashboard → Customize Style → JNews : Category Template and choose which category that you want to customize.

The following options list below will be activated when you enable Override Color option.

Category Color Setting :

1. Category Background Color
   On this option you can choose background color for the category.
2. Text Color
   On this option you can choose text color for the category.

The following options list below will be activated when you enable Override This Category Setting option.

Category Sidebar Setting :

1. Show Sidebar
   Enable this option to show sidebar on the category page.
2. Category Sidebar
   On this option you can choose sidebar for the category. If you need another sidebar you can create it from WordPress Admin → Appearance → Widgets

Category Header Setting :

- Category Title Style
  On this option you can choose category title style that you want to use for the category.

Category Hero Setting :

1. Show Category Hero Block
   Enable this option to show category hero block.
2. Category Hero Header
   On this option you can choose category hero header layout.
3. Category Header Style
   On this option you can choose category header style.
4. Hero Margin
   On this option you can setup category hero margin.
5. Choose date format
   On this option you can choose date format for category hero.

Category Content Setting :

1. Category Content Layout
   On this option you can choose category content layout type for category content.
2. Excerpt Length
   On this option you can setup excerpt length of category content.
3. Choose Date Format for Content
   On this option you can choose date format for category content.
4. Choose pagination mode
   On this option you can choose pagination mode for category content.
5. Pagination Align
   On this option you can choose pagination align for category content.
6. Show navigation text
   Enable this option if you want to show navigation text for category content.
7. Show page info
   Enable this option if you want to show page info of category content.

# Translation & Multilanguage

JNews contains several texts (strings) that you may like to translate for your website’s need. We provide an easy method to manage your site’s frontend translation string.

Not only that, even if you want to create your site to support multi-language, you don’t need to worry. JNews fully supports popular multilingual plugin like Polylang and WPML.

In this part, we will guide you how to setup and manage your site translation including multi-language. There are a few things that we’ll explain to you on this part :

1. Frontend Translation
2. Backend Translation
3. Multi Language

### 1. Frontend Translation

To enable frontend translation on your website, you just need to install JNews – Frontend Translation plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

Right after you’ve done with the plugin activation, next you can setup the plugin settings to fit with your website’s need. You can access frontend translation setting by simply hit the Translate or go to JNews Dashboard → Translate Frontend

As you can see on the image above. You need to turn on Enable Translation option at first to activate frontend translation feature on your website. Then, you can begin doing translate JNews by click Translation String tab. Don’t forget to hit Save Changes button right after you finish doing the translation.

### 2. Backend Translation

You may want to translate the whole string on JNews (including backend). In this case you can use Loco Translate plugin to achieve that and it’s well tested with JNews. You can easily to install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

Right after you’ve done with the plugin activation, next you can go to WordPress Admin → Loco Translate→ Themes to setup and begin doing translation. Please check the following attached images :

Info

Please note that you only able to translate backend string with Loco Translate. If try to doing translation for frontend string, it won’t work and you will need to use JNews Frontent Translation instead.

### 3. Multi Language

For creating multi-language website, JNews fully supports popular multilingual plugin like Polylang and WPML. In this part, we will guide you how to set it up through Polylang and WPML plugin.

Please note that you will required to install JNews Frontend Translation plugin for frontend string translation. FYI, based on performance reason, we will recommend you to use Polylang instead of WPML plugin.

#### Multi Language – Polylang

You can easily to install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

Right after you’ve done with the plugin activation, next you can go to WordPress Admin → Languages to add new language that you want to use on your website. Please check the following attached image below :

For more complete documentation about Polylang like translate post, page, menu, widget and etc you can check this out.

As we said previously, about frontend string translation you will need to install JNews Frontend Translation plugin. You can do frontend string translation with the same method as before and just need a minor setup.

You can access frontend translation setting by go to JNews Dashboard → Translate Frontend and please check the following attached images below :

#### Multi Language – WPML

Since WPML is a premium plugin, you will need to buy this plugin here. After that you will need to install and activate this plugin. Please check this article for more complete information about uploading a plugin into WordPress.

Right after you’ve done with the plugin activation, next you can go to WordPress Admin → WPML to add new language that you want to use on your website and do another related settings. Please check the following attached image :

For more detail documentation about using WPML plugin like translate post, page, menu, widget and etc you can check this out.

As we said previously, about frontend string translation you will need to install JNews Frontend Translation plugin. You can do frontend string translation with the same way as before and just need to do minor setup.

You can access frontend translation setting by go to JNews Dashboard → Translate Frontend and please check the following attached images :

# Gallery

Some of the users may not be aware that WordPress actually comes with a handy built-in gallery feature. However, with JNews you can even have more beautiful gallery with unique design. We have improved the default WordPress gallery with more practical gallery feature.

Not only that, we also bring fullscreen expand feature for the gallery with an advertisement slot. In this part, we will guide you how to easily implement JNews Gallery to set up a beautiful gallery so that your photos look even better.

#### JNews Gallery Plugin

To enable JNews Gallery on your website, you just need to install JNews – Gallery plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

#### General Gallery Setting

Right after you’ve done with the plugin activation, next you can setup general plugin settings to fit with your website’s need. You can access general gallery setting by simply hit the Option or go to JNews Dashboard → Customize Style → JNews : Image & Gallery Option → Gallery Shortcode

- JNews Gallery Default Option
  In this part you will need to setup several options. These options will be default options for JNews Gallery.
  1. Turn All Gallery to JNews Gallery
     Enabling this option will turn all default slider into JNews Gallery.
  2. Use Slider Zoom with Description
     Turn on this option if you want to show image caption when gallery zoomed.
  3. Show Ads Wrapper
     Turn on this option if you want to show ads when gallery is zoomed.
  4. Preview Slider Loader Style
     On this option you can choose loader style that you want to use for general gallery.

We also provide ad space on gallery preview. You can setup it by go to JNews Dashboard → Customize Style → JNews : Advertisement Option → Preview Slider Ads

- Preview Slider Ads
  In this part you will need to setup several advertisement options. These options will be the default options for advertisement of JNews Gallery.
  1. Advertisement type
     On this option you can choose which type of advertisement you want to use for general gallery.
     Please note, the following option below will appears based on what kind of advertisement you’ve chosen for this option.
  2. Advertisement Image Image Ads.
     On this option you can insert an image as advertisement. We will recommend you to upload 300×250 px image size for best result.
  3. Advertisement Link Image Ads.
     On this option you can insert url link where this advertisement image will be heading.
  4. Alternate Text Image Ads.
     On this option you can insert alternate text for image alt attribute.
  5. Publisher ID Google Ads.
     On this option you can insert data-ad-client or google_ad_client content.
  6. Ads Slot ID Google Ads.
     On this option you can insert data-ad-slot or google_ad_slot content.
  7. Desktop Ads Size Google Ads.
     On this option you can choose ad size to show on desktop, we recommended you to use auto instead.
  8. Ads Code Script Ads.
     On this option you can insert script code of your advertisement.
  9. Advertisement Code Shortcode Ads.
     On this option you can insert shortcode of your advertisement.

Info

The gallery option setting on above is a global setting. It means, when you change this setting, all of your gallery setting will follow it. But you can override each of this setting on your single gallery with JNews Gallery Setting. We will explain how to setup it later in this article.

#### Create Gallery

Right after you’ve done with the plugin activation and doing setup general option for gallery, you can create a gallery with JNews Gallery on single post or page.

In this part we will guide you how easy to create a beautiful gallery with JNews Gallery feature easily. You can follow the instructions below :

1. First, go to edit certain post on your website that you want to insert a gallery inside the post content.
2. If you’ve been select a post, then put the cursor on the post content section where you want to place the gallery and click Add Media button.
3. After Insert Media panel appear, click Create Gallery option on the left panel.
4. Then Create Gallery panel will appear and you can choose multiple image that you want to use as image gallery items. If you’ve done then click Create a new gallery button on the right bottom panel.
5. Next Edit Gallery panel will appear. On this panel you will need to a couple things. You can insert caption on each image gallery item and also you will notice that there is JNews Gallery Setting section on the right panel. Here’re the following options that you will need to setup on the JNews Gallery Setting :
   - Enable JNews Slider Gallery
     Turn on this option to enable JNews Gallery.
   - Use Slider Zoom with Description
     Check this option if you want to show image caption when gallery is zoomed.
   - Show Ads Wrapper
     Check this option if you want to show ads when gallery is zoomed.
   - Slider Title
     Insert text for gallery title.

#### Gallery Preview

The attached images below are the the examples of the gallery preview.

# Instagram Feed

Instagram is a social networking application that is specially designed for sharing photos and videos easily and directly from your smartphone. Like Facebook and Twiiter, Instagram provide a user profile and a news feed feature on their apps.

Now with JNews, you can even show your latest Instagram feed on Post, Page, Widget, Footer and Header in your website. In this part, we will guide you how to show your Instagram feed on the website’s with JNews Instagram Feed.

#### JNews Instagram Plugin

To enable Footer Instagram Feed on your website, you just need to install JNews – Gallery plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

#### Instagram Feed Setting

Right after you’ve done with the plugin activation, next you can setup the plugin settings to fit with your website need. On this part we will guide you how to setup Instagram feed with JNews.

You can access Instagram feed option by simply hit the Option button on the Plugin Dashboard or go to JNews Dashboard → Customize Style → JNews : Social, Like & View → Instagram Feed Setting

1. Enable Instagram Feed
   Choose area that you want to show your Instagram feed or choose Hide option if you don’t want to use this feature.
2. Instagram Username
   Insert your Instagram username without @.
3. Number Of Rows
   Setup the number of feed rows that you want to show for Instagram feed footer. Please note, this option only affect on footer area.
4. Number Of Columns
   Setup the number of feed columns that you want to show for Instagram feed footer.
5. Sort Feed Type
   On this option you can choose sorting type of your Instagram feed.
6. Hover Style
   On this option you can choose hover style of footer Instagram feed.
7. Follow Button Text
   On this option you can insert text for Instagram follow button. Leave blank if you don’t want to show it.
8. Open New Tab
   Enable this option if you want to open link in new tab when Instagram follow button or Instagram feed hitted.

Info

Footer Instagram Feed will only compatible with Footer Style 5 and Footer Style 6. For more complete information about Footer Type please follow this url.

# Rich Snippet (JSON-LD)

JSON LD is JavaScript notation separate from the body of the HTML itself that is included in a file and served from the web. It typically uses the schema.org vocabulary—an open community effort to promote standard structured data in a variety of online applications.

In another word, when information is highly structured and predictable, search engines can more easily organize and display it in creative ways. JSON LD Schema is highly recommended by Google and JNews is fully compatible with it.

#### JNews JSON LD Rich Snippet Plugin

To enable Rich Snippet (JSON-LD) on your website, you just need to install JNews – JSON LD Rich Snippet plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

#### Rich Snippet (JSON-LD) Setting

Right after you’ve done with the plugin activation, next you can setup the plugin settings to fit with your website’s need. In this part we will guide you how to setup footer Instagram feed with JNews.

You can access JSON LD option by simply hit the Option button on the Plugin Dashboard or go to JNews Dashboard → Customize Style → JNews : JSON LD Schema Setting

On the JNews : SEO Schema Setting panel you will find 3 tabs section and on each tab will have certain options that you will need to setup.

1. Schema Setting
   On this panel you will find Enable JSON LD Schema option. Turn this option on to enable JNews generate JSON LD Schema for your website.
2. Home Page Schema
   We provide two type of Home Page Schema options which is Person and Organization. The following options list will appear if you choose Person on Home Page Schema :
   - Name
     Insert person name.
   - Address
     Insert country address.

   The following options list will appear if you choose Organization on Home Page Schema :

   - Organization Name
     Insert organization or company name.
   - Logo
     Upload organization or company logo.
   - Telepon
     Insert phone number. (ex : +1-880-555-1212)
   - Contact Type
     Choose organization or company contact type.
   - Area Served
     Insert area served information. (ex : US , or US,CA)
3. Post Schema
   On this panel you will find Blog Page Schema Type option. Choose schema type that you want to use for your blog post.

# Like Post Button

Like the trend of social media now, JNews has also been completed with like and dislike post feature. Your visitors just need to login on your site and they can give like or dislike on certain post. You don’t need to worry about user login and registration method, because we have provided built-in Social Login & Registration feature that makes user login and registration easier.

Not only that, your site’s users will also be able to see their liked or disliked post archive, and even this feature can be used as post bookmark for them. In this part we will guide you how to use like post button feature with JNews.

#### JNews Like Button Plugin

To enable like post button on your website, you just need to install JNews – Like Button plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

#### Like Post Setting

Right after you’ve done with the plugin activation, next you can setup the plugin settings to fit with your website’s need. In this part we will guide you how to setup like post button with JNews.

You can access like post button option by simply hit the Option button on the Plugin Dashboard or go to JNews Dashboard → Customize Style → JNews : Social, Like & View → Like Button Setting

On the Like Button Setting panel you will find Show Like Button option. You can choose to show Like + Dislike buttons, show Like button only or Hide these buttons if you don’t want to use them at all.

#### Like Post Button Preview

The following attached images are like & dislike post button preview.

You can easily access liked post archive here http://yourdomain.com/post-liked/

You can easily access disliked post archive here http://yourdomain.com/post-disliked/

# Review

With JNews you can create very compelling review website. From analyzing numbers of best features from famous review websites, we create a review system and integrate it into JNews. With the latest trend design, our review layout design will make your website looks better than ever.

In this part, we will guide you how to use review feature with JNews that only take a few minutes.

#### JNews Review Plugin

To enable review on your website, you just need to install JNews – Review plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

#### General Review Setting

Right after you’ve done with the plugin activation, next you can setup general review settings to fit with your website’s need. You can access general review setting by simply hit the Option or go to JNews Dashboard → Customize Style → JNews : Additional Setting → Review

1. Text in Front of Price Text
   You can use this option as your currency text.
2. Text Behind of Price Text
   On this option you will need to insert some text that will appear on the behind of price text.
3. Price Float
   You can choose Show option if you want to show the price float box on post content.

#### Insert Review

Right after you’ve done with the plugin activation and general option setup for the review, you can insert a review into post.

In this part we will guide you how to insert a review into post easily. You can follow the instructions below:

1. First, edit certain post on your website that you want a review to be inserted.
2. If you have selected a post, then at the bottom section you will notice the JNews : Review Setting metabox.
   As you can see the image on above, there are several options available on Review Setting tab.
   - Enable Review
     Turn on this option if you want to enable review for the post.
   - Review Type
     On this option you can choose the type of review that you want to use.
   - Review Product Name
     Insert your product name.
   - Review Summary
     Insert your review summary about the product.
3. After have done with Review Setting setup, next you can click Review Pros and Cons tab. On this part you can insert the pros and cons of your product.
   You can easily add or remove the good things and bad things of the product here. Also, you can rearrange the sequence as you like by dragging and dropping the item.
4. If you think the Review Pros and Cons setup has met your desire, next you can click Review Rating tab. On this part you can insert the rating value/score of the product.
   Insert the rating value into Rating Number field and the rating label into Rating Text field. For example: Design 9, User Interface 7, User Experience 7, Performance 8 and so on.
   You can also add more rating items or remove certain rating item from the item list and simply rearrange rating items sequence as you want through drag and drop.
5. When you finish Review Rating setup, the last step to complete your review is to click on the Product Price tab.
   On this part you can insert price list of the product for certain seller. You will notice there are three fields available, they are:
   1. Where to Buy
      On this field you can insert the name of product seller such as Amazon, Ebay and etc.
   2. Price
      On this field you can insert the price of product.
   3. Shop Link
      On this field you can insert the link of product or you can use your referral link.

   You can also add more items or remove certain item from the item list and simply rearrange rating items sequence as you want through drag and drop.

#### Review Preview

The following attached images are the examples of Review made on a website using JNews.

# Food Recipe

You may have a Master Chef skill and can create various delicious dishes that only your family can enjoy them. Why don’t just show your skills around the web and get fame by your hobby? All you need is a food blogging site. However having the cooking skill is not all you’ll need. Your viewers don’t always want to only see your well-done cookings, but they also want to know how you made it, and more importantly, how they can make it too.

In this case, creating a food recipe is the best way you can serve those dishes up to your audiences. With JNews, feel no worry, because we have provided powerful feature to insert food recipe into your post.

In this part, we will guide you how to use food recipe feature with JNews that only take a few minute.

#### JNews Food Recipe Plugin

To enable food recipe feature on your website, you just need to install JNews – Food Recipe plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

#### Insert Food Recipe

Right after you’ve done with the plugin activation, you can insert food recipe into your post. You can follow the instructions below:

1. First, edit certain post on your website that you want to insert the food recipe in.
2. If you have selected a post, then at the bottom section you will notice JNews : Food Recipe Setting metabox.
   As you can see on the image above, you will notice there are several options for Food Recipe Setting tab.
   - Enable Food Recipe
     Turn on this option if you want to enable food recipe for the post.
   - Food Recipe Title
     Insert the title of food recipe.
   - Serving Size
     Insert serving size of food recipe. (ex: 10 people)
   - Cooking Time
     Insert cooking time of food recipe. (ex: 2 hours)
   - Cooking Level
     Determine cooking level of food recipe. (ex: beginner)
   - Enable Print Recipe
     Turn on this option if you want to enable the feature to print out the food recipe.
3. After have done with Food Recipe Setting setup, next you can click Food Recipe Ingredients tab. On this part you can insert ingredients of the food recipe.
   You can simply add ingredient item and remove certain item (ex: 3/4 cup sugar). You can also rearrange the ingredient item sequence as you like by dragging and dropping the item.
4. After have done with Food Recipe Ingredients setup, next you can click Food Recipe Instructions tab. In this part you can insert all of instructions for the food recipe.

#### Food Recipe Preview

The following attached images are the food recipe preview and the print food recipe preview.

# Social Share & Counter

With JNews, anyone will be able to share their website content. We provide 12 social share buttons that are ready to use. You can also show the total number of shares and views for each post. In this part, we will guide you how to use Social Share & Counter feature with JNews that only takes a few minute.

#### JNews Social Share & Counter

To enable social share & counter on your website, you just need to install JNews – Social Share & Counter plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

#### Setup Social Share & Counter

Right after you’ve done with the plugin activation, next you can doing setup social share & counter settings to fit with your website’s need. You can access social share & counter setting by simply hit the Option or go to JNews Dashboard → Customize Style → JNews : Social, Like & View → Social Bar, Like & View

View Option

- View Counter Script
  Choose view counter script that you want to use. Please be aware with option that you chosen, value of each counter script may be different.
  Please note, you will need to install one of these plugins JNews – View Counter or Jetpack based on your own preference. Installing both may result in malfunction of the plugins.

Share Bar Social Icon

1. Main Share Network
   Choose which social network that you want to use as the main share network for your website. Main share network will always be shown on your share post container. Fill share text if you need your share button to have share text on it, but leave it empty to make it looks like the default button.
2. Secondary Share Network
   Choose which social network that you want to use as the main share network for your website. Please note that secondary share network will not be shown until user clicks share button on the share container.

Share Bar Setting Detail

1. Social Share Threshold
   Set the number of social share threshold. The total number of social share will be shown if it reaches more than this threshold.
2. Twitter Share
   Insert default Twitter account as share reference for Twitter sharing a.k.a “… via @username”.

Initial Counter

1. Initial View Count
   Insert a number to this value to set an initial starting point for the view counter. This value will also affect social share value (if you choose to use social share option above).
2. Social Share Value base on View
   Set value of social share percentage. Your social share value will be increased based on percentage of your post view counter.
3. Like Percentage base on View
   Set value of like percentage. Your like value will be increased based on percentage of your post view counter.

####

# Social Login & Registration

With JNews, your site’s visitors will be able to Login & Register conveniently. We integrate Facebook, Google, and Linked In into our social login & register system.

After user login, they will be able to see recent post list they like. For more detail about liked post archive, you can follow this page.

In this part, we will guide you how to use Social Login & Registration feature with JNews that only take a few minute.

#### JNews Social Login & Registration Plugin

To enable social login & registration on your website, you just need to install JNews – Social Login & Registration plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

#### Setup Social Login & Registration

Right after you’ve done with the plugin activation, next you can doing setup social login & registration settings to fit with your website’s need. You can access social login & registration setting by simply hit the Option or go to JNews Dashboard → Customize Style → JNews : Social, Like & View → Social Login Setting

1. Show Social Login
   On this option you can choose the location to display the social login and registration.
2. User Role
   On this option you can choose default role for new user.
3. Social Login Style
   On this option you can choose the style of social login button.
4. Facebook Integration Facebook Turn on this option if you want to enable Facebook login and registration.
5. Facebook App ID Facebook Insert your Facebook app id into this field. You can get Facebook app id here.
6. Facebook App Secret Facebook Insert your Facebook app secret into this field. You can get Facebook app secret here.
7. Google Integration Google Turn on this option if you want to enable Google login and registration.
8. Google App Name Google Insert your Google app name into this field. You can get your Google app name here.
9. Google Client ID Google Insert your Google client id into this field. You can get Google client id here.
10. Google Client Secret Google Insert your Google client secret into this field. You get Google client secret here.
11. Twitter Integration Twitter Turn on this option if you want to enable Twitter login and registration.
12. Twitter Consumer Key Twitter Insert your Twitter consumer key into this field. You can get your Twitter consumer key here.
13. Twitter Consumer Secret Twitter Insert your Twitter consumer secret into this field. You can get your Twitter consumer secret here.
14. Linked In Integration Linked In Turn on this option if you want to enable Linked In login and registration.
15. Linked In Client ID Linked In Insert your Linked In client id into this field. You can get your Linked In client id here.
16. Linked In Client Secret Linked In Insert your Linked In client secret into this field. You can get your Linked In client secret here.

Info

You will be asked to enter callback url when you configure social apps. Please use the following url for this need:

1. Facebook : http://yourdomain.com/social-callback/facebook
2. Google : http://yourdomain.com/social-callback/google
3. Twitter : http://yourdomain.com/social-callback/twitter
4. Linked In : http://yourdomain.com/social-callback/linkedin

#### Social Login & Registration Preview

The attached images below are the social login & registration preview.

# Speed

# Split Post

You can break your content into several pages to gain more clicks. With JNews, we provide a feature for you to split your content by heading tag. By using this feature on your post, it will increase page views and reduce bounce rate of your site. We also provide several options, so your splitted content can be more interactive.

In this part, we will briefly guide you how to use split post feature with JNews easily.

#### JNews Split Post Plugin

To enable split post feature on your website, you just need to install JNews – Split Post plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

#### Setup Split Post

Right after you’ve done with the plugin activation, next you can setup split post into certain post. You can follow the instructions below :

1. First, edit certain post on your website which content needs to be splitted.
2. If you have selected a post, then at the bottom section you will notice JNews : Split Post metabox.
3. After you turning on Enable Post Split option, Post Split Option panel will occurs.
   As you can see on the image above, you will notice there are several options that you need to set up.
   - Post Split Template
     On this option you can choose post split template that you want to use.
   - Split Post Tag
     On this option you can choose which heading tag that you want to use as split filter of the current post.
   - Split Header Numbering
     On this option you can choose the numbering type of split header.
   - Load Mode for Post Split
     On this option you can choose load more method for the split post.

#### Split Post Preview

The following attached image is the preview of split post on a website.

# View Counter

View counter is useful feature that a good website should own for statistical purpose. JNews has provided a built-in view counter plugin that we branch from most popular view counter plugins. We have analyzed those popular plugins, and implemented the pros into our built-in plugin. In other words, we can get all benefits from various plugins and implement the best practical feature inside JNews.

This plugin will be used on several elements on JNews such as post view counter, JNews – Popular Post widget, JNews – Tab Post widget, etc. You can also use popular view by week, month, or year feature on WPBakery Page Builder and Widget.

#### View Counter Setting

To enable view counter feature on your website, you just need to install JNews – View Counter plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

# Weather Forecast

With JNews you can provide interesting weather forecast for your site’s visitors. It allows you to easily add weather forecast element into top header, widget, post, page, or everywhere you want on your site.

Not only that, we have also integrated JNews Weather with four well-known weather forecast data sources. There’re Yahoo Weather, Dark Sky, Open Weather Map and Aeris Weather.

In this part, we will guide you how to use weather forecast feature with JNews that only take few minutes and your site will be able to report the weather as seen on TV. There are few things that we’ll explain to you in this part :

1. Install JNews Weather Plugin
2. General Weather Setting
3. Setup Weather on Top Bar Header
4. Setup Weather Widget
5. Setup Weather Shortcode

### 1. Install JNews Weather Plugin

To enable weather forecast on your website, you just need to install JNews – Weather plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

### 2. General Weather Setting

Right after you’ve done with the plugin activation, next you can setup general weather settings to fit with your website’s need. You can access general weather setting by simply go to JNews Dashboard → Customize Style → JNews : Header Option → Header – Weather Setting

1. Weather Forecast Source
   On this option you can choose which weather forecast source that you want to use.
2. Dark Sky Secret Key
   In case you have chosen Dark Sky source, this option will appear. Insert your Dark Sky secret key that you can find on this page here.
3. Open Weather Map API Key
   In case you have chosen Open Weather Map source, this option will appear. Insert your Open Weather Map api key that you can find on this page here.
4. Aeris Weather Client ID
   In case you have chosen Aeris Weather source, this option will appear. Insert your Aeris Weather client id that you can find on this page here.
5. Aeris Weather Client Secret
   Right after you insert Aeris Weather client id, then you will need to insert Aeris Weather client secret that you can find on this page here.
6. Default Temperature Unit
   On this option you can choose default temperature for weather forecast which is Celsius or Fahrenheit.
7. Weather Cache Expired
   On this option you can determine expiration time for the weather forecast data cache.

Info

You will need to refersh the page to see the result of your changes.

If you want to purge the current cache, you just need to choose Disable Cache on the Weather Cache Expired option. Then you can setup the Weather Cache Expired option again right after you refresh the page.

### 3. Setup Weather on Top Bar Header

To setup weather on Top Bar Header, you can access the weather setting by simply go to JNews Dashboard → Customize Style → JNews : Header Option → Header – Weather Setting

1. Top Bar Weather Position
   On this option you can determine the weather element position on top bar header.
2. Weather Location
   On this option you will need to insert city name only or city name and country code. (ex: london or london, uk)
3. Weather Auto Detect Location
   Turn on this option if you want to automatically detect weather location of your site’s visitor.
4. Top Bar Weather Item
   On this option you can determine behavior of the weather forecast’s next day info. You can also hide them.
5. Weather Item Content
   On this option you can determine the content of weather forecast info.

The following attached image is preview of the weather forecast on top bar header.

### 4. Setup Weather Widget

To setup weather on Widget, simply go to WordPress Dashboard → Appearance → Widgets

Then you can insert JNews : Weather widget into certain widget area. Inside widget options, you will find the following list options below :

1. Title
   Insert title text for the weather widget.
2. Weather Location
   Insert city name only or city name and country code. (ex: london or london, uk)
3. Location Name
   Insert location name for weather widget. Leave it blank if you want to use the default location that based on weather location field.
4. Auto Detect Location
   Check this option if you want to automatically detect weather location of your site’s visitor.
5. Date Format
   You can set date format of the weather widget, for more detail about this format, please refer toDeveloper Codec. Leave it blank if you don’t want to show them.
6. Detail Weather Forecast
   On this option you can choose show or hide detail information about weather forecast of the current day.
7. Next Days Weather Forecast
   On this option you can determine behavior of weather forecast’s next day info. You can also hide them.
8. Number of Weather Item
   On this option you can determine the number of weather item that you want to show. This option will not work if you hide next days weather forecast info.
9. Image Background
   On this option you can insert an image for background of the weather widget. If you leave blank this option, the default style will be used automatically.

The following attached images are weather preview on widget with and without background.

### 5. Setup Weather Shortcode

You can insert weather element into single post or page using Weather Shortcode. If you’re using WPBakery Page Builder, you can also insert weather shortcode by using Text Block element, then you can use weather shortcode fully.

In this part we will guide you how to use weather shortcode. You can follow the instructions below:

1. First, edit certain post on your website where weather forecast needs to be inserted.
2. If you have selected a post, then put the cursor on the post content section where you want to place the weather forecast and click Weather button.
3. After Weather panel option appears, you will find the following options list below :
   - Weather Location
     Insert city name only or city name and country code. (ex: london or london, uk)
   - Auto Detect Location
     Check this option if you want to automatically detect weather location of your site’s visitor.
   - Next Days Weather Forecast
     On this option you can determine behaviour of weather forecast next day info. You also can hide them.
   - Number of Weather Item
     On this option you can determine the number of weather item that you want to show. This option will not work if you hide next days weather forecast info.

   Don’t forget to hit Insert button when all is well-set.

The following attached image is the weather shortcode preview on a website.

# Meta Header

Nowadays, social networking is a great way to increase traffic for your website. With JNews, we grant you ability to optimize your website for social media with Open Graph and Twitter Cards meta tags. These features allow you to customize the meta tags information, so you can have more control over your posts and pages presentation.

JNews provides two plugins that can be chosen for this purpose namely JNews Meta Header or Social Media Manager plugin. Please note that you have to choose only one plugin to be used for the best result.

In this part, we will guide you how to use custom meta header feature with JNews for just few minutes. For another plugin like Social Media Manager, you can follow this link.

#### JNews Meta Header Plugin

To use custom meta header feature on your website, you just need to install JNews Meta Header plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

#### Setup Meta Header

Right after you’ve done with the plugin activation, next you can setup meta header for certain post. You can follow the instruction below :

1. First, edit certain post on your website.
2. If you have selected a post, then at the bottom section you will notice JNews : Social Meta metabox.
   As you can see on the image above, you will notice there are several options that you need to set up especially for Facebook.
   - Facebook Share Title
     On this option you can insert title for the share. Leave empty this option if you want to use post or page title by default.
   - Facebook Share Description
     On this option you can insert description for the share. Leave empty this option if you want to use post or page excerpt by default.
   - Facebook Share Image
     On this option you can choose image for the share. Leave empty this option if you want to use featured image by default.

   As you can see on the image above, you will notice there are several options that you need to set up especially for Twitter.

   - Twitter Share Title
     On this option you can insert title for the share. Leave empty this option if you want to use post or page title by default.
   - Twitter Share Description
     On this option you can insert description for the share. Leave empty this option if you want to use post or page excerpt by default.
   - Twitter Share Image
     On this option you can choose image for the share. Leave empty this option if you want to use featured image by default.

# Desktop Push Notification

Website push notification is proven to be more effective than email. On average, 30% – 40% subscribers interact with message instantly. And we complete JNews with deep integration of web push notification.

In this part, we will guide you how to use Desktop Push Notification feature with JNews that only takes few minutes. There are few things that we’ll explain to you in this part:

1. Install Plugin
2. Setup OneSignal Push Setting
3. Push Notification for Single Post
4. Push Notification for Single Category
5. Push Notification Widget
6. Push Notification WPBakery Page Builder
7. How to Use?

### 1. Install Plugin

To enable Desktop Push Notification on your website, you will need to install both of OneSignal and JNews Push Notification plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

### 2. Setup OneSignal Push Setting

Right after you’ve done with the plugin activation, you will need to do some setup for OneSignal Push. Please check the image below and you just need to follow the plugin instructions under Setup panel the click Chrome & Firefox Push to begin :

### 3. Push Notification for Single Post

After you’ve done with OneSignal Push setup, next you can configure push notification for single post. You can access the option by go to JNews Dashboard → Customize Style → JNews : Push Notification → Single Post Setting

1. Enable Post Subscribe
   Turn on this option if you want to enable subscription on each single post page.
2. Subscribe Description
   Insert text description of post subscription.
3. Subscribe Button Text
   Insert text for subscribe button.
4. Unsubscribe Button Text
   Insert text for unsubscribe button.
5. Processing Button Text
   Insert text for processing button.

### 4. Push Notification for Single Category

After you’ve done with OneSignal Push setup, next you can configure push notification for single category. You can access the option by go to JNews Dashboard → Customize Style → JNews : Push Notification → Single Category Setting

1. Enable Post Subscribe
   Turn on this option if you want to enable subscription on each single post page.
2. Subscribe Description
   Insert text description of post subscription.
3. Subscribe Button Text
   Insert text for subscribe button.
4. Unsubscribe Button Text
   Insert text for unsubscribe button.
5. Processing Button Text
   Insert text for processing button.

### 5. Push Notification Widget

To setup push notification on Widget, simply go to WordPress Dashboard → Appearance → Widgets

Then you can insert JNews : Push Notification widget into certain widget area. Inside widget options, you will find the following options list :

1. Title
   Insert title text for push notification widget.
2. Subscribe Description
   Insert text description of post subscription.
3. Subscribe Button Text
   Insert text for subscribe button.
4. Unsubscribe Button Text
   Insert text for unsubscribe button.
5. Processing Button Text
   Insert text for processing button.

### 6. Push Notification WPBakery Page Builder

To insert push notification with WPBakery Page Builder, simply by Add Element → JNews – Element → JNews – Push Notification

You can check the following image for more detail.

As you can see the image on above, you just need to choose JNews – Push Notification and then you will notice there’re several options on JNews – Push Notification Setting tab.

1. Subscribe Description
   Insert text description of post subscription.
2. Subscribe Button Text
   Insert text for subscribe button.
3. Unsubscribe Button Text
   Insert text for unsubscribe button.
4. Processing Button Text
   Insert text for processing button.

### 7. How to Use?

After you’ve done with all kind of setup above, now it’s time to send notification to your subscriber. You can follow the instructions below :

1. First, edit certain post on your website that you want your subscriber to see its push notification. You can also create a new post.
2. If you have selected a post, then at the right side section you will notice OneSignal Push Notification metabox. You can check the image below for more detail.
3. Please make sure you have checked the box on the option pointed by the image above. After that you just need to save your post and a push notification about that post will be sent.

# Switch Theme

If you have used JMagz, Sahifa or Newspaper theme previously, now we provide migration tools for easier switching theme process to JNews.

In this part, we will guide you how to use Migration feature with JNews which only takes few clicks. There are few things that we’ll explain to you in this part :

1. JMagz Migration
2. Newspaper Migration
3. Publisher Migration
4. Sahifa Migration

### 1. JMagz Migration

To use JMagz migration feature, you will need to install JNews – JMagz Migration plugin. You can easily install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

Right after you’ve done with the plugin activation, next you will need acess Migration Dashboard by simply hit the Migration button on the Plugin Dashboard or by go to JNews Dashboard → Migration – JMagz

### 2. Newspaper Migration

To use Newspaper migration feature, you will need to install JNews – Newspaper Migration plugin. You can easily to install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

Right after you’ve done with the plugin activation, next you will need acess Migration Dashboard by simply hit the Migration button on the Plugin Dashboard or by go to JNews Dashboard → Migration – Newspaper

### 3. Publisher Migration

To use Publisher migration feature, you will need to install JNews – Publisher Migration plugin. You can easily to install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

Right after you’ve done with the plugin activation, next you will need acess Migration Dashboard by simply hit the Migration button on the Plugin Dashboard or by go to JNews Dashboard → Migration – Publisher

### 4. Sahifa Migration

To use Sahifa migration feature, you will need to install JNews – Sahifa Migration plugin. You can easily to install and activate this plugin from Plugin Dashboard by go to JNews Dashboard → Plugin

Right after you’ve done with the plugin activation, next you will need acess Migration Dashboard by simply hit the Migration button on the Plugin Dashboard or by go to JNews Dashboard → Migration – Sahifa

# Missing Stylesheet

A common issue that can occur when installing a WordPress themes is “The package could not be installed. The theme is missing the style.css stylesheet.” error message being displayed when uploading or activating the theme.

In this case, the reasons you may receive this error is if you have uploaded the incorrect file. You have 2 options for downloading your theme.

1. Installable WordPress file only, then you just need to upload it (don’t need to unzip at first).

2. All files and documentation (full zip folder). You will need to extract and locate the installable WordPress file.

Further Reading

Please take a look at this article for more complete information.

# Rate JNews on Themeforest

Firstly, we want to say thank you very much for purchasing our items on Themeforest. You really help us to grow and keep up good work.

Please follow this step below about give rate JNews theme on Themeforest :

1. Login into your account on Themeforest.
2. When successfully logged in, move your mouse over your username as seen at the image below.
3. Navigate to your Downloads.
4. Search JNews theme, move your mouse over the last star and click, done 😀

# Import & Export Slider

There are few things that we will explain to you on this section :

1. Import Slider
2. Export Slider

### 1. Import Slider

The Revolution Slider allows you to easily import a slider into your site. You can use our slider demo as example to know how we made it.

- Slider 1
- Slider 2
- Free Slider Exchange from Revolution Slider.

You can follow the instructions below about importing a slider :

1. Go the the Revolution Slider tab in your WordPress admin dashboard.
2. Then click Import Slider.

3. Choose the .zip file of the slider you’d like to import.
4. Once you’ve chosen the .zip file, an Import Slider button will appear.
5. Click the Import Slider button, and wait for it to finish uploading.

### 2. Export Slider

Also, the Revolution Slider allows you to easily export all of your sliders. As you know making animated slides takes a lot of time, make sure you export the data so you don’t ever lose the time you’ve spent on them.

You can follow the instructions below to export your slider :

1. Go the the Revolution Slider tab in your WordPress admin dashboard.
2. Navigate the slider you’d like to export and click the down arrow button (V).

3. Then click Export and we’re done.

Created in Denpasar, Bali by Jegtheme. 2017