Meet Newscodes, the most amazing, user friendly post list generator! Grumpy news editors will love it, magazine columnists will celebrate its initial release day! What is so amazing?
All about Newscodes that you need to know before you start!
This is the fun section! Learn how to use your new plugin and get the most out of it!
Use this area to really boost up everything you do with the Newscodes!
If something goes wrong check this section. Contact the support and we will help!
Find in short what you can do with the Newscodes plugin. Get the best and direct infomation and guide.
Welcome to the future of your posts! Newscodes will revolutionize how you use and display your posts and improve the way your visitors interact with your content on news, magazine and blog websites or just about any project you are working on that uses posts to generate and present content. Check plugin demo pages here!
This section covers the first steps when using Newscodes. Please read it thoroughly now to avoid problems later.
To install Newscodes plugin you must have a working version of WordPress already installed. For information on installing the WordPress platform, please see the WordPress Codex - Installing WordPress.
Once you have completed previous steps, or you already had WordPress installed, you can continue to Newscodes installation. In the full .ZIP archive you have downloaded from Codecanyon.net you will find a file called newscodes.zip
This file is the installable .ZIP archive you can install via WordPress. To install it properly please follow these installation guidelines:
Follow the steps below to install inside WordPress
Plugins
Plugins
and click Add New
Upload Plugin
button
newscodes.zip
on your computer and click Install Now
Activate
to activate your newly installed Newscodes plugin
Newscodes is now running! Please read further to setup your filters!
Follow the steps below to install via FTP
newscodes.zip
to a desired location on your HDD. These extracted files will be uploaded later via FTP
/wp-content/plugins/
server directory
newscodes.zip
archive
/newscodes/
to remote /wp-content/plugins/
Plugins
and click the Activate
button
Newscodes is now running! Please read further to setup your filters!
Plugin automatic updates are available! Just use Envato Market (https://envato.com/market-plugin/) plugin!
To get automatic updates within your website WordPress Dashboard use the Envato Market (https://envato.com/market-plugin/) plugin. This plugin, once installed, will allow you to update all plugins and themes purchased on CodeCanyon or Themeforest, so feel free to use this standardized solution! To get this to work, you need to navigate here → Envato Market (https://envato.com/market-plugin/) and install and activate this plugin. Once done, plugin will connect to the Envato platform and acquire your purchase information. Then you can update all plugins and themes directly in your WordPress Dashboard! Sounds awesome!
Quick and easy demo installtion! Follow the guide!
Demos are provided for Cornerstone Builder, Visual Composer and even if you are not using any of these. To install demo pages follow the guide for your content builder. Demo files are located in the full Newscodes archive downloaded from our official reseller Codecanoyon.net.
offset=""
parameter to show various posts! Use filters and parameters to setup which posts you want to display. For more information on how to set these check the Newscodes Documentataion.
Frontend live builder! Newscodes just loves the Cornerstone!
Using WordPress and Cornerstone Builder create a new page. Edit the page using Cornerstone Builder and click on Templates button. Then click UPLOAD button and upload one of the files from this folder. If you want to install Demo #5 upload the Demo_#5.csl
file. Save the page and edit it using Cornerstone Builder.
Demo #4 Sample - Download HERE
Nation's favorite, the Visual Composer!
Using WordPress and Visual Composer create a new page. Edit the page in text mode and copy the contents of a file from this folder to the content area. If you want to install Demo #5 copy the contents of the Demo_#5.txt
file. Save the page and edit it using Visual Composer.
Demo #4 Sample
[vc_row][vc_column][nc_multi_factory type="news-list-featured" style="sweet-and-blue-ubuntu-bigger-headings"][nc_factory section_title="Get Away" posts_per_page=1 image_ratio="1-3" pagination="false" image_size="full"][nc_factory section_title="Summer is Here!" posts_per_page=1 image_ratio="1-3" pagination="false" image_size="full" offset=2][/nc_multi_factory][/vc_column][/vc_row][vc_row][vc_column][nc_factory type="news-columned-featured-list" style="sweet-and-red-ubuntu" posts_per_page=5 posts_per_column=5 excerpt_length=20 title_cut="true" offset=4 load_more="true"][/vc_column][/vc_row][vc_row][vc_column width="2/3"][nc_factory type="news-one-tabbed-posts" style="sweet-and-blue-ubuntu-bigger-headings" posts_per_page=3 pagination="false" excerpt_length=90 image_ratio="16-9"][/vc_column][vc_column width="1/3"][nc_factory type="news-ticker" style="sweet-and-blue-ubuntu" image_ratio="9-16" title_cut="true" show_date="false" show_time="false" show_taxonomy="false" show_author="false" show_format="false" excerpt_length=20 posts_per_page=4 orderby="rand" ticker_visible=2][vc_column][/vc_row][vc_row][vc_column width="1/2"][nc_factory type="news-list" style="sweet-and-red-ubuntu" posts_per_page=2 excerpt_length=33 pagination="false" offset=2][/vc_column][vc_column width="1/2"][nc_factory type="news-list" style="sweet-and-red-ubuntu" posts_per_page=2 excerpt_length=33 pagination="false" offset=4][/vc_column][/vc_row][vc_row][vc_column][nc_factory type="news-grid" style="sweet-and-red-ubuntu" columns=2 posts_per_page=2 image_ratio="1-3" which_taxonomy="post_tag" load_more="true" offset=6][/vc_column][/vc_row]
Yes, we cover this too!
Using only WordPress Newscodes demos can still be installed. To install Newscodes demos, at first install Column Shortcode plugin to use columns appropriately. Custom theme column shortcodes can also be used, but the shortcodes for columns will need adjustment. Once the Columns Shortcode plugin is installed, create a new page and copy the contents of a file from this folder to your page. If you want to install Demo #5 copy the contents of the Demo_#5.txt
file. Save your page and check the results!
Demo #4 Sample
[full_width]
[nc_multi_factory type="news-list-featured" style="sweet-and-blue-ubuntu-bigger-headings"]
[nc_factory section_title="Get Away" posts_per_page=1 image_ratio="1-3" pagination="false" image_size="full"]
[nc_factory section_title="Summer is Here!" posts_per_page=1 image_ratio="1-3" pagination="false" image_size="full" offset=2]
[/nc_multi_factory]
[/full_width]
[full_width]
[nc_factory type="news-columned-featured-list" style="sweet-and-red-ubuntu" posts_per_page=5 posts_per_column=5 excerpt_length=20 title_cut="true" offset=4 load_more="true"]
[/full_width]
[two_third padding="0 10px 0 0"]
[nc_factory type="news-one-tabbed-posts" style="sweet-and-blue-ubuntu-bigger-headings" posts_per_page=3 pagination="false" excerpt_length=90 image_ratio="16-9"]
[/two_third]
[one_third_last padding="0 0 0 10px"]
[nc_factory type="news-ticker" style="sweet-and-blue-ubuntu" image_ratio="9-16" title_cut="true" show_date="false" show_time="false" show_taxonomy="false" show_author="false" show_format="false" excerpt_length=20 posts_per_page=4 orderby="rand" ticker_visible=2]
[/one_third_last]
[one_half padding="0 10px 0 0"]
[nc_factory type="news-list" style="sweet-and-red-ubuntu" posts_per_page=2 excerpt_length=33 pagination="false" offset=2]
[/one_half]
[one_half_last padding="0 0 0 10px"]
[nc_factory type="news-list" style="sweet-and-red-ubuntu" posts_per_page=2 excerpt_length=33 pagination="false" offset=4]
[/one_half_last]
[full_width]
[nc_factory type="news-grid" style="sweet-and-red-ubuntu" columns=2 posts_per_page=2 image_ratio="1-3" which_taxonomy="post_tag" load_more="true" offset=6]
[/full_width]
Quick and easy demo installtion! Follow the guide!
Demos are provided for Cornerstone Builder, Visual Composer and even if you are not using any of these. To install demo pages follow the guide for your content builder. Demo files are located in the full Newscodes archive downloaded from our official reseller Codecanoyon.net.
offset=""
parameter to show various products! Use filters and parameters to setup which products you want to display. For more information on how to set these check the Newscodes Documentataion.
Frontend live builder! Newscodes just loves the Cornerstone!
Using WordPress and Cornerstone Builder create a new page. Edit the page using Cornerstone Builder and click on Templates button. Then click UPLOAD button and upload one of the files from this folder. If you want to install Demo #6 upload the Demo_#6.csl
file. Save the page and edit it using Cornerstone Builder.
Demo #6 WooCommerce Sample - Download HERE
Nation's favorite, the Visual Composer!
Using WordPress and Visual Composer create a new page. Edit the page in text mode and copy the contents of a file from this folder to the content area (Text Mode). If you want to install Demo #6 copy the contents of the Demo_#6.txt
file. Save the page and edit it using Visual Composer.
Demo #6 WooCommerce Sample
[vc_row][vc_column width="1/2"][nc_factory type="woo-poster" style="sweet-and-red-ubuntu" post_type="product" posts_per_page=1 image_ratio="1-1" pagination="false" which_taxonomy="product_tag" show_time="false" show_date="false" show_author="false" show_format="false" excerpt_length=30 poster_image="http://mihajlovicnenad.com/newscodes/wp-content/uploads/2016/11/meet_girls.jpg"][/vc_column][vc_column width="1/2"][nc_factory type="woo-poster" style="sweet-and-red-ubuntu" post_type="product" posts_per_page=1 image_ratio="1-1" pagination="false" which_taxonomy="product_tag" show_time="false" show_date="false" show_author="false" show_format="false" excerpt_length=30 poster_image="http://mihajlovicnenad.com/newscodes/wp-content/uploads/2016/11/sign_red.jpg" offset=6][/vc_column][/vc_row][vc_row][vc_column width="1/3"][nc_factory type="woo-poster" style="sweet-and-red-ubuntu" post_type="product" posts_per_page=1 image_ratio="9-16" pagination="false" offset=13 which_taxonomy="product_tag" show_time="false" show_date="false" show_author="false" show_format="false" excerpt_length=40][/vc_column][vc_column width="2/3"][nc_factory type="woo-one-tabbed-posts" style="light-travel-blue" post_type="product" posts_per_page=2 image_ratio="3-4" image_size="large" excerpt_length=1750 show_time="false" show_date="false" show_taxonomy="false" show_author="false" show_format="false" pagination="false" offset=8][/vc_column][/vc_row][vc_row][vc_column][nc_factory type="woo-marquee" show_format="false" show_author="false" post_type="product" style="light-travel-blue" show_time="false" show_date="false" which_taxonomy="product_cat" pagination="false"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][nc_factory post_type="product" type="woo-grid" posts_per_page=1 show_author="false" show_format="false" show_taxonomy="false" show_time="false" show_date="false" title_cut="true" excerpt_length=0 pagination="false" image_ratio="3-4" style="light-travel-blue" offset=7][/vc_column][vc_column width="1/3"][nc_factory post_type="product" type="woo-grid" posts_per_page=1 show_author="false" show_format="false" show_taxonomy="false" show_time="false" show_date="false" title_cut="true" excerpt_length=0 pagination="false" image_ratio="3-4" style="light-travel-blue" offset=4][/vc_column][vc_column width="1/3"][nc_factory post_type="product" type="woo-ticker" image_ratio="3-4" show_format="false" show_author="false" show_taxonomy="false" show_time="false" show_date="false" excerpt_length=0 style="light-travel-blue" posts_per_page=6 pagination="false" orderby="rand" image_size="medium"][/vc_column][/vc_row][vc_row][vc_column][nc_factory type="woo-grid" post_type="product" posts_per_column=1 posts_per_page=4 show_time="false" show_date="false" which_taxonomy="product_cat" show_format="false" show_author="false" excerpt_length=85 load_more="true" style="light-travel-blue" columns=4 image_ratio="3-4" title_cut="true" order="ASC"][/vc_column][/vc_row]
Yes, we cover this too!
Using only WordPress Newscodes demos can still be installed. To install Newscodes demos, at first install Column Shortcode plugin to use columns appropriately. Custom theme column shortcodes can also be used, but the shortcodes for columns will need adjustment. Once the Columns Shortcode plugin is installed, create a new page and copy the contents of a file from this folder to your page. If you want to install Demo #6 copy the contents of the Demo_#6.txt
file. Save your page and check the results!
Demo #6 WooCommerce Sample
[one_half]
[nc_factory type="woo-poster" style="sweet-and-red-ubuntu" post_type="product" posts_per_page=1 image_ratio="1-1" pagination="false" which_taxonomy="product_tag" show_time="false" show_date="false" show_author="false" show_format="false" excerpt_length=30 poster_image="http://mihajlovicnenad.com/newscodes/wp-content/uploads/2016/11/meet_girls.jpg"]
[/one_half]
[one_half_last]
[nc_factory type="woo-poster" style="sweet-and-red-ubuntu" post_type="product" posts_per_page=1 image_ratio="1-1" pagination="false" which_taxonomy="product_tag" show_time="false" show_date="false" show_author="false" show_format="false" excerpt_length=30 poster_image="http://mihajlovicnenad.com/newscodes/wp-content/uploads/2016/11/sign_red.jpg" offset=6]
[/one_half_last]
[one_third]
[nc_factory type="woo-poster" style="sweet-and-red-ubuntu" post_type="product" posts_per_page=1 image_ratio="9-16" pagination="false" offset=13 which_taxonomy="product_tag" show_time="false" show_date="false" show_author="false" show_format="false" excerpt_length=40]
[/one_third]
[two_third_last]
[nc_factory type="woo-one-tabbed-posts" style="light-travel-blue" post_type="product" posts_per_page=2 image_ratio="3-4" image_size="large" excerpt_length=1750 show_time="false" show_date="false" show_taxonomy="false" show_author="false" show_format="false" pagination="false" offset=8]
[/two_third_last]
[full_width]
[nc_factory type="woo-marquee" show_format="false" show_author="false" post_type="product" style="light-travel-blue" show_time="false" show_date="false" which_taxonomy="product_cat" pagination="false"]
[/full_width]
[one_third padding="0 10px 0 0"]
[nc_factory post_type="product" type="woo-grid" posts_per_page=1 show_author="false" show_format="false" show_taxonomy="false" show_time="false" show_date="false" title_cut="true" excerpt_length=0 pagination="false" image_ratio="3-4" style="light-travel-blue" offset=7]
[/one_third]
[one_third padding="0 10px 0 10px"]
[nc_factory post_type="product" type="woo-grid" posts_per_page=1 show_author="false" show_format="false" show_taxonomy="false" show_time="false" show_date="false" title_cut="true" excerpt_length=0 pagination="false" image_ratio="3-4" style="light-travel-blue" offset=4]
[/one_third]
[one_third_last padding="0 0 0 10px"]
[nc_factory post_type="product" type="woo-ticker" image_ratio="3-4" show_format="false" show_author="false" show_taxonomy="false" show_time="false" show_date="false" excerpt_length=0 style="light-travel-blue" posts_per_page=6 pagination="false" orderby="rand" image_size="medium"]
[/one_third_last]
[full_width]
[nc_factory type="woo-grid" post_type="product" posts_per_column=1 posts_per_page=4 show_time="false" show_date="false" which_taxonomy="product_cat" show_format="false" show_author="false" excerpt_length=85 load_more="true" style="light-travel-blue" columns=4 image_ratio="3-4" title_cut="true" order="ASC"]
[/full_width]
Newscodes is very user friendly! It has style manger with live preview and support for Visual Composer and Cornerstone content builders!
Now that you've successfully installed Newscodes, it will seamlessly integrate itself in the WordPress interface. Navigate to the Newscodes Admin Page that you can find in Settings > Newscodes
. These settings control everything about the Newscodes shortcodes, styles, appearance and registration.
Shortcode Generator makes the process easy!
Newscodes 2.0.0 introduced the all mighty Shortcode Generator! If you are not using any of the content builders, you will love the new generator. In your Newscodes Settings Page new Shortcode Generator box will appear. Click the green Start Generator
button to start!
Your posts can have unlimited styles! Use the Style Manager to create new ones!
To get the Style Manager navigate to Settings > Newscodes > Style Manager
. Here, you will be able to create, save, delete, edit and preview all of the included as well as your own custom Newscodes styles. Lets click Create New Style
and go through and explain the available options in the Newscodes Edit Style window. Remember that you can instantly preview any change you have made to the currently edited Newscodes Style by clicking the Preview
button.
Your styles are organized in groups for optimization purposes. A group can have up to 10 styles. When the styles are edited, or created within a group a new CSS using the LESS parser will be generated for that group. Further in the Frontend Optimizations metabox you can optimize which groups will be loaded on the frontent.
Everything can be set! Be tidy and smart, use less to get more!
Use these to manage your Newscodes styles and instantly preview them in the post display area or discard the newly made changes. You can aslo switch thtough different Newscodes Types layouts to see how your Style will look on each.
Insert the name of the new style you are creating. You will later be able to select this style and edit it at a later point or delete it. These Newscode Styles will later be available for the Newscodes elements within your pages.
Color, Font and Text settings - Set the style of your post headings. These are your post titles and are visible in every Newscode Type (layout) so you'll want to make them stand out and fit into the overall design of your website. Available options for your Heasers are: color, font family, font size, font style, font variant, font weight, letter spacing, line height, text decoration, text transform, text align.
Set the hover color of your Heading. This sets the color your Heading will displayed on mouse over and click. Available options: Select color.
Set the style of your post meta info. This is all of the basic information regarding your post, like Author, Date and Time. Available options: color, font family, font size, font style, font variant, font weight, letter spacing, line height, text decoration, text transform, text align.
Set the background color of your meta info. Select the background color of your post meta info like Author, Date and Time. Create interesting contrasts by experimenting with the Meta info color option, explained above.
Set the text color of the post taxonomy that is being displayed in the Newscode element (Category, Tag, etc). This color applies for some Newscodes Types (layouts), like lists with featured images and grids.
Set the background color of the taxonomy that is being displayed in the Newscode element (Category, Tag, etc). This color applies for some Newscodes Types (layouts), like lists with featured images and grids. Create interesting contrasts by experimenting with the Taxonomy color option, explained above.
Set the style of your post excerpt. This text displays in most of the available Newscodes Types, under the featured image and over featured posters. Use different fonts for your Headings and Excerpt text for interesting results. Available options: color, font family, font size, font style, font variant, font weight, letter spacing, line height, text decoration, text transform, text align.
Set the style of the navigation. This is the pagination that appears at the bottom of your Newscodes and lets your visitors browse through your posts. Available options: color, font family, font size, font style, font variant, font weight, letter spacing, line height, text decoration, text transform, text align.
Set the hover color for the navigation. This is the color the pagination will change to on mouse over and click. Available options: change color.
Set the navigation CSS style. Select the style for your Newscodes pagination from the drop down menu to alter its appearance. Available options: Border, Background Color, Text Only, Flat.
Set the style of the Newscodes Tabs. These tabs can be inserted by using the Newscodes Multi element and introduce sections to display different post taxonomies with selectable Newscodes Layouts and styles for each Newscodes section (Tab). Available options: color, font family, font size, font style, font variant, font weight, letter spacing, line height, text decoration, text transform, text align.
Set the hover color of the Newscodes Tabs. This is the color the Tabs will change to on mouse over and click. Available options: change color.
Set the Newscodes Tabs CSS style. Select the style for your Newscodes Tabs from the drop down menu to alter its appearance. Available options: Border, Background Color, Text Only, Flat.
Set the background color of the different post types. These are small 'tags' that appear next to your post titles and let your visitors know what post format a certain post belongs to. Set different colros for each post format to differentiate them in your Newscodes elements.
Set the padding for the Newscodes Tabs. Controls the space between the Tab buttons and the posts in your Newscodes element. Use the default value or set a custom one from the available drop down menu.
Set the hover color on element images. Shortcode parameter to use for effect is hover="fade"
For more options check the shortcode parameters.
The shortcode to create stunning lists!
To output a standard Newscodes element use the following code in any of your pages:
[nc_factory]
This Newscodes shortcode accepts parameters which can be set in this way:
[nc_factory type="news-poster" posts_per_page=3 pagination="false" image_ratio="1-1"]
Supported parameters that can be used within the single element shortcode shortcode are listed in the following table.
Parameters | Settings |
---|---|
type="news-list-compact" | Set the Newscodes type (layout) Available options: news-poster, news-grid, "news-columned-featured-list", "news-columned-featured-list-tiny", "news-columned-featured-list-compact", "news-list", "news-list-featured", "news-list-compact", "news-list-compact-featured", "news-list-tiny", "news-list-tiny-featured", "news-marquee", "news-ticker", "news-ticker-compact", "news-ticker-tiny", "news-one-tabbed-posts", "news-grid-author", "news-list-author-featured", "news-list-author-compact-featured", "news-list-author-tiny-featured" 'news-list-author-compact-featured' => __( 'List Compact with Featured Author', 'nwscds' ), 'news-list-author-tiny-featured' => __( 'List Tiny with Featured Author', 'nwscds' ), |
style="" | Set the style of your Newscodes element. Set custom slugs from the Style Manager ( e.g. if you have saved your style sa "My Saved Style Name" your style="" parameter should be set like so: style="my-saved-style-name"). Following styles are included in the Default Styles Group "classic-red-pt-serif", "compact-red-open-sans", "italic-red-ubuntu", "italic-red-ubuntu-on-right", "handwritten-blue", "light-orange-raleway", "classic-blue-raleway", "classic-blue-raleway-centered", "light-travel-blue", "classic-red-pt-serif-centered", "lowercase-brown-open-sans", "dark-simple-crushed", "dark-simple-crushed-centered", "flat-and-clean-yellow-ubuntu", "stylish-blue-open-sans", "sweet-and-red-ubuntu", "sweet-and-red-ubuntu-bigger-headlines", "sweet-and-blue-ubuntu-bigger-headings", "sweet-and-blue-ubuntu", "with-impact-orange-oswald", "with-impact-green-oswald", "with-impact-green-oswald-centered", "with-impact-orange-oswald-centered", "with-impact-yellow-oswald", "with-impact-orange-yellow-centered", "with-impact-pale-oswald", "with-impact-pale-oswald-centered" |
columns="1" | Set the number of columns for the news-grid element type. Available options: 1-6 |
post_type="post" | Define the post type that Newscodes element will display |
post_status="publish" | The status of the posts displayed in the Newscodes element |
posts_per_page="10" | Enter the number of posts to be displayed in the Newscodes element |
posts_per_column="3" | Set the number of posts that will appear in each column of your columned Newscodes element type |
offset="" | Displaces the first post to be displayed in the Newscodes element by a certain number ( e.g. offset="3" to start from the 3rd post) |
order="date" | Set what your posts will be order by in the Newscodes element. Available options: id, author, date, title, name, modified, rand, comment_count, menu_order, post__in |
orderby="DESC" | Set a decending or ascending order of your posts in the Newscodes element. Available options: ASC, DESC |
excerpt_length="20" | Set the number of words to display in your post excerpts |
excerpt_more="" | Set the excerpt more text. Enter any HTML |
image_ratio="4-3" | Set the ratio of the post featured image in your Newscodes element. Available option: 1-1, 2-1, 1-2, 3-1, 1-3, 4-3, 3-4, 16-9, 9-16, 5-3, 3-5 |
image_size="" | Override the defaolt image size and set a custom one. All registered sizes will be shown |
pagination="true" | Enable or disable the pagination of your Newscodes element |
ajax="true" | Enable or disable Ajax load in your Newscodes element |
load_more="false" | Enable or disable the "Load More" button for your Newscodes element. This will let you load additional posts to the ones initially displayed in the Newscodes element |
show_date="true" | Show or hide the date of your posts in the Newscodes element |
show_time="true" | Show or hide the time when the posts were published in the Newscodes element |
show_taxonomy="true" | Show or hide the taxonomy to which the Posts in your Newscodes element belong to |
which_taxonomy="" | Set the post taxonomy from which you want to display term links. ( e.g. post_tag to show post tags ) |
show_author="true" | Select whether to show or hide the author of the posts in the Newscodes element |
show_format="true" | Select whether to show or hide the format of the posts in the Newscode element. These are "tags" in different colors that are displayed along with the post titles and differentiate between the different post types |
title_cut="false" | Show the foll post titles in the Newscodes element or shorthen the titles for a more uniformed look |
title_tag="h2" | Set the Heading of the post titles in the Newscodes element |
filters="" | Taxonomy filters. e.g.1. filters="cateogry" filter_terms="15" will show posts from category with ID 15, e.g.2 filters="post_tag|post_tag" filter_terms="12|25" filter_relation="AND" will show posts tagged with tag IDs 12 and 15, e.g.2 filters="category|post_tag" filter_terms="15|25" filter_relation="OR" will show posts from both category ID 15 and tagged with tag ID 25 |
filter_terms="" | Use correlated with the "filters" parameter. Check above examples |
filter_relation="" | Use correlated with the "filters" parameter. Check above examples |
meta_keys="" | Meta key filters. e.g.1 meta_key="my_meta_key" meta_value="10" meta_compare="=" meta_type="NUMERIC" will show posts with the meta key `my_meta_key` that have a value of 10, e.g.2. meta_key="my_meta_key|my_meta_key_2" meta_value="10|20" meta_compare="=|=" meta_type="NUMERIC|NUMERIC" meta_relation="AND" will show posts with the meta key `my_meta_key` that have a value of 10 and a value of 20 for the `my_meta_key_2` |
meta_values="" | Use correlated with the "meta_keys" parameter. Check above examples |
meta_compares="" | Use correlated with the "meta_keys" parameter. Check above examples. Available options: All SQL functions |
meta_types="" | Use correlated with the "meta_keys" parameter. Check above examples. Available options: All SQL functions |
meta_relation="OR" | Use correlated with the "meta_keys" parameter. Check above examples. Available relations: OR, AND |
post_in="" | Input IDs of the posts to include in the Newscodes element. Separate different post IDs by comma e.g. 14,155,200 |
post_notin="" | Input the IDs of posts to exclude form the Newscodes element. Separate different post IDs by comma e.g. 14,155,200 |
http_query="" | Very important parameter! With this one you can set virtually any query. Check the FAQ section for more information. |
marquee_direction="left" | Set the direction in which the marquee displaying the posts will move. Available options: left, right |
ticker_visible="3" | Number of visible terms in the ticker |
ticker_direction="up" | Direction in which the ticker will display. Available options: up, down |
section_title="Title" | Set the titles of different sections when in the Newscodes Multi mode |
poster_image="" NEW | Poster elements support custom images. To set a different image just enter the URL of your image. e.g. poster_image="http://my-server.com/my-image.png" |
hover="" NEW | Images in elements now support hover effects! Available options are fade, slide-up, slide-down, slide-left, slide-right, reveal-up, reveal-down, reveal-left, reveal-right, hinge-up, hinge-down, hinge-left, hinge-right, flip-horiz, flip-vert, flip-diag-1, flip-diag-2, shutter-out-horiz, shutter-out-vert, shutter-out-diag-1, shutter-out-diag-2, shutter-in-out-horiz, shutter-in-out-vert, shutter-in-out-diag-1, shutter-in-out-diag-2, fold-up, fold-down, zoom-in |
The shortcode to create stunning tabbed lits!
To output a Newscodes Tabbed element use the following code in any of your pages:
[nc_multi_factory]
[nc_factory]
[nc_factory]
[/nc_multi_factory]
This Newscodes shortcode accepts parameters which can be set in this way:
[nc_multi_factory type="news-list-compact-featured" style="my-saved-style-name"]
[nc_factory section_title="World" posts_per_page=3]
[nc_factory section_title="Local" posts_per_page=3 offset=3]
[/nc_multi_factory]
Parameters | Settings |
---|---|
type="news-list-compact" | Set the Newscodes type (layout) Available options: "news-poster", "news-grid", "news-columned-featured-list", "news-columned-featured-list-tiny", "news-columned-featured-list-compact", "news-list", "news-list-featured", "news-list-compact", "news-list-compact-featured", "news-list-tiny", "news-list-tiny-featured", "news-marquee", "news-ticker", "news-ticker-compact", "news-ticker-tiny", "news-one-tabbed-posts" |
style="" | Set the style of your Newscodes element. Set custom slugs from the Style Manager ( e.g. if you have saved your style sa "My Saved Style Name" your style="" parameter should be set like so: style="my-saved-style-name") |
If you use these content builder your life will be so much easier!
Users running the X Theme and using Cornerstone Builder to create pages, or users using the Visual Composer will find the Newscodes and Newscodes Multi in their elements tab. Create a section and insert either the Newscodes element or the Newcodes Multi element. Once the Newscodes element is inserted in your section, the available Newscodes options will be displayed in the Cornerstone Builder sidebar or Visal Composer element edit screen. Set these options, make changes easily and achieve better results in less time using the content builders. Cornerstone and Composer support all Newscodes elemens options and do simplify the process of creating elements by far.
Newscodes is very user friendly! It has style manger with live preview and support for Visual Composer and Cornerstone content builders!
Now that you've successfully installed Newscodes and the Newscodes WooCommerce Extension, plugins will seamlessly integrate themselves in the WordPress interface. Navigate to the Newscodes Admin Page that you can find in Settings > Newscodes
. These settings control everything about the Newscodes shortcodes, styles, appearance and registration. For more information on how to use the Newscodes Plugin, Shortcode Generator and the Style Manager please take a look at the Newscodes Documetation HERE.
Now, when using the WooCommerce Extension, you will want your Post Type shortcode parameter to be set like post_type="product"
. If you are using shortcode generator just select the Post Type Product from the dropdown. To show your prices and add to cart buttons use the extended WooCommerce types. The shortcode parameter should use of the extended types like type="woo-list-compact"
. If you are using shortcode generator just select any Type that starts with WooCommerce.
For more on the plugin use please take a look at the Newscodes Documentation HERE.
Parameters | Settings |
---|---|
type="woo-list-compact" | Extended WooCommerce Newscodes Types: "woo-poster", "woo-grid", "woo-columned-featured-list", "woo-columned-featured-list-tiny", "woo-columned-featured-list-compact", "woo-list", "woo-list-featured", "woo-list-compact", "woo-list-compact-featured", "woo-list-tiny", "woo-list-tiny-featured", "woo-marquee", "woo-ticker", "woo-ticker-compact", "woo-ticker-tiny", "woo-one-tabbed-posts", "woo-grid-author", "woo-list-author-featured", "woo-list-author-compact-featured", "woo-list-author-tiny-featured" 'woo-list-author-compact-featured' => __( 'List Compact with Featured Author', 'nwscds' ), 'woo-list-author-tiny-featured' => __( 'List Tiny with Featured Author', 'nwscds' ), |
Use this area to really boost up everything you do with the Newscodes!
Newscodes is very extendable and versitile. Meaning, if you do not like something you can change it quite easy. The template files located in the plugin /templates/
folder. In order to change those all you need to do is to copy the file into your theme or child theme directory under /newscodes/
. For further extending actions and filters can be used for creating new layouts and styles.
In your /wp-content/plugins/newscodes/templates/
folder you will find all templates that are used to create a Newscodes elements. In order to override these you will need to create a directory in your theme/child theme directory that should be named /newscodes/
. After that just copy the files you want to edit. In the section Basic Newscodes template override and editing an example is shown on how to edit loop templates. In order to edit other templates, their files will need to be copied to the corresponding folder. So if we want to edit the output of the Post Format HTML we can copy the file post-format.php
from the /loop/
folder to your theme/child theme /newscodes/loop/
directory. Now you can edit this file and adjust it to your needs.
Lets say we do not like the Post Meta appearance on the news-grid
element and we just want a simple one. The code for this element can be found in your /wp-content/plugins/newscodes/templates/types/news-grid.php
. This file is used as a template when news-grid
element is used. The file contains the following code:
<?php
global $newscodes_loop;
?>
<li <?php nc_post_class( $newscodes_loop['classes'] ); ?>>
<div class="nc-figure-meta-wrap">
<?php nc_post_thumbnail(); ?>
<div class="nc-meta-wrap">
<?php do_action( 'newscodes_loop_meta' ); ?>
</div>
</div>
<<?php nc_title_tag( $newscodes_loop['title_tag'] ); ?>>
<a href="<?php the_permalink(); ?>">
<?php the_title(); ?>
<?php newscodes_post_format(); ?>
</a>
</<?php nc_title_tag( $newscodes_loop['title_tag'] ); ?>>
<?php the_excerpt(); ?>
</li>
Now in order to override this file with our own, we will make its copy in our theme/child theme folder under a new directory that we will call /newscodes/types/
. In this folder we will make a file named news-grid.php
and insert the following code:
<?php
global $newscodes_loop;
?>
<li <?php nc_post_class( $newscodes_loop['classes'] ); ?>>
<div class="nc-figure-meta-wrap">
<?php nc_post_thumbnail(); ?>
</div>
<<?php nc_title_tag( $newscodes_loop['title_tag'] ); ?>>
<a href="<?php the_permalink(); ?>">
<?php the_title(); ?>
<?php newscodes_post_format(); ?>
</a>
</<?php nc_title_tag( $newscodes_loop['title_tag'] ); ?>>
/* We have moved the Meta out of the image and set a new class for a plain display */
<div class="nc-meta-compact-wrap">
<?php do_action( 'newscodes_loop_meta' ); ?>
</div>
<?php the_excerpt(); ?>
</li>
As you can see we have moved the Post Meta outside of the image container and we have added it just bellow the title. The class="nc-meta-compact-wrap"
was changed to show the simple Post Meta and not the one with the hover in the original News Grid element. If you have successfully overriden the file in your theme/child theme directory /newscodes/types/
with a new file news-grid.php
your posts in pages that are shown in this type will now be structured differently as we have defined it in the new template.
Sometimes you will want to add some content before the Newscodes element. To do this use the code that follows and add it to your child theme functions.php
file:
<?php
news_add_content_before_39gr92ufbvkjsadbf98() {
echo '<span class="my-class">This text will be added before the Newscodes news-grid element!</span>';
}
add_action( 'newscodes_shortcode_before_news_grid_loop', 'news_add_content_before_39gr92ufbvkjsadbf98' );
?>
Sometimes you will want to add some content after the Newscodes element. To do this use the code that follows and add it to your child theme functions.php
file:
<?php
news_add_content_before_19asc12355w98() {
echo '<span class="my-class">This text will be added after the Newscodes!</span>';
}
add_action( 'newscodes_shortcode_after_news_grid_loop', 'news_add_content_before_19asc12355w98' );
?>
Translation is automatic for supported languages. All translation files are in the /lang/ folder in the full plugin archive you have downloaded from Codecanyon.net. If your language does not exists in the folder follow next steps to translate the plugin. Also use Poedit to update your translations or change string you do not like.
WPML - WordPress Multilingual get it here http://wpml.org/
Newscodes also supports WPML multi language plugin for WordPress. Using this plugin managing multilingual sites is easy. Before starting this procces make sure you have the WPML software installed on your WordPress installation. More on WPML ( WordPress Multilingual ) see at this link http://wpml.org/.
Make sure you have the following software installed before continue: WordPress, WPML, and Newscodes:
First steps are to have a functional site in one language, then start with the translations. Install the WPML plugin. For step by step instructions on translating your shop with these two plugins please visit this link https://wpml.org/documentation/related-projects/woocommerce-multilingual/.
WPML and Newscodes support one another and the full plugin translation is quite easy to achieve. If you have followed all previous steps and made your site multilingual then just a few special translations for Newscodes need to be added. Just follow these guidelines to achieve the full translation.
When you have completed all these steps your Newscodes will fully support the WPML - WordPress Multilingual plugin. Thanks for using WPML and Newscodes!
Yes, of course. http_query
parameter is great! You can set anything that WP Query supports. Here are some samples.
I want to show posts by a single author! How?
http_query="author_name=user_nicename"
Multiple authors!?
http_query="author=user_id1,user_id2,user_id3"
Multiple post types? Yes, notice the %5B
which is decoded from [
and the %5D
decoded from ]
. The string was originally http_query="post_type[0]=post&post_type[1]=product"
but it needs decoding before it goes in the http_query
parameter.
http_query="post_type%5B0%5D=post&post_type%5B1%5D=product"
From some year?
http_query="year=2015"
Year and month?
http_query="year=2015&monthnum=3"
How about in the last 3 months? Before we have decoded this the query string looked like this date_query[0][column]=post_date_gmt&date_query[0][after]=3 months ago
. More originally in the PHP Array as parameters set for WP Query 'data_query' => array( array( column => 'post_date_gmt', 'after' => '3 months ago' ) )
. Check WP Query for more reference.
http_query="date_query%5B0%5D%5Bcolumn%5D=post_date_gmt&date_query%5B0%5D%5Bafter%5D=3+months+ago"
How about a week ago?
http_query="date_query%5B0%5D%5Bcolumn%5D=post_date_gmt&date_query%5B0%5D%5Bafter%5D=1+week+ago"
How about 24h ago?
http_query="date_query%5B0%5D%5Bcolumn%5D=post_date_gmt&date_query%5B0%5D%5Bafter%5D=1+day+ago"
Can these be used with the regular taxonomy and meta filters? Yes, of course!
When excerpt length is set to 0 Cornerstone builder will understand this as default value and will go back to the value 20. In order to disable showing excerpts and use the 0 value please set the 00
(double 0) instead.
Use poEdit and edit the file /wp-content/plugins/newscodes/lang/nwscds-YOUR_LANGUAGE.po
When you save the translations new strings will be used. You can even use this for English translations if you do not like some strings.
If something goes wrong check this section. Contact the support and we will help!
If everything else fails you can surely get support!
If you need help, navigate here → Community Forums (https://mihajlovicnenad.com/forum). Browse existing topics or create new ones. Here you can also report problems with plugins, bugs and track important inofrmation too. Be a part of this community, join today! Thanks!
Hard work and dedication stand behind the Newscodes plugin!
Newscodes was developed by Mihajlovicnenad.com!
If you have missed some of these, please check now as it might be useful!