Newscodes - News, Magazine and Blog Elements for WordPress

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?

Read more

Help us out, let's boost the plugin experience! - Thanks!

Got not included or better translation files? Or anything else you think we should see that can improve the plugin experience? Please send it over! Lets include all of those and make it a better package! Send us an email using the contact form here Mihajlovicnenad.com and tell us how to be even better! Thanks!

Very Important - Support Changes

We are moving support to our site Mihajlovicnenad.com. Read more in the Support Section!

Change Log - Newscodes 2.1.0 - 20. June 2017.

+ added hover effects
+ added transparent/rgba colors
+ added jquery-confirm.js
+ fixed notice non-static method newscodes::plugin_url() should not be called statically
+ fixed discard/exit button
+ fixed ajax post appearance and layout bugs on response
+ fixed post without an image
+ fixed preview mode tab style bugs
+ fixed $.confirm not inside functions
+ fixed shortcode generator not saving filter values bugs
+ fixed admin translations
+ fixed remove autoload on options
+ fixed php notice:  Undefined variable: choice in newscodes/includes/nc-admin-controls.php on line 490
+ fixed ask when deleting shortcode
+ fixed posts/custom posts excerpt length and more parameters
+ fixed meta shadows
+ fixed jshint.com all scripts

1.1 Welcome to Newscodes for WordPress!

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.

Create stunning layouts on your pages without having to use any coding, thanks to the super user-friendly options and settings that will let you transform your pages with amazing post layouts and styles in no time. Newscodes provide unlimited post layout and style possibilities and options for your awesome current and future projects. Many great included layouts are available, like: Featured Poster, Grid, Lists, Column Lists, Marquees, Tickers and more! Dozens of slick and modern Styles are also included! Use the included styles, edit them to your liking or create your own, completely new and unique Newscodes styles for your website. Unlimited design possibilities are at your disposal with extensive font and color options and advanced text formatting for all post layouts and styles. Every Newscodes element is fully customizable. Instantly preview all your changes directly from your page, saving time and your invaluable creative flow. Newscodes have been made with you in mind.

  • 20+ Awesome Newscodes Post Layouts
  • Unilimited Tabbed Posts
  • Unlimited Newscodes Styles
  • Shortcode Generator!
  • Support for All Post Types
  • Newscodes Style Manager and Editor with Live Preview
  • Post Filters, Taxonomy Filters, Meta Filters
  • AJAX Pagination, Load More
  • Full Featured Image Customizations
  • Featured Posts, Grids, Post Lists, Marquee, Ticker, Columned Lists
  • LESS CSS for Ultimate Optimization
  • Demos Included!
  • and many, many more!

The power and simplicity of Newscodes make it an invaluable tool for every WordPress website and it works with all themes! Newscodes put you in charge over your posts with each option being specifically created and designed for easy use and incredible flexibility. Start the Post revolution today! The Newscodes plugin comes fully compatible with any theme you might be using and it also fully supports page builder plugins like Visual Composer and the Cornerstone Builder for the X Theme.

1.2 Plugin Installation

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:

Installing from WordPress

Follow the steps below to install inside WordPress

  • Navigate to Plugins
  • Click Install Plugins and click Add New
  • Click the Upload Plugin button
  • Navigate newscodes.zip on your computer and click Install Now
  • When installation is done please click Activate to activate your newly installed Newscodes plugin

Newscodes is now running! Please read further to setup your filters!

Installing via FTP

Follow the steps below to install via FTP

  • Unzip newscodes.zip to a desired location on your HDD. These extracted files will be uploaded later via FTP
  • Connect to your server via FTP
  • Navigate to /wp-content/plugins/ server directory
  • Locate the local directory where you have unzipped the newscodes.zip archive
  • Upload local folder /newscodes/ to remote /wp-content/plugins/
  • To activate the newly installed plugin navigate to Plugins and click the Activate button

Newscodes is now running! Please read further to setup your filters!

1.3 Registration, Automatic Updates and Manual Updating

To get automatic updates and more directly from WordPress register your Newscodes plugin!

After installation, navigate to Settings > Newscodes > Registration and enter your Codecanyon.net purchase code to get automatic updates. When an update is available, WordPress will notify you about the new release and ask you to update. For a manual check navigate to Plugins > Newscodes and click the Check For Updates button.

Updates are released regularly and please make sure you use the latest version, but also don't rush with the updates if your installation is working fine.

To automatically update all you need to do now is click the Update button. Once updated you will be noted about the changes. Now you can see the new version number has appeared in Plugins > Newscodes.

If you want to update the plugin manually you can just deactivate the plugin, delete it and install the brand new version you have downloaded from Codecanyon.net. Your settings, presets and options will stay intact, so do not worry about that. You can also update via FTP, by overwriting the plugin files.

Updating from WordPress

Follow the steps bellow to update from WordPress Dashboard

  • Navigate to Plugins
  • Find the currently used Newscodes plugin and click Deactivate
  • After deactivation click Delete to remove the old version (do not worry about the settings, they will stay intact)
  • Click Install Plugins and click Add New
  • Click the Upload Plugin button
  • Navigate the new version archive newscodes.zip on your computer and click Install Now
  • When installation is done please click Activate to activate your newly installed Newscodes plugin

Newscodes will be updated with the version you have uploaded and settings will not be lost!

Updating using FTP

Follow the steps bellow to update using FTP

  • Unzip the new version archive newscodes.zip to a desired location on your HDD. These extracted files will be uploaded later via FTP
  • Connect to your server via FTP (Use FileZilla or any other FTP client)
  • Navigate to /wp-content/plugins/ server directory and delete the current plugin folder /newscodes/
  • Locate the local directory where you have unzipped the new version archive newscodes.zip
  • Upload local folder /newscodes/ to remote /wp-content/plugins/

Newscodes will be updated with the version you have uploaded and settings will not be lost!

1.4 How to install Demo pages?

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.

Very Important - Demo Installation

Demos will use your posts! So, you will need to have at least 10+ posts with featured images to load demos page layouts properly and show the appropriate content. In the demo shortcodes we have used only 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.

Cornerstone Builder

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

Visual Composer

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]

Not using any content builders? Just WordPress?

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]

2.1 Using Newscodes?

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.

2.2 Shortcode Generator

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!

2.3 Style Manager

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.

2.4 Creating and Editing Styles

Everything can be set! Be tidy and smart, use less to get more!

Save, Save As, Discard and Preview buttons

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.

Style Name

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.

Heading

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.

Heading - hover color

Set the hover color of your Heading. This sets the color your Heading will displayed on mouse over and click. Available options: Select color.

Meta - Color, Font and Text settings

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.

Meta - Background color

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.

Taxonomy - Text color

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.

Taxonomy - Background color

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.

Excerpt - Color, Font and Text settings

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.

Navigation - Color, Font and Text settings

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.

Navigation - Hover color

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.

Navigation - Style CSS

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.

Tabs - Color, Font and Text settings

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.

Tabs - Hover color

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.

Tabs - Style CSS

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.

Post Format Colors - Post format background color

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.

Element Padding - Padding

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.

Zoom/Hover Color - Image zoom/hover color effect

Set the hover color on element images. Shortcode parameter to use for effect is hover="fade" For more options check the shortcode parameters.

2.5 Using the Newscodes - Single Element Shortcode

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

2.6 Using the Shortcode - Multi Tabbed Element

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")

2.7 Using Newscodes with Visual Composer or Cornerstone Builder

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.

Extending, FAQ and How to?

Use this area to really boost up everything you do with the Newscodes!

Q: Extending the Newscodes plugin?

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.

Q: Basic Newscodes template overriding?

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.

Q: How to add content before or after Newscodes?

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' );
?>

Q: How to translate?

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.

  • 1. Get Poedit App. http://poedit.net/download
  • 2. Run Poedit. Navigate File>New catalog from POT file. Fill in the basic fields, set your country, language.
  • 3. Translate the strings by clicking on a sentance and filling in the textarea bellow. If strange characters accure like %1$d, just ignore them and make a translation in between including these strange characters.
  • 4. Save your file as nwscds-**LANGUAGE**.po **LANGUAGE** represents your language code. For instance if you're translating to Italian your language code is it_IT and the file name should be nwscds-it_IT.po ( language codes: de_DE (Germany), fr_FR (France) etc.)
  • 5. Upload the .po and the .mo file generated by Poedit to your WordPress installation in the /wp-content/languages/plugins/ folder If the folder does not exists create one.
  • *** If you have already translated the file with the previous Newscodes version, copy the .po file in your unzipped local copy of Newscodes in the /lang/ folder (if it doesn't exsist just create one) and rescan the plugin for new and merging strings!

Q: Is WPML supported?

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.

  • Use WPML String translation to translate Newscodes saved strings. These strings include the text overrides within the filter such as Filter products - title, Filter selected - button text, No Products Found Setting and each filter title overrides. The strings will be automatically shown in the WPML String Translation manager.
  • Some database strings will need to be initiated manually, like the attributes filter title overrides as these are dynamic. To add these translations navigate to Plugins>Edit>Newscodes and edit the wpml-config.xml file. This file contains an example on how to add your custom attributes.
  • Add your attributes and custom taxonomies title translations here like shown in the example bellow. E.G. Tag: Business / slug: business / key that needs to be added: <key name="wc_settings_prdctfltr_pa_color_title" />

When you have completed all these steps your Newscodes will fully support the WPML - WordPress Multilingual plugin. Thanks for using WPML and Newscodes!

Q: Can I really use http_query to set custom post queries like authors, post dates and similar?

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!

Q: How to set excerpt length 0 in the Cornerstone Builder?

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.

Q: Quickly edit some strings within the plugin?

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.

4. Support?

If something goes wrong check this section. Contact the support and we will help!

4.1 Where to get support?

If everything else fails you can surely get support!

When everything else fails and nothing seems to be right, just visit our support pages, you can always ask for the advice from our agents at Mihajlovicnenad.com Support Pages. Visit this link and click the button Connect with Envato. To get the support you will need to have an Envato/Codecanyon account you have purchased the plugin with, a valid license and a valid support period for the item you will be asking support. When the button, Connect with Envato, is clicked the site will automatically get your purchased products and their support periods. Once logged you can use the Submit Ticket button to open a new ticket. An agent will shortly reply. Please be a bit patient with your requests, we kindly answer everyone in a short period of time. Another way to ask for support is to post a question in the Item Comments Section. Always make sure to have a valid support period and license otherwise your request might just be ignored. If you email us about support via our profile page you will be kindly asked to open a support ticket at Mihajlovicnenad.com Support Pages or we will even ignore this request, as we are not answering support question via our profile page contact form. Read more about what item support inludes at Codecanyon Support Policy Pages. We kindly ask you to avoid questions about customizations or installation in all cases. To check most common issues you can check the FAQ and How to? section. Read the documentation, watch the full guide video and check the FAQ section before contacting! Thanks!

4.2 Plugin author and contact / Mihajlovicnenad.com

Hard work and dedication stand behind the Newscodes plugin!

Newscodes was developed by Mihajlovicnenad.com!

4.3 Older Announcements and Change Logs

If you have missed some of these, please check now as it might be useful!

Change Log - Newscodes - News, Magazine and Blog Elements for WordPress

Newscodes 2.0.5 - 11. November 2016.
- added poster_image="" parameter, now you can use custom images on poster elements
- improved one tabbed posts element
- fixed load more function and custom post types
- fixed tablets and grids responsive problems
- fixed AJAX loader issues
Newscodes 2.0.2 - 7. November 2016.
- fixed custom taxonomies not seen in the shortcode generator
- fixed shortcode generator remove filter issues
- fixed missing featured image problems
Newscodes 2.0.1 - 7. November 2016.
- improved font loading on the frontend, now only used fonts are loaded, no more need for the font optimization option
- fixed google fonts not displaying in preview mode
- fixed responsive multicolumned elements on mobiles
Newscodes 2.0.0 - 5. November 2016.
- added demos! now demo files are included for cornerstone builder, visual composer and even when these are not used! copy/paste installation!
- added newscodes shortcode manager and generator! ;)
- added saving and managing shortcodes
- added short version for saved shortcodes
- added http_query parameter! check documentation for more information! post author and date support!
- added news grid author
- added news list with featured author
- added news list compact with featured author
- added news list tiny with featured author
- added dark preview
- added filter for title tag 'newscodes_title'
- improved documentataion and guides
- fixed excerpt_length="0" removes excerpt (for cornerstone builder use 00)
- fixed excerpt_more="" parameter now has a link surrounding it
- fixed admin save already existing style entry
- fixed support for image attachments (make sure to set the post_type="any" to use attachments!
- fixed post_status in shortcode not working
- fixed admin appearance issues
- fixed vc-icon.png failed to load resource: failed to load resource: net::ERR_SSL_PROTOCOL_ERROR
- fixed wp translation management
Newscodes 1.2.0
- fixed edit style not working
- fixed registration not working
- improved documentation on the plugin, now it has a lot of information you can use! please do read, thanks!
Newscodes 1.1.0
- added automatic updates! enter your purchase code and get automatic updates in a single click directly from WordPress!
- added frontend optimizations manager
- improved styles and fonts load
- fixed columned posts paddings
- fixed columned posts responsive
- fixed current tabbed click bug
Newscodes 1.0.1
- added style groups for better optimization
- fixed a few bugs
Newscodes 1.0.0
- initial release