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.
- [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
- [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
- [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
- [IMPROVEMENT] Move Backend Javascript to Footer - [BUG] Fix Autoload stop when using Google Analytics
- [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 Visual Composer 5.4.2 - [BUG] Fix issue on front-end translation - [PLUGIN] Update Visual Composer v5.4.2 - [PLUGIN] Update JNews - AMP v1.0.1
- Initial Release
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.
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.
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 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
- Go to Appearance → Themes on your WordPress Admin Dashboard.
- Click the Add New button at the top of the page and then choose Upload Theme option.
- After that upload file jnews.zip (look at the image above) and click Install Now button.
- If the upload process has finished, click the Activate button.
- Right after installing the theme you will be prompted to install required plugins. You can follow the instruction right here.
Install via FTP
- Login into your FTP client.
- Then access wp-content/themes/ directory on your host web server.
- After that browse to find the jnews.zip file (look at the image above) and unzip the file.
- Upload the jnews folder into wp-content/themes/ directory.
- After uploading process finishes, go to your WordPress Admin Dashboard → Appearance → Themes and hit the Activate button.
- Right after installing the theme you will be prompted to install required plugins. You can follow the instruction right here.
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.
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.
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 Visual Composer
- Vafpress Post Formats UI
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
- You can easily access JNews Plugin Dashboard from JNews Dashboard → Plugin
- 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
- To install plugin via TGM Plugin Activation, please go to Appearance → Install Plugins
- 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.
- After installation process finished, you will be prompted to return into Plugin Dashboard by hit Return to Required Plugins Installer button.
- Finally, you can activate the plugin by clicking Activate button.
After activating Visual Composer 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 Visual Composer plugin will still works fine with JNews. If there’s an updated version of Visual Composer plugin, we will include it on the new version of JNews.
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.
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
- Go to Appearance → Themes on your WordPress Admin Dashboard.
- Deactivate the current JNews Theme by activating another available theme.
- Then delete the current JNews Theme. You don’t need to worry about your site content, they won’t be lost.
- 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.
- After that, upload file jnews.zip (look at the image above) and click Install Now button.
- If the upload has finished click the Activate button.
Update via FTP
- Login into your FTP client.
- Then access wp-content/themes/ directory on your host web server.
- 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.
- After that, browse to find the new version of jnews.zip file (look at the image above) and unzip the file.
- Upload the jnews folder into wp-content/themes/ directory.
- After uploading process finished, go to your WordPress Admin Dashboard → Appearance → Themes and hit the Activate button.
- Right after installing themes you will be prompted to install required plugins. You can follow the instruction right here.
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.
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
- To update plugin via JNews Plugin Dashboard, you can easily access them from JNews Dashboard → Plugin
- 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
- To update plugin via TGM Plugin Activation, please go to Appearance → Install Plugins
- 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.
After you activate Visual Composer 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 Visual Composer plugin will still works fine with JNews. If there’s an update version of Visual Composer plugin, we will include it on the new version of JNews.
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.
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 :
- WPBakery Visual Composer further reading
- Vafpress Post Formats UI
Built In Plugins List :
- JNews Breadcrumb
- JNews AMP
- JNews Auto Load Post
- JNews Customize Detail Category
- JNews Frontend Translation
- JNews Gallery
- JNews Instagram
- JNews JSON LD Rich Snippet
- JNews Like Button
- JNews Review
- JNews Food Recipe
- JNews Social Share
- JNews Social Login
- JNews Speed
- JNews Split
- JNews View Counter
- JNews Weather
- JNews Meta Header
- JNews Push Notification
Recommended Plugins List :
- Breadcrumb NavXT further reading
- Yoast SEO further reading
- WordPress AMP further reading
- Instant Article for WP further reading
- WooCommerce further reading
- BBPress further reading
- Loco Translate further reading
- Polylang further reading
- WP Super Cache further reading
- Jetpack further reading
- MailChimp for WordPress further reading
- Contact Form 7 further reading
- Regenerate Thumbnails further reading
- Social Media Manager further reading
- OneSignal – Free Web Push Notifications further reading
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.
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
- 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.
- 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.
- 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.
- 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.
There’re a few things that we’ll explain to you on this section :
- Post Format
- Post Subtitle
- Post Editor
- Primary Category
- 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 :
- Standard Format
This is the default option for post format. With this format, you can also add featured image for your post.
- 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.
- 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.
- 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.
- 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. - 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. - Single Blog Post Layout
Choose layout type for the current post. - 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. - Single Post Share Position
Adjust the position of the share button for the current post. - 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. - 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. - 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. - Show Featured Image/Video
Turn on this option to show featured image, gallery or video for the current post. - Show Post Meta
Turn on this option to show post meta on header for the current post. - 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. - 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. - 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. - 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. - Show Post Tag
Turn on this option to show post tag on the below article for the current post. - Show Prev/Next Post
Turn on this option to show previous and next post navigation on the below article for the current post. - Show Popup Post
Turn on this option to show popup post on the bottom right side for the current post. - 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. - Show Author Box
Turn on this option to show author box on the below article for the current post. - 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.
- Post Thumbnail Size
Choose image thumbnail size for the current post. - Post Gallery Thumbnail Size
Choose image gallery thumbnail size for the current post.
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 :
- Default Page Template
- Landing Page Template
- 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 :
- Single Page Layout
Choose layout for the current page. - 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. - Show Page Meta
Turn on this option to show page meta for the current page. - Share Position
Adjust the position of share button for the current page. - 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 Visual Composer 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 Visual Composer 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 :
- First Header Title
Insert text for main title of header. - Second Title
Insert text for secondary title of the header. - Header Style
Choose header style of page loop. - Header Background
Set background color for header. Please note, this option may not work on certain header style. - Header Text Color
Set text color for header. Please note, this option may not work on certain header style.
Content Template :
- Page Loop Layout
Choose layout for page loop. - 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. - Page Loop Module Template
Choose module template for page loop post. - Excerpt Length
Set the word length of excerpt for page loop post. - Date Format for Content
Choose date format for post content of page loop. - 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. - Pagination Mode
Choose pagination mode for page loop. - Pagination Align
Choose pagination alignment for page loop. - Show Navigation Text
Turn on this option to show navigation text on page loop navigation. - Show Page Info
Turn on this option to show page info on page loop navigation.
Content Filter :
- Include Post ID
Choose post id that you want to include for post content on page loop. - Exclude Post ID
Choose post id that you want to exclude for post content on page loop. - Include Category
Choose post category that you want to include for post content on page loop. - Exclude Category
Choose post category that you want to exclude for post content on page loop. - Author
Choose post author that you want to show for post content on page loop. - Include Tags
Choose post tags that you want to include for post content on page loop. - Exclude Tags
Choose post tags that you want to exclude for post content on page loop. - 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 .
There are few things that we will explain to you on this part :
- Widget Area
- Add / Remove Widget Area
- 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 :
- Sidebar Widget
This is widget area for sidebar that will be visible on Blog & Page that enable sidebar. - 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. - 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. - 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. - 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:
- JNews – Ads Block
A widget to display advertisement.
- JNews – Header Module
A widget to display header module.
- JNews – Module 1
A widget to display module block 1.
- JNews – Module 2
A widget to display module block 2.
- JNews – Module 3
A widget to display module block 3.
- JNews – Module 4
A widget to display module block 4.
- JNews – Module 5
A widget to display module block 5.
- JNews – Module 6
A widget to display module block 6.
- JNews – Module 7
A widget to display module block 7.
- JNews – Module 8
A widget to display module block 8.
- JNews – Module 9
A widget to display module block 9.
- JNews – Module 10
A widget to display module block 10.
- JNews – Module 11
A widget to display module block 11.
- JNews – Module 12
A widget to display module block 12.
- JNews – Module 13
A widget to display module block 13.
- JNews – Module 14
A widget to display module block 14.
- JNews – Module 15
A widget to display module block 15.
- JNews – Module 16
A widget to display module block 16.
- JNews – Module 17
A widget to display module block 17.
- JNews – Module 18
A widget to display module block 18.
- JNews – Module 19
A widget to display module block 19.
- JNews – Module 20
A widget to display module block 20.
- JNews – Module 21
A widget to display module block 21.
- JNews – Module 22
A widget to display module block 22.
- JNews – Module 23
A widget to display module block 23.
- JNews – Module 24
A widget to display module block 24.
- JNews – Module 25
A widget to display module block 25.
- JNews – Module 26
A widget to display module block 26.
- JNews – Module 27
A widget to display module block 27. - JNews – Slider 3
A widget to display slider 3.
- JNews – Video Playlist
A widget to display video playlist.
- JNews – Youtube / Vimeo Playlist
A widget to display youtube or vimeo playlist.
- JNews – About
A widget to display information about you and your site. - JNews – Behance
A widget to display your portfolio on Behance. - JNews – Dribbble
A widget to display your portfolio shot on Dribbble. - JNews – Facebook Page
A widget to display Facebook page likes. - JNews – Flickr
A widget to display your latest photostream on Flickr. - JNews – Google+
A widget to display Google+ badge. - JNews – Instagram
A widget to display Instagram feed. - JNews – Pinterest
A widget to display your Pins. - JNews – Popular Post
A widget to display most popular post of your website. - JNews – Recent News
A widget to display recent post of your website. - JNews – Separator Line
A widget to display separator line. - JNews – Social Counter
A widget to display your social account fans, followers and subscribers. - JNews – Social Icon
A widget to display your social account with nice icon. - JNews – Tab Post
A widget to display your post with trending, comment and latest tab. - JNews – Twitter
A widget to display your recent Twitter feed.
There are few things that we will explain to you on this section :
- JNews – Element
- JNews – Module
- JNews – Hero
- JNews – Slider
- JNews – Carousel
1. JNews – Element
As you can see on the image below, on JNews – Element group tab we provide several Visual Composer elements that you can use to optimize your website’s look.
Please check the following explanation below about Visual Composer element on JNews – Element group tab :
JNews – Ads Block
General Tab
- Ads Type
Choose ads type that you want to use. - [Image Ads] Ads Image
Choose an image for image ads. - [Image Ads] Ads Image Link
Insert url link for image ads. - [Image Ads] Image Alternate Text
Insert alternate text for image ads. - [Image Ads] Open New Tab
Check this option to open the page in new tab when image ads clicked. - [Google Ads] Publisher ID
Insert data-ad-client / google_ad_client content. - [Google Ads] Ads Slot ID
Insert data-ad-slot / google_ad_slot content. - [Google Ads] Desktop Ads Size
Choose ads size to show on desktop. - [Google Ads] Tab Ads Size
Choose ads size to show on tablet. - [Google Ads] Phone Ads Size
Choose ads size to show on phone. - [Script Code] Ads Code
Insert ads script code.
Design Tab
- Block / Column Width
Please choose width of the column you want to use on this ads block. 1 Block represents 4 column. - CSS Box
Set css attributes for ads block.
JNews – News Ticker
General Tab
- News Ticker Title
Insert title for news ticker. - Choose Date Format
Choose date format for content of news ticker. - 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. - News Ticker Icon
Choose which font icon that is best to describe your news ticker. - Enable Autoplay
Check this option to enable auto play news ticker. - 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. - Animation Direction
Choose news ticker animation direction. - News Ticker Title Background
Choose news ticker title background. If you leave it empty, default theme scheme color will be used. - 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
- Include Post Type
Choose post type for content of the news ticker. - Number of Post
Set number of post for content of the news ticker. - Post Offset
Set number of post offset (start of content) of news ticker. - 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. - 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. - 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. - Include Category
Include which post category that you want to show for the content of news ticker. - Exclude Category
Exclude which post category that you don’t want to show for the content of news ticker. - Author
Choose which post author that you want to show for the content of news ticker. - Include Tags
Include which post tags that you want to show for the content of news ticker. - Exclude Tags
Exclude which post tags that you don’t want to show for the content of news ticker. - Sort By
Choose the sorting method for the content of news ticker.
Design Tab
- Block / Column Width
Please choose width of the column you want to use on this news ticker. 1 Block represents 4 column. - CSS Box
Set css attributes for news ticker.
JNews – Header Module
General Tab
- Title
Insert text for the main title of header module. - Second Title
Insert text for the secondary title of header module. - Title URL
Insert url link for the title of header module. - Header Type
Choose a header type for header module. - Header Align
Choose the alignment of header module. - Header Background
Set the background color of header module. Please note, this option may not work on certain header type. - Header Text Color
Set the text color of header module. Please note, this option may not work on certain header type.
Design Tab
- Block / Column Width
Please choose width of the column you want to use on this header module. 1 Block represents 4 column. - CSS Box
Set css attributes for header module.
JNews – Video Playlist
General Tab
- Video Playlist Layout
Choose video playlist layout. - Video Playlist Scheme
Choose video scheme color.
Content Filter Tab
- Include Post Type
Choose post type for content of the video playlist. - Number of Post
Set number of post for content of the video playlist. - Post Offset
Set number of post offset (start of content) of the video playlist. - 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. - 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. - 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. - Include Category
Include which post category that you want to show for content of video playlist. - Exclude Category
Exclude which post category that you don’t want to show for content of video playlist. - Author
Choose which post author that you want to show for content of video playlist. - Include Tags
Include which post tags that you want to show for content of video playlist. - Exclude Tags
Exclude which post tags that you don’t want to show for content of video playlist. - Sort By
Choose sorting method for content of video playlist.
Design Tab
- Block / Column Width
Please choose width of the column you want to use on this video playlist. 1 Block represents 4 column. - CSS Box
Set css attribute for video playlist.
JNews – YouTube / Vimeo Playlist
General Tab
- Video Playlist Layout
Choose video playlist layout. - Video Playlist Scheme
Choose video scheme color. - 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
- Block / Column Width
Please choose width of the column you want to use on this playlist block. 1 Block represents 4 column. - CSS Box
Set css attribute for this playlist block.
JNews – Block Link
General Tab
- Title
Insert text for main title of block link. - Second Title
Insert text for secondary title of block link. - Title URL
Insert url link for title of block link. - Open New Tab
Check this option to open link on a new tab. - Background Image
Choose an image for block background. - Use Video Background
Check this option to use video as block background. - YouTube Link
Add YouTube video link to used as video background.
Design Tab
- Block / Column Width
Please choose width of the column you want to use on this block. 1 Block represents 4 column. - CSS Box
Set css attribute for block link.
JNews – Split Navigation
General Tab
- Menu to Include
Include menu into split navigation.
Design Tab
- Block / Column Width
Please choose width of column you want to use on this split navigation. 1 Block represent 4 column. - 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 Visual Composer elements that you can use.
Please check the following explanation below about Visual Composer element on JNews – Module group tab :
General Option of JNews – Module Block
Header Tab
- Title
Insert text for main title of module block. - Second Title
Insert text for secondary title of module block. - Title URL
Insert url link for title of module block. - Header Type
Choose header type for module block. - Header Background
Set background color of header module block. Please note, this option may not work on certain header type. - Header Text Color
Set text color of header module block. Please note, this option may not work on certain header type.
Header Filter Tab
- Category
Add category filter for header module block. - Author
Add author filter for header module block. - Tags
Add tag filter for header module block. - Default Text
Insert text for first filter item of heading filter.
Content Filter Tab
- Include Post Type
Choose post type for content of module block. - Number of Post
Set number of post for content module block. - Post Offset
Set number of post offset (start of content) of module block. - 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. - 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. - 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. - Include Category
Include which post category that you want to show for content module block. - Exclude Category
Exclude which post category that you don’t want to show for content module block. - Author
Choose which post author that you want to show for content module block. - Include Tags
Include which post tags that you want to show for content module block. - Exclude Tags
Exclude which post tags that you don’t want to show for content module block. - Sort By
Choose sorting method for content of module block.
Content Setting Tab
- Content Date Format
Choose date format for content of module block. - 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. - Excerpt Length
Set the number of word length for post excerpt.
Pagination Tab
- Choose Pagination Mode
Choose pagination mode for module block. - 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. - 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
- Block / Column Width
Please choose width of the column you want to use on this block. 1 Block represents 4 column. - 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 Visual Composer element that you can use.
Please check the following explanation below about Visual Composer element on JNews – Hero group tab :
General Option of JNews – Hero Block
Hero Setting Tab
- Hero Margin
Set margin for each hero item. Please note, this option not available for JNews – Hero 14. - Hero Style
Choose style for the current hero. Please note, this option not available for JNews – Hero 14. - Choose Date Format
Choose date format for content of slider. - 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
- Include Post Type
Choose post type for content of hero block. - Number of Post
Set number of post for content hero block. - Post Offset
Set number of post offset (start of content) of hero block. - 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. - 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. - 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. - Include Category
Include which post category that you want to show for content hero block. - Exclude Category
Exclude which post category that you don’t want to show for content hero block. - Author
Choose which post author that you want to show for content hero block. - Include Tags
Include which post tags that you want to show for content hero block. - Exclude Tags
Exclude which post tags that you don’t want to show for content hero block. - Sort By
Choose sorting method for content of hero block.
Hero Design Tab
- Hero Height on Desktop
Set height on pixel in px for desktop, leave empty to use default number. - Hero Height on 1024px Width Screen
Set height on pixel in px for 1024px width screen, leave empty to use default number. - Hero Height on 768px Width Screen
Set height on pixel in px for 768px width screen, leave empty to use default number. - Hero Height on 667px Width Screen
Set height on pixel in px for 667px width screen, leave empty to use default number. - Hero Height on 568px Width Screen
Set height on pixel in px for 568px width screen, leave empty to use default number. - Hero Height on 480px Width Screen
Set height on pixel in px for 480px width screen, leave empty to use default number.
Design Tab
- Block / Column Width
Please choose width of column you want to use on this hero block. 1 Block represents 4 column. - 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 Visual Composer element that you can use.
Please check the following explanation below about Visual Composer element on JNews – Slider group tab :
JNews – Slider 1 – 2
General Tab
- Enable Autoplay
Check this option to enable auto play slider. - 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. - Choose Date Format
Choose date format for content of slider. - 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
- Include Post Type
Choose post type for content of slider. - Number of Post
Set number of post for content slider. - Post Offset
Set number of post offset (start of content) of slider. - 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. - 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. - 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. - Include Category
Include which post category that you want to show for content slider. - Exclude Category
Exclude which post category that you don’t want to show for content slider. - Author
Choose which post author that you want to show for content slider. - Include Tags
Include which post tags that you want to show for content slider. - Exclude Tags
Exclude which post tags that you don’t want to show for content slider. - Sort By
Choose sorting method for content of slider.
Design Tab
- Block / Column Width
Please choose width of column you want to use on this slider. 1 Block represents 4 column. - CSS Box
Set css attribute for slider.
JNews – Slider 3
General Tab
- Number of Column
Set number of carousel item column on each slide. - Enable Autoplay
Check this option to enable auto play slider. - 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. - Choose Date Format
Choose date format for content of slider. - 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
- Include Post Type
Choose post type for content of slider. - Number of Post
Set number of post for content slider. - Post Offset
Set number of post offset (start of content) of slider. - 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. - 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. - 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. - Include Category
Include which post category that you want to show for content slider. - Exclude Category
Exclude which post category that you don’t want to show for content slider. - Author
Choose which post author that you want to show for content slider. - Include Tags
Include which post tags that you want to show for content slider. - Exclude Tags
Exclude which post tags that you don’t want to show for content slider. - Sort By
Choose sorting method for content of slider.
Design Tab
- Block / Column Width
Please choose width of column you want to use on this slider. 1 Block represents 4 column. - CSS Box
Set css attribute for slider.
JNews – Slider 4
General Tab
- Enable Autoplay
Check this option to enable auto play slider. - Use Full-Size Image
Check this option to enable full-size image instead of cropped version. - 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. - Choose Date Format
Choose date format for content of slider. - 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
- Include Post Type
Choose post type for content of slider. - Number of Post
Set number of post for content slider. - Post Offset
Set number of post offset (start of content) of slider. - 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. - 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. - 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. - Include Category
Include which post category that you want to show for content slider. - Exclude Category
Exclude which post category that you don’t want to show for content slider. - Author
Choose which post author that you want to show for content slider. - Include Tags
Include which post tags that you want to show for content slider. - Exclude Tags
Exclude which post tags that you don’t want to show for content slider. - Sort By
Choose sorting method for content of slider.
Design Tab
- Block / Column Width
Please choose width of column you want to use on this slider. 1 Block represents 4 column. - CSS Box
Set css attribute for slider.
JNews – Slider Overlay
General Tab
- Enable Fullscreen
Check this option to enable full screen slider. - Show Navigation
Check this option to show next and prev button to navigate slider. - Overlay Option
Choose overlay type that you want to use for slider. - 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
- Include Post Type
Choose post type for content of slider. - Number of Post
Set number of post for content slider. - Post Offset
Set number of post offset (start of content) of slider. - 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. - 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. - 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. - Include Category
Include which post category that you want to show for content slider. - Exclude Category
Exclude which post category that you don’t want to show for content slider. - Author
Choose which post author that you want to show for content slider. - Include Tags
Include which post tags that you want to show for content slider. - Exclude Tags
Exclude which post tags that you don’t want to show for content slider. - Sort By
Choose sorting method for content of slider.
Design Tab
- Block / Column Width
Please choose width of column you want to use on this slider. 1 Block represents 4 column. - 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 Visual Composer element that you can use.
Please check the following explanation below about Visual Composer element on JNews – Carousel group tab :
General Option of JNews – Carousel
General Tab
- Show Nav
Check this option to show navigation on carousel. - Number of Item
Set number of carousel item to show on each slide. - Item Margin
Set margin for each slider item. - Enable Autoplay
Check this option to enable auto play slider. - 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. - Choose Date Format
Choose date format for content of slider. - 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
- Include Post Type
Choose post type for content of carousel. - Number of Post
Set number of post for content carousel. - Post Offset
Set number of post offset (start of content) of carousel. - 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. - 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. - 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. - Include Category
Include which post category that you want to show for content carousel. - Exclude Category
Exclude which post category that you don’t want to show for content carousel. - Author
Choose which post author that you want to show for content carousel. - Include Tags
Include which post tags that you want to show for content carousel. - Exclude Tags
Exclude which post tags that you don’t want to show for content carousel. - Sort By
Choose sorting method for content of carousel.
Design Tab
- Block / Column Width
Please choose width of the column you want to use on this carousel. 1 Block represents 4 column. - CSS Box
Set css attribute for carousel.
If you’re not familiar working with Visual Composer yet, you can follow this link for more complete information above Visual Composer.
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 :
- WP Debug
- Memory Limit
- 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.
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
1234post_max_size = 64Mupload_max_filesize = 640Mmax_input_vars = 3000max_execution_time = 300 - Edit .htaccess File
1234php_value post_max_size = 64Mphp_value upload_max_filesize = 64Mphp_value max_input_vars = 3000php_value max_execution_time = 300
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 :
- Accessing Customizer Panel
- Live Search Option
- Partial Refresh Feature
- 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 :
- WordPress Dashboard
You can access customizer panel on WordPress Dashboard by go to WordPress Dashboard → Appearance → Customize - JNews Dashboard
You can access customizer panel on JNews Dashboard by go to JNews Dashboard → Customize Style - 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 :
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.
If you’re not familiar with JNews Customizer yet, you might need to check our Customizer Overview.
On JNews : Layout, Color & Scheme, there are several section option that you will find. They are :
- Layout & Background
- Sidefeed Setting
- Scheme & Website Color
- Mobile Browser Color
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
- 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. - Background Color
Choose color for background. Please note, this option will appear if you enable Boxed Layout option. - 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.
- Background Repeat
Set background image repeat. - Background Position
Set background image position. - Attachment Background
Set background image attachment. - 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.
- 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. - Enable Ajax Load Sidefeed Post
Turn on this option if you want enable ajax load post. - Number of Post
Set the number of post that you want to show per load. - Main Content Position
Choose main content position. - 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. - Trending Range
Choose time range for trending post. Please note, this option will appear and work if Show Trending Button option enabled. - Show Category
Turn on this option to enable category filter button. - 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. - Overlay Background Color
Choose color for overlay background. Please note, this option will work if Enable Ajax Load Sidefeed Post option enabled.
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
- Base Text Color (Body)
Choos e general color for body. - Accent Color
Choose general color for accent. - Accent Hover Color
Choose general color for active button and hover background color. - Alternate Color
Choose general alternate color including post meta icon and floating social share. - Heading Color
Choose general color for post title and heading element such asH1
,H2
,H3
,H4
,H5
andH6
.
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.
On JNews : Header Option, there are several section options that you will find:
- Header – Builder & Layout
- Header – Desktop Option
- Header – Sticky Option
- Header – Mobile Option
- Header – Mobile Drawer Option
- Header – Logo
- Header – Top Bar Menu
- Header – Main Menu
- Header – Social Icon
- Header – Date
- Header – Search Icon
- Header – Search Form
- Header – Account
- Header – Navigation Icon
- Header – Cart Icon
- Header – Cart Detail
- Header – Language Switcher
- Header – HTML Element
- Header – Button Element
- Header – Vertical Menu
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.
- 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
- Top Bar Height
Set height size of top bar height. - Top Bar Scheme
Choose scheme that you want to use for top bar. - Background Color
Set background color for top bar. - Border Bottom
Set border bottom color for top bar. - Side Border
Set side border color for top bar. - Default Text Color
Set default text color for top bar. - Default Link Color
Set default link color for top bar. - Top Bar Border – Top Height
Set border top height for top bar. - Top Bar Border – Top Color
Set border top color for top bar.
Dekstop Header – Middle Bar
- Middle Bar Height
Set middle bar height. - Middle Bar Scheme
Choose scheme for middle bar. - Middle Bar Background Color
Set background color for middle bar. - Middle Bar Background Image
Set background image for middle bar. - Background Repeat
Set background repeat for middle bar. Please note, this option will appear and work if you set Middle Bar Background option. - Background Position
Set background position for middle bar. Please note, this option will appear and work if you set Middle Bar Background option. - Attachment Background
Set background attachment for middle bar. Please note, this option will appear and work if you set Middle Bar Background option. - Background Size
Set background size for middle bar. Please note, this option will appear and work if you set Middle Bar Background option. - Middle Bar Border – Bottom Height
Set border bottom height for middle bar. - Middle Bar Border – Bottom Color
Set border bottom color for middle bar. - Default Text Color
Set default text color for middle bar. - Default Link Color
Set default link color for middle bar.
Desktop Header – Bottom Bar
- Bottom Bar Height
Set height size of bottom bar. - Boxed Navbar
Turn on this option to make bottom bar have boxed layout. - Fit Width Navbar
Turn on this option to make bottom bar have fit width effect. - Navbar Border
Turn on this option to add border for bottom bar. - Navbar Shadow
Turn on this option to add shadow for bottom bar. - Menu Scheme
Choose menu scheme for bottom bar. - Bottom Bar Background Color
Set background color for bottom bar. - Border Color
Set border color for bottom bar. - Default Text Color
Set default text color for bottom bar. - Default Link Color
Set default link color for bottom bar. - Border Top Height
Set border top height for bottom bar. - Border Top Color
Set border top color for bottom bar. - Border Bottom Height
Set border bottom height for bottom bar. - 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
- Menu Following Mode
Choose menu following mode for sticky bar. - Header Sticky Width
Set sticky bar width. - Sticky Bar Height
Set sticky bar height. - Boxed Navbar
Turn on this option to make sticky bar have boxed layout. - Fit Width Navbar
Turn on this option to make sticky bar have fit width effect. - Navbar Border
Turn on this option to add border on sticky bar. - Navbar Shadow
Turn on this option to add shadow on sticky bar.
Sticky Bar Style
- Menu Scheme
Choose menu scheme for sticky bar. - Sticky Bar Background Color
Set background color for sticky bar. - Border Color
Set border color for sticky bar. - Default Text Color
Set default text color for sticky bar. - Default Link Color
Set default link color for sticky bar. - Border Bottom Height
Set border bottom height for sticky bar. - 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
- Top Bar Scheme
Set top bar scheme. - Top Bar Background Color
Set background color for top bar. - Default Text Color
Set default text color for top bar. - Default Link Color
Set default link color for top bar.
Mobile Header – Middle Bar
- Middle Bar Scheme
Choose middle bar scheme. - Middle Bar Height
Set middle bar height. - Background Color
Set background color for middle bar. - Default Text Color
Set default text color for middle bar. - Default Link Color
Set default link color for middle bar. - Bottom Bar Border Height
Set border height for bottom bar. - 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.
- Drawer Scheme
Choose drawer scheme. - Background Color
Set background color for mobile drawer. - Overlay Color
Set overlay color for mobile drawer. - Mobile Drawer Background Image
Set background image for mobile drawer. - Background Repeat
Set background repeat. Please note, this option will appear and work if you set Mobile Drawer Background Image option. - Background Position
Set background position. Please note, this option will appear and work if you set Mobile Drawer Background Image option. - Attachment Background
Set attachment background. Please note, this option will appear and work if you set Mobile Drawer Background Image option. - 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.
- Header Logo
Upload an image as logo for header. - Header Logo Retina
Upload a retina image as retina logo for header. - Logo Spacing
Insert logo spacing. You can use px or em unit. - Header Logo Alt
Insert alternate text for header logo. - Sticky Menu Logo
Upload an image as logo for sticky menu. - Sticky Menu Logo Retina
Upload a retina image as retina logo for sticky menu. - Sticky Menu Alt
Insert alternate text for sticky menu logo. - Mobile Device Logo
Upload an image as logo for mobile device. - Mobile Device Logo Retina
Upload a retina image as retina logo for mobile device. - 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
- Text Color
Set text color for top bar menu. - Menu Hover Color
Set menu hover color. - Drop Arrow Color
Set drop arrow color. - Submenu Background
Set background color for top bar submenu. - Submenu Text Color
Set text color for top bar submenu. - Submenu Background Hover Color
Set background hover color for top bar submenu. - 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
- Menu Style
Choose menu style. - Menu Text Color
Set menu text color. - Menu Hover Line Color
Set menu line color when hover - 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. - Menu Hover Text Color
Set menu text color when menu hover.
Main Submenu Style
- Submenu Arrow Icon Color
Set submenu arrow icon color. - Submenu Background Color
Set background color for submenu. - Submenu Text Color
Set submenu text color. - Submenu Hover Background Color
Set hover background color for submenu. - Submenu Hover Text Color
Set hover text color for submenu. - Submenu Border Color
Set border color for submenu.
Mega Menu
- Subcategory News Feed Background Color
Set background color for subcategory news feed. - Subcategory News Feed Border Color
Set border color for subcategory news feed. - Subcategory News Feed Text Color
Set text color for subcategory news feed. - Subcategory News Feed Hover Text Color
Set hover text color for subcategory news feed. - Subcategory News Feed Hover Background Color
Set hover background color for subcategory news feed. - News Feed Background Color
Set background color for news feed. - News Feed Overlay Background Color
Set overlay background color for news feed. - News Feed Preloader Color
Set preloader color for news feed. - News Feed Text Color
Set text color for news feed. - Tags Heading Color
Set tags heading color. - Tags List Color
Set tags list color. - Separator Border Color
Set separator border color. - Nav Arrow Color
Set nav arrow color. - Nav Arrow Background Color
Set background color for nav arrow. - Nav Arrow Border Color
Set border color for nav arrow. - Nav Arrow Hover Color
Set hover color for nav arrow. - Nav Arrow Hover Background Color
Set hover background color for nav arrow. - Nav Arrow Hover Border Color
Set hover boder color for nav arrow. - Nav Arrow Disabled Color
Set color when nav arrow disabled. - Nav Arrow Disabled Background Color
Set background color when nav arrow disabled. - 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
- Social Icon Type
Choose social icon type. - Icon Color
Set icon color. - 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.
- Date format for Header
Set date format for header. For more detail about date format, please refer to Developer Codec. - Text Color
Set text color for date. - 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
- Search Style
Choose your navbar search style. - Search Icon Color
Set color of search icon.
Desktop – Popup Drop Style
- Search Background Color
Set search background color. - Search Border Color
Set search border color. - Search Input Background Color
Set search input background color. - Search Input Border Color
Set search input border color. - Search Icon Color
Set search icon color. - Search Input Text Color
Set search input text color. - Search Placeholder Color
Set search placeholder color.
Desktop – Live Results
- Background Color
Set live results background color. - Border Color
Set live results border color. - Text Color
Set live results text color.
Desktop – Modal Style
- Search Modal Color
Set search modal color. - Search Modal Input Placeholder Color
Set search modal input placeholder color. - 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
- Search Background Color
Set search background color. - Search Border Color
Set search border color. - Search Input Background Color
Set search input background color. - Search Input Border Color
Set search input border color. - Search Icon Color
Set search icon color. - Search Input Text Color
Set search input text color. - 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
- Search Input Background Color
Set search input background color. - Search Input Border Color
Set search input border color. - Search Icon Color
Set search icon color. - Search Input Text Color
Set search input text color. - Search Input Placeholder Color
Set search input placeholder color.
Live Results Color Options
- Background Color
Set background color for live results. - Border Color
Set border color for live search results. - Text Color
Set text color for live search results.
13. Header – Account
In this part, you can setup several options for header account.
- Text Color
Set account text color. - Submenu Background
Set top bar submenu background color. - Submenu Text Color
Set top bar submenu text color. - Submenu Background Hover Color
Set top bar submenu background hover color. - Submenu Border Color
Set top bar submenu border color.
14. Header – Navigation Icon
In this part, you can setup several options for navigation icon.
- Desktop Navigation Icon Color
Set nav icon color for desktop navigation. - 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
- Cart Background Color
Set cart background color. - Cart Text Color
Set cart text color. - Product Quantity Color
Set product quantity color. - Cart Border Color
Set cart border color. - Cart Button Background Color
Set background color for cart button. - Cart Button Color
Set cart button color. - Cart Button Background Hover Color
Set background hover color for cart button. - 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
- Cart Drop Background Color
Set background color for cart drop. - Cart Drop Text Color
Set text color for cart drop. - Product Quantity Text Color
Set text color for product quantity. - Cart Drop Border Color
Set border color for cart drop element. - Cart Drop Button Background Color
Set background color for cart drop button. - Cart Drop Button Text Color
Set text color for cart drop button. - Cart Drop Button Background Hover Color
Set background hover color for cart drop button. - 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.
- Text Color
Set text color for language switcher. - Background Color
Set background color for language switcher.
18. Header – HTML Element
In this part, you can setup several options for HTML element.
- Mobile HTML
Insert html or shortcode element. - HTML Element 1
Insert html or shortcode element. - HTML Element 2
Insert html or shortcode element. - HTML Element 3
Insert html or shortcode element. - HTML Element 4
Insert html or shortcode element. - 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
- Button Text
Insert button text. - Font Icon Class
Insert font icon for button. - Button Link
Insert button url link. - Button Style
Set button style. - Background Color
Set background color for the button. - Background Hover Color
Set background hover color for the button. - Text Color
Set text colot for the button. - Border Color
Set border color for the button.
Button 2
- Button Text
Insert button text. - Font Icon Class
Insert font icon for button. - Button Link
Insert button url link. - Button Style
Set button style. - Background Color
Set background color for the button. - Background Hover Color
Set background hover color for the button. - Text Color
Set text colot for the button. - Border Color
Set border color for the button.
Button 3
- Button Text
Insert button text. - Font Icon Class
Insert font icon for button. - Button Link
Insert button url link. - Button Style
Set button style. - Background Color
Set background color for the button. - Background Hover Color
Set background hover color for the button. - Text Color
Set text colot for the button. - 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
- Choose Vertical Menu
Choose menu for the vertical menu. - Top Bar Border Top Height
Set border top height. - Top Bar Border Top Color
Set border top color. - Link Color
Set link color for the vertical menu.
Vertical Menu 2
- Choose Vertical Menu
Choose menu for the vertical menu. - Top Bar Border Top Height
Set border top height. - Top Bar Border Top Color
Set border top color. - Link Color
Set link color for the vertical menu.
Vertical Menu 3
- Choose Vertical Menu
Choose menu for the vertical menu. - Top Bar Border Top Height
Set border top height. - Top Bar Border Top Color
Set border top color. - Link Color
Set link color for the vertical menu.
Vertical Menu 4
- Choose Vertical Menu
Choose menu for the vertical menu. - Top Bar Border Top Height
Set border top height. - Top Bar Border Top Color
Set border top color. - Link Color
Set link color for the vertical menu.
On JNews : Single Post Option, there are several section options that you will find :
- Auto Load Scroll Post Option
- Breadcrumb Setting
- Single Post Option
- Related Post Option
- Comment Setting
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
- Single Blog Post Template
Choose template for the single blog post. - Single Blog Post Layout
Choose layout for the single blog post. - 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. - 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. - 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
- Show Featured Image/Video
Turn on this option to show post featured image or video. - Show Post Meta
Turn on this option to show post meta. - 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. - 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. - 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. - Show Category
Turn on this option to show post category. Please note, this option will appear and work if Show Post Meta option enabled. - 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. - Share Position
Choose position of share button on single blog post. - 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. - 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. - 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. - Show Post Tag
Turn on this option to show post tag. - Show Prev / Next Post
Turn on this option to show prev and next post. - Show Popup Post
Turn on this option to show popup post. - 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. - Show Author Box
Turn on this option to show author box.
Single Thumbnail Setting
- Post Thumbnail Size
Choose your post single image thumbnail size. You can also override this behaviour on your Single Post editor. - 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.
- Related Post Filter
Choose how related post will filter your article. - Related Post Module Header Style
Choose header style for related post. - Related Pagination Style
Choose pagination style for related post. - Number of Post
Set the number of related post. - 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. - Related Post Template
Choose template for related post. - Excerpt Length
Set word length of post excerpt on related post. - Related Post Date Format
Choose date format for related post. - 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.
- Comment Type
Choose comment platform to use. - 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. - 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. - 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. - 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.
On JNews : Image & Gallery Option, there are two section options that you will find :
- Gallery Shortcode
- Image Load & Generator Setting
- Image Popup
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.
- 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.
- 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.
- 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.
3. Image Popup
In this part, you can setup image popup option for single post and page.
- 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.
- Photoswipe
- 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.
On JNews : Search Option, there are two section options that you will find :
- Search Content
- Live Search Setting
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.
- Enable Live Search Block
Turn on this option to enable live search block. - Live Search Number of Post
Set number of post for live search. - Live Search Date Format
Choose date format for live search. - 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.
On JNews : Category Template, there are several section option that you will find :
- Category : Global Template
- Category List Setting
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 :
- Background Color
Set background color for global category. - Text Color
Set text color for global category.
Category Sidebar :
- Show Sidebar
Turn on this option to show sidebar for global category. - 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 :
- Category Title Style
Choose title style for global category. - Title Background Color
Set background color for title of global category. - 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 :
- 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. - Category Hero Header
Choose hero header layout for global category. - Category Hero Header Style
Choose hero header style for global category. - Hero Margin
Set hero margin for global category. - Hero Date Format
Choose date format for hero on global category. - 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 :
- Category Content Layout
Choose content layout for global category. - Excerpt Length
Set word length of excerpt post content for global category. - Content Date Format
Choose date format post for global category. - 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. - Choose Pagination Mode
Choose pagination mode for global category. - 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. - Pagination Align
Choose pagination align for global category. - Show Navigation Text
Turn on this option to show navigation text for global category. - 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.
- Override Color
Turn on this option to override global category color. Please note, this option below will appear if this option enabled. - Category Background Color
Set background color for this category. - 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.
On JNews : Other Template, there’re several section option that you will find :
- Archive Template
- Search Template
- Author Template
- Attachment Template
- 404 (Not Found) Template
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 :
- Show Sidebar
Turn on this option to show sidebar. - 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 :
- Archive Content Layout
Choose content layout for archive page. - Excerpt Length
Set word length of excerpt post content on archive page. - Content Date Format
Choose date format post on archive page. - 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. - Choose Pagination Mode
Choose pagination mode on archive page. - Pagination Align
Choose pagination align on archive page. - Show Navigation Text
Turn on this option to show navigation text on archive page. - 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 :
- Show Sidebar
Turn on this option to show sidebar. - 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 :
- Search Content Layout
Choose content layout for search result page. - Excerpt Length
Set word length of excerpt post content on search result page. - Content Date Format
Choose date format post on search result page. - 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. - Choose Pagination Mode
Choose pagination mode on search result page. - Pagination Align
Choose pagination align on search result page. - Show Navigation Text
Turn on this option to show navigation text on search result page. - 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 :
- Show Sidebar
Turn on this option to show sidebar. - 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 :
- Author Content Layout
Choose content layout for author page. - Excerpt Length
Set word length of excerpt post content on author page. - Content Date Format
Choose date format post on author page. - 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. - Choose Pagination Mode
Choose pagination mode on author page. - Pagination Align
Choose pagination align on author page. - Show Navigation Text
Turn on this option to show navigation text on author page. - 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 :
- Show Sidebar
Turn on this option to show sidebar. - 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 :
- Show Sidebar
Turn on this option to show sidebar. - 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 :
- Not Found Content Layout
Choose content layout for not found page. - Excerpt Length
Set word length of excerpt post content on not found page. - Content Date Format
Choose date format post on not found page. - 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 :
- Show Sidebar on WooCommerce Archive
Turn on this option to show sidebar on WooCommerce archive. - 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 :
- Show Sidebar on WooCommerce Single
Turn on this option to show sidebar on WooCommerce single. - 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 :
- Show Sidebar on BBPress
Turn on this option to show sidebar on BBPress page. - 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.
On JNews : Font Option, there are several section option that you will find :
- Global Font
- Custom Font
- Type Kit Font
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).
- Font Family
Choose font family that you want to use. - Font Variant
Set font variant. Please note, this option may not available on certain font. - Font Subsets
Set font subsets. Please note, this option may not available on certain font. - Font Size
Set font size. - Line Height
Set line height. - 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).
- Font Name
Insert the name of your custom font. - Font Weight
Set font weight. - Font Style
Set font style. - EOT File
Upload EOT file of your font. - WOFF File
Upload WOFF file of your font. - TTF File
Upload TTF file of your font. - SVG File
Upload SVG file of your font.
3. Type Kit Font
In this part, you can setup type kit font.
- Type Kit ID
Insert your type kit id. - 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.
On JNews : Additional Option, there’re several section option that you will find :
- Review
- Push Notification
- Loader Setting
- Weather Setting
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.
- 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. - Module Loader Style
Choose loader type that will be used on the module. - Mega Menu Loader Style
Choose loader type that will be used on the mega menu. - Sidefeed Loader Style
Choose loader type that will be used on the sidefeed. - 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.
On JNews : Advertisement Option, there are several section option that you will find :
- Preview Slider Ads
- Header Ads
- Article Ads
- Global Ads
- Mobile Ads
- AMP Ads
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 :
- 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. - 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. - Above Header : Advertisement Image Image Ads.
Upload an image for advertisement. We recommend you to use 970×90 image size for best result. - Above Header : Advertisement Link Image Ads.
Insert url link where this advertisement image will be heading. - Above Header : Alternate Text Image Ads.
Insert alternate text for advertisement image. - Above Header : Open in New Tab Image Ads.
Turn on this option to enable open in new tab when advertisement image clicked. - Above Header : Publisher ID Google Ads.
Insert data ads client or Google ads client content. - Above Header : Ads Slot ID Google Ads.
Insert data ads slot or Google ads slot content. - Above Header : Desktop Ads Size Google Ads.
Choose ads size for desktop device. We recommend you to use Auto on this option. - Above Header : Tab Ads Size Google Ads.
Choose ads size for tablet device. We recommend you to use Auto on this option. - Above Header : Phone Ads Size Google Ads.
Choose ads size for mobile phone device. We recommend you to use Auto on this option. - Above Header : Script Code Script Code Ads.
Insert script code ads for above header. - 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.
- 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. - 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. - Header 1 : Advertisement Image Image Ads.
Upload an image for advertisement. We recommend you to use 728×90 image size for the best result. - Header 1 : Advertisement Link Image Ads.
Insert url link where this advertisement image will be heading. - Header 1 : Alternate Text Image Ads.
Insert alternate text for advertisement image. - Header 1 : Open in New Tab Image Ads.
Turn on this option to enable open in new tab when advertisement image clicked. - Header 1 : Publisher ID Google Ads.
Insert data ads client or Google ads client content. - Header 1 : Ads Slot ID Google Ads.
Insert data ads slot or Google ads slot content. - Header 1 : Desktop Ads Size Google Ads.
Choose ads size for desktop device. We recommend you to use Auto on this option. - Header 1 : Script Code Script Code Ads.
Insert script code ads for header. - 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.
- 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. - 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. - Header 2 : Advertisement Image Image Ads.
Upload an image for advertisement. We recommend you to use 728×90 image size for the best result. - Header 2 : Advertisement Link Image Ads.
Insert url link where this advertisement image will be heading. - Header 2 : Alternate Text Image Ads.
Insert alternate text for advertisement image. - Header 2 : Open in New Tab Image Ads.
Turn on this option to enable open in new tab when advertisement image clicked. - Header 2 : Publisher ID Google Ads.
Insert data ads client or Google ads client content. - Header 2 : Ads Slot ID Google Ads.
Insert data ads slot or Google ads slot content. - Header 2 : Desktop Ads Size Google Ads.
Choose ads size for desktop device. We recommend you to use Auto on this option. - Header 2 : Script Code Script Code Ads.
Insert script code ads for header. - 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.
- 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. - 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. - Header 4 : Advertisement Image Image Ads.
Upload an image for advertisement. We recommend you to use 970×90 image size for best result. - Header 4 : Advertisement Link Image Ads.
Insert url link where this advertisement image will be heading. - Header 4 : Alternate Text Image Ads.
Insert alternate text for advertisement image. - Header 4 : Open in New Tab Image Ads.
Turn on this option to enable open in new tab when advertisement image clicked. - Header 4 : Publisher ID Google Ads.
Insert data ads client or Google ads client content. - Header 4 : Ads Slot ID Google Ads.
Insert data ads slot or Google ads slot content. - Header 4 : Desktop Ads Size Google Ads.
Choose ads size for desktop device. We recommend you to use Auto on this option. - Header 4 : Script Code Script Code Ads.
Insert script code ads for header. - 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 :
- 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. - 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. - Above Article : Advertisement Image Image Ads.
Upload an image for advertisement. We recommend you to use 970×90 image size for best result. - Above Article : Advertisement Link Image Ads.
Insert url link where this advertisement image will be heading. - Above Article : Alternate Text Image Ads.
Insert alternate text for advertisement image. - Above Article : Open in New Tab Image Ads.
Turn on this option to enable open in new tab when advertisement image clicked. - Above Article : Publisher ID Google Ads.
Insert data ads client or Google ads client content. - Above Article : Ads Slot ID Google Ads.
Insert data ads slot or Google ads slot content. - Above Article : Desktop Ads Size Google Ads.
Choose ads size for desktop device. We recommend you to use Auto on this option. - Above Article : Tab Ads Size Google Ads.
Choose ads size for tablet device. We recommend you to use Auto on this option. - Above Article : Phone Ads Size Google Ads.
Choose ads size for mobile phone device. We recommend you to use Auto on this option. - Above Article : Script Code Script Code Ads.
Insert script code ads for above article. - Above Article : Advertisement Code Shortcode Ads.
Insert shortcode ads for above article.
Top Content Advertisement :
- 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. - 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. - Top Content : Advertisement Image Image Ads.
Upload an image for advertisement. We recommend you to use 970×90 image size for best result. - Top Content : Advertisement Link Image Ads.
Insert url link where this advertisement image will be heading. - Top Content : Alternate Text Image Ads.
Insert alternate text for advertisement image. - Top Content : Open in New Tab Image Ads.
Turn on this option to enable open in new tab when advertisement image clicked. - Top Content : Publisher ID Google Ads.
Insert data ads client or Google ads client content. - Top Content : Ads Slot ID Google Ads.
Insert data ads slot or Google ads slot content. - Top Content : Desktop Ads Size Google Ads.
Choose ads size for desktop device. We recommend you to use Auto on this option. - Top Content : Tab Ads Size Google Ads.
Choose ads size for tablet device. We recommend you to use Auto on this option. - Top Content : Phone Ads Size Google Ads.
Choose ads size for mobile phone device. We recommend you to use Auto on this option. - Top Content : Script Code Script Code Ads.
Insert script code ads for top content. - Top Content : Advertisement Code Shortcode Ads.
Insert shortcode ads for top content.
Inline Content Advertisement :
- 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. - 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. - Random Ads Position
Turn on this option to enable random ads position feature. - Inline Content : After Paragraph
Determine after which paragraph you want this advertisement to show. - Inline Content : Advertisement Align
Choose align for ads. - Inline Content : Advertisement Image Image Ads.
Upload an image for advertisement. We recommend you to use 970×90 image size for the best result. - Inline Content : Advertisement Link Image Ads.
Insert url link where this advertisement image will be heading. - Inline Content : Alternate Text Image Ads.
Insert alternate text for advertisement image. - Inline Content : Open in New Tab Image Ads.
Turn on this option to enable open in new tab when advertisement image clicked. - Inline Content : Publisher ID Google Ads.
Insert data ads client or Google ads client content. - Inline Content : Ads Slot ID Google Ads.
Insert data ads slot or Google ads slot content. - Inline Content : Desktop Ads Size Google Ads.
Choose ads size for desktop device. We recommend you to use Auto on this option. - Inline Content : Tab Ads Size Google Ads.
Choose ads size for tablet device. We recommend you to use Auto on this option. - Inline Content : Phone Ads Size Google Ads.
Choose ads size for mobile phone device. We recommend you to use Auto on this option. - Inline Content : Script Code Script Code Ads.
Insert script code ads for inline content. - Iniline Content : Advertisement Code Shortcode Ads.
Insert shortcode ads for inline content.
Bottom Content Advertisement :
- 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. - 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. - Bottom Content : Advertisement Image Image Ads.
Upload an image for advertisement. We recommend you to use 970×90 image size for best result. - Bottom Content : Advertisement Link Image Ads.
Insert url link where this advertisement image will be heading. - Bottom Content : Alternate Text Image Ads.
Insert alternate text for advertisement image. - Bottom Content : Open in New Tab Image Ads.
Turn on this option to enable open in new tab when advertisement image clicked. - Bottom Content : Publisher ID Google Ads.
Insert data ads client or Google ads client content. - Bottom Content : Ads Slot ID Google Ads.
Insert data ads slot or Google ads slot content. - Bottom Content : Desktop Ads Size Google Ads.
Choose ads size for desktop device. We recommend you to use Auto on this option. - Bottom Content : Tab Ads Size Google Ads.
Choose ads size for tablet device. We recommend you to use Auto on this option. - Bottom Content : Phone Ads Size Google Ads.
Choose ads size for mobile phone device. We recommend you to use Auto on this option. - Bottom Content : Script Code Script Code Ads.
Insert script code ads for bottom content. - Bottom Content : Advertisement Code Shortcode Ads.
Insert shortcode ads for bottom content.
Below Article Advertisement :
- 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. - 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. - Below Article : Advertisement Image Image Ads.
Upload an image for advertisement. We recommend you to use 970×90 image size for best result. - Below Article : Advertisement Link Image Ads.
Insert url link where this advertisement image will be heading. - Below Article : Alternate Text Image Ads.
Insert alternate text for advertisement image. - Below Article : Open in New Tab Image Ads.
Turn on this option to enable open in new tab when advertisement image clicked. - Below Article : Publisher ID Google Ads.
Insert data ads client or Google ads client content. - Below Article : Ads Slot ID Google Ads.
Insert data ads slot or Google ads slot content. - Below Article : Desktop Ads Size Google Ads.
Choose ads size for desktop device. We recommend you to use Auto on this option. - Below Article : Tab Ads Size Google Ads.
Choose ads size for tablet device. We recommend you to use Auto on this option. - Below Article : Phone Ads Size Google Ads.
Choose ads size for mobile phone device. We recommend you to use Auto on this option. - Below Article : Script Code Script Code Ads.
Insert script code ads for below article. - 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.
- Background Ads URL
Insert url link for background image ads. - Open URL on New Tab
Turn on this option to enable open link on new tab when background image ads clicked.
Above Footer Advertisement
- 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. - 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. - Above Footer : Advertisement Image Image Ads.
Upload an image for advertisement. We recommend you to use 970×90 image size for best result. - Above Footer : Advertisement Link Image Ads.
Insert url link where this advertisement image will be heading. - Above Footer : Alternate Text Image Ads.
Insert alternate text for advertisement image. - Above Footer : Open in New Tab Image Ads.
Turn on this option to enable open in new tab when advertisement image clicked. - Above Footer : Publisher ID Google Ads.
Insert data ads client or Google ads client content. - Above Footer : Ads Slot ID Google Ads.
Insert data ads slot or Google ads slot content. - Above Footer : Desktop Ads Size Google Ads.
Choose ads size for desktop device. We recommend you to use Auto on this option. - Above Footer : Tab Ads Size Google Ads.
Choose ads size for tablet device. We recommend you to use Auto on this option. - Above Footer : Phone Ads Size Google Ads.
Choose ads size for mobile phone device. We recommend you to use Auto on this option. - Above Footer : Script Code Script Code Ads.
Insert script code ads for above footer. - 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
- 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. - 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. - Sticky Mobile : Advertisement Image Image Ads.
Upload an image for advertisement. We recommend you to use 320×50 image size for best result. - Sticky Mobile : Advertisement Link Image Ads.
Insert url link where this advertisement image will be heading. - Sticky Mobile : Alternate Text Image Ads.
Insert alternate text for advertisement image. - Sticky Mobile : Open in New Tab Image Ads.
Turn on this option to enable open in new tab when advertisement image clicked. - Sticky Mobile : Publisher ID Google Ads.
Insert data ads client or Google ads client content. - Sticky Mobile : Ads Slot ID Google Ads.
Insert data ads slot or Google ads slot content. - Sticky Mobile : Phone Ads Size Google Ads.
Choose ads size for mobile phone device. We recommend you to use Auto on this option. - Sticky Mobile : Script Code Script Code Ads.
Insert script code ads for above footer. - 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.
- 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. - Ad Client ID
Insert data ads client or Google ads client content. - Enable Page Level Anchor Ads
Turn on this option to enable page level anchor ads. - 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. - Enable Page Level Vignette Ads
Turn this option to enable page level vignette ads. - 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 :
- 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. - Above Header : Publisher ID
Insert data ads client or Google ads client content. - Above Header : Ads Slot ID
Insert data ads slot or Google ads slot content. - Above Header : Ads Size
Choose ads size. We recommend you to use Auto on this option.
Above Article Advertisement :
- 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. - Above Article : Publisher ID
Insert data ads client or Google ads client content. - Above Article : Ads Slot ID
Insert data ads slot or Google ads slot content. - Above Article : Ads Size
Choose ads size. We recommend you to use Auto on this option.
Above Content Advertisement :
- 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. - Above Content : Publisher ID
Insert data ads client or Google ads client content. - Above Content : Ads Slot ID
Insert data ads slot or Google ads slot content. - Above Content : Ads Size
Choose ads size. We recommend you to use Auto on this option.
Inline Content Advertisement :
- 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. - Inline Content : Random Ads Position
Turn on this option to enable random ads position feature. - Inline Content : After Paragraph
Determine after which paragraph you want this advertisement to show. - Inline Content : Publisher ID
Insert data ads client or Google ads client content. - Inline Content : Ads Slot ID
Insert data ads slot or Google ads slot content. - Inline Content : Ads Size
Choose ads size. We recommend you to use Auto on this option.
Below Content Advertisement :
- 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. - Below Content : Publisher ID
Insert data ads client or Google ads client content. - Below Content : Ads Slot ID
Insert data ads slot or Google ads slot content. - Below Content : Ads Size
Choose ads size. We recommend you to use Auto on this option.
Below Article Advertisement :
- 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. - Below Article : Publisher ID
Insert data ads client or Google ads client content. - Below Article : Ads Slot ID
Insert data ads slot or Google ads slot content. - Below Article : Ads Size
Choose ads size. We recommend you to use Auto on this option.
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.
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.
If you’re not familiar with JNews Customizer yet, you might need to check our Customizer Overview.
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 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.
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 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
- Single Blog Post Template
On this option, you can choose single blog post template that you want to use. - Single Blog Post Layout
On this option, you can choose single blog post layout that you want to use.
- Show / Hide Comment
On this option, you can choose show or hide the comment on the single post page.
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 :
- Category Background Color
On this option you can choose background color for the category.
- 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 :
- Show Sidebar
Enable this option to show sidebar on the category page. - 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 :
- Show Category Hero Block
Enable this option to show category hero block. - Category Hero Header
On this option you can choose category hero header layout.
- Category Header Style
On this option you can choose category header style.
- Hero Margin
On this option you can setup category hero margin. - Choose date format
On this option you can choose date format for category hero.
Category Content Setting :
- Category Content Layout
On this option you can choose category content layout type for category content.
- Excerpt Length
On this option you can setup excerpt length of category content.
- Choose Date Format for Content
On this option you can choose date format for category content.
- Choose pagination mode
On this option you can choose pagination mode for category content.
- Pagination Align
On this option you can choose pagination align for category content.
- Show navigation text
Enable this option if you want to show navigation text for category content.
- Show page info
Enable this option if you want to show page info of category content.
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 :
- Frontend Translation
- Backend Translation
- 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 :
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 :
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.
- Turn All Gallery to JNews Gallery
Enabling this option will turn all default slider into JNews Gallery. - Use Slider Zoom with Description
Turn on this option if you want to show image caption when gallery zoomed. - Show Ads Wrapper
Turn on this option if you want to show ads when gallery is zoomed. - Preview Slider Loader Style
On this option you can choose loader style that you want to use for general gallery.
- Turn All Gallery to JNews 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.
- 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. - 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. - Advertisement Link Image Ads.
On this option you can insert url link where this advertisement image will be heading. - Alternate Text Image Ads.
On this option you can insert alternate text for image alt attribute. - Publisher ID Google Ads.
On this option you can insert data-ad-client or google_ad_client content. - Ads Slot ID Google Ads.
On this option you can insert data-ad-slot or google_ad_slot content. - Desktop Ads Size Google Ads.
On this option you can choose ad size to show on desktop, we recommended you to use auto instead. - Ads Code Script Ads.
On this option you can insert script code of your advertisement. - Advertisement Code Shortcode Ads.
On this option you can insert shortcode of your advertisement.
- Advertisement type
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 :
- First, go to edit certain post on your website that you want to insert a gallery inside the post content.
- 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.
- After Insert Media panel appear, click Create Gallery option on the left panel.
- 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.
- 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.
- Enable JNews Slider Gallery
Gallery Preview
The attached images below are the the examples of the gallery preview.
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
- 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. - Instagram Username
Insert your Instagram username without @. - 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. - Number Of Columns
Setup the number of feed columns that you want to show for Instagram feed footer. - Sort Feed Type
On this option you can choose sorting type of your Instagram feed. - Hover Style
On this option you can choose hover style of footer Instagram feed. - Follow Button Text
On this option you can insert text for Instagram follow button. Leave blank if you don’t want to show it. - Open New Tab
Enable this option if you want to open link in new tab when Instagram follow button or Instagram feed hitted.
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.
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.
- 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. - 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)
- Name
- 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 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/
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
- Text in Front of Price Text
You can use this option as your currency text. - Text Behind of Price Text
On this option you will need to insert some text that will appear on the behind of price text. - 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:
- First, edit certain post on your website that you want a review to be inserted.
- 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.
- Enable Review
- 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. - 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.
- 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:- Where to Buy
On this field you can insert the name of product seller such as Amazon, Ebay and etc. - Price
On this field you can insert the price of product. - 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.
- Where to Buy
Review Preview
The following attached images are the examples of Review made on a website using JNews.
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:
- First, edit certain post on your website that you want to insert the food recipe in.
- 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.
- Enable Food Recipe
- 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.
- 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.
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 :
- First, edit certain post on your website which content needs to be splitted.
- If you have selected a post, then at the bottom section you will notice JNews : Split Post metabox.
- 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.
- Post Split Template
Split Post Preview
The following attached image is the preview of split post on a website.
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 Visual Composer 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
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 :
- Install JNews Weather Plugin
- General Weather Setting
- Setup Weather on Top Bar Header
- Setup Weather Widget
- 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
- Weather Forecast Source
On this option you can choose which weather forecast source that you want to use. - 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. - 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. - 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. - 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. - Default Temperature Unit
On this option you can choose default temperature for weather forecast which is Celsius or Fahrenheit. - Weather Cache Expired
On this option you can determine expiration time for the weather forecast data cache.
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
- Top Bar Weather Position
On this option you can determine the weather element position on top bar header. - Weather Location
On this option you will need to insert city name only or city name and country code. (ex: london or london, uk) - Weather Auto Detect Location
Turn on this option if you want to automatically detect weather location of your site’s visitor. - Top Bar Weather Item
On this option you can determine behavior of the weather forecast’s next day info. You can also hide them. - 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 :
- Title
Insert title text for the weather widget. - Weather Location
Insert city name only or city name and country code. (ex: london or london, uk) - 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. - 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. - Detail Weather Forecast
On this option you can choose show or hide detail information about weather forecast of the current day. - Next Days Weather Forecast
On this option you can determine behavior of weather forecast’s next day info. You can also 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. - 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 Visual Composer, 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:
- First, edit certain post on your website where weather forecast needs to be inserted.
- 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.
- 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.
- Weather Location
The following attached image is the weather shortcode preview on a website.
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 :
- First, edit certain post on your website.
- 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.
- Facebook Share Title
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:
- Install Plugin
- Setup OneSignal Push Setting
- Push Notification for Single Post
- Push Notification for Single Category
- Push Notification Widget
- Push Notification Visual Composer
- 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
- Enable Post Subscribe
Turn on this option if you want to enable subscription on each single post page. - Subscribe Description
Insert text description of post subscription. - Subscribe Button Text
Insert text for subscribe button. - Unsubscribe Button Text
Insert text for unsubscribe button. - 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
- Enable Post Subscribe
Turn on this option if you want to enable subscription on each single post page. - Subscribe Description
Insert text description of post subscription. - Subscribe Button Text
Insert text for subscribe button. - Unsubscribe Button Text
Insert text for unsubscribe button. - 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 :
- Title
Insert title text for push notification widget. - Subscribe Description
Insert text description of post subscription. - Subscribe Button Text
Insert text for subscribe button. - Unsubscribe Button Text
Insert text for unsubscribe button. - Processing Button Text
Insert text for processing button.
6. Push Notification Visual Composer
To insert push notification with Visual Composer, 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.
- Subscribe Description
Insert text description of post subscription. - Subscribe Button Text
Insert text for subscribe button. - Unsubscribe Button Text
Insert text for unsubscribe button. - 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 :
- First, edit certain post on your website that you want your subscriber to see its push notification. You can also create a new post.
- 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.
- 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.
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 :
- JMagz Migration
- Newspaper Migration
- Publisher Migration
- 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
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.
- Installable WordPress file only, then you just need to upload it (don’t need to unzip at first).
- All files and documentation (full zip folder). You will need to extract and locate the installable WordPress file.
Please take a look at this article for more complete information.
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 :
- Login into your account on Themeforest.
- When successfully logged in, move your mouse over your username as seen at the image below.
- Navigate to your Downloads.
- Search JNews theme, move your mouse over the last star and click, done 😀
There are few things that we will explain to you on this section :
- Import Slider
- 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 :
- Go the the Revolution Slider tab in your WordPress admin dashboard.
- Then click Import Slider.
- Choose the .zip file of the slider you’d like to import.
- Once you’ve chosen the .zip file, an Import Slider button will appear.
- 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 :
- Go the the Revolution Slider tab in your WordPress admin dashboard.
- Navigate the slider you’d like to export and click the down arrow button (V).
- Then click Export and we’re done.