Neder by AD-Theme

News, Magazine and Blog WordPress Theme / template documentation


Table of Content


Neder is the best news, magazine and blog theme for WordPress.
Build your news, magazine or blog theme has never been easy. You can choose one from all our demos available.
All demos are available in one click and them are ready in one click.

Neder included 5 premium plugins:

Save off 102$.

Getting Started #back to top

Welcome to Neder

News, Magazine and Blog WordPress Theme

Thanks for choosing Neder theme. This is a documentation for understand how theme works.
If you don't find your solution using this documentation you can open a ticket in our suppport system

Continue to Read documentation Open a ticket

PS: All images are not included on theme package.

How to Install Theme #back to top

Upload via WordPress Admin

  1. Download the ZIP package from Marketplace and Unzip it.
  2. Within the unzipped folder you will see a file named neder.zip - this is the Themes itself.
  3. Log into your WordPress Dashboard and click on Appearence->Themes.
  4. Next click on ADD New then click on Upload Theme.
  5. Click Browse then locate the file named neder.zip and click Install Now.
  6. After the theme has installed click on Activate and you are all set! New Theme is now installed!
  7. After activation active all plugins required as reported in message below

Necessary Plugins #back to top

Neder Core Functions

This plugin is required and must be active. It included some functions of neder theme.

Redux Framework

This plugin is required and must be active. It included options panel of neder theme.

Visual Composer: Page Builder for WordPress

This plugin is recomanded. This plugin is a page builder and is not required but many demos page are created using it so if you want import our demo it must be active. Fully documentation is avalable here

Recommends Plugins#back to top

Fast Gallery for Visual Composer

This plugin is recomanded. With this plugin you can create awesome gallery using Visual Composer.
Fully documentation is available in folder documentation/plugin/fastgalleryforvc

Fast Media Gallery For Visual Composer

This plugin is recomanded. With this plugin you can create awesome media gallery using Visual Composer.
Fully documentation is available in folder documentation/plugin/fastmediagallery

Fast Gallery

This plugin is recomanded. With this plugin you can create awesome gallery.
Fully documentation is available in folder documentation/plugin/fastgallery

Fast Carousel

This plugin is recomanded. With this plugin you can create awesome carousel.
Fully documentation is available in folder documentation/plugin/fastmediagallery

Import demo content#back to top

Before install demo content make you sure that you have actived all plugins required and recomanded (included visual composer).

Import our demos is very easy. Needs only 1 click

  1. Go to Neder Import Demo
  2. Choose your favorite demo and click on Import
  3. Confirm Import (Press Yes, Import on popup) and wait some minutes
  4. Done. Demo imported

Install theme Child#back to top

The installation of the Neder child theme is run the same as the main theme. So before you need to install Neder theme.

  1. Open the ZIP package downloaded and Unzip it.
  2. Within the unzipped folder you will see a file named neder-child.zip - this is the Child Theme itself.
  3. Log into your WordPress Dashboard and click on Appearence->Themes.
  4. Next click on ADD New then click on Upload Theme.
  5. Click Browse then locate the file named neder-child.zip and click Install Now.
  6. After the theme has installed click on Activate and you are all set! Child Theme is now installed!

Now you can add your custom css via WordPress editor appearance -> editor or via FTP.
Also if you want change php code of one determinate php file you need to create a correct path.
So for example: you want edit function inside element header.php (elements/header.php) you need to create a folder named elements and inside this folder create a file header.php

If you want more info about child theme we recommend you to visit the WordPress official documentation as well following this link.

Update Theme#back to top

We recomanded you to update theme for get many features and fix bug discovered. Update of theme doesn't create any problem but for better security we recomanded to backup your site before update theme.

Updating the theme

  1. Update via Envato Market WordPress Plugin
  2. Update via WordPress Panel
If you have made customization in Neder theme you need before to update save this customization and reapply after update process

Update via Envato Market WordPress Plugin

To receive WordPress notification every time the new theme update is ready, you have to install the Envato Market WordPress Plugin. It allows to install WordPress themes and plugins purchased from ThemeForest & CodeCanyon by connecting with the Envato Market API using a secure OAuth personal token. Fully documentation of this plugin is available here

Installing Envato Market WordPress Plugin

  1. Download the envato-market.zip and unzip the package.
  2. Navigate to Plugins section, click Add New Upload and install the plugin from the zip package.
  3. Activate the plugin installed.
  4. Click the Envato Market menu in WordPress and connect to the API. Documentation about API Key available here.

Update via WordPress Panel

  1. Log into your WordPress Dashboard and click on Appearence->Themes.
  2. active another theme, for example TwnetySixteen
  3. remove Neder theme
  4. Next click on ADD New then click on Upload Theme.
  5. Click Browse then locate the file named neder.zip and click Install Now.
  6. After the theme has installed click on Activate and you are all set! New Theme Update is now installed!

Before starting all description, if you have installed and active visual composer we advise you to active the visual composer editor inside post.
To make it going to Visual Composer -> Role Manager -> Post types -> Custom -> and select post and page.

Inside Page there is available a Layout options for each page

Normal Page #back to top

In each page there are some options to select to build your page.

  • Title Page: if setted on NO the title page will be hidden.
  • Layout: you can choose if you want Normal Page Page or if you want a blog page Blog
  • Sidebar: you can choose if you don't want sibebar or you want sidebar left or right.
  • Sidebar Name: You can select what sidebar load inside the page. You can create a custom sidebar. For understand how make it click here

Sidebar #back to top

In each page there is an option "sidebar" where you can choose if you don't want sibebar or you want sidebar left or right. Also you can create a custom sidebar via option panel. It's very easy you need following it:

  1. World Blog -> Sidebar -> Create Your Custom Sidebar
  2. Add your sidebar name
  3. Save Changes
  4. Now you custom sidebar is ready to use on appearance -> widget

You can create infinite sidebar, you need only to press add more and repeat the step from point 2.

Blog Page #back to top

Going to page. Inside each page there is a field named: Layout Type. Select it on Blog
When you select Blog, will be open a new option grouped by Query Blog name.



With Query Blog fields you can create your query for gets post in blog page. So field available are:

  1. Numbers posts to load / Number posts per page:: Add int number value. Examples: 8. Leave empty for get default posts setted in general WordPress setting
  2. Category: you can select your categories where gets the posts. Multiple select is allowed
  3. Order By: you can choose your order by from none, comment count, views, date, modified, title and rand (random)
  4. Order Dir: you can choose from ASC (ascending order from lowest to highest values: 1, 2, 3; a, b, c) and DESC (descending order from highest to lowest values: 3, 2, 1; c, b, a) order.

Blog Layout #back to top

Blog layout is grouped by Blog Style name. With Blog Style fields you can create your blog layout. So field available are:

  1. Blog Layout Type: grid or masonry
  2. Blog Layout Style: you can choose one from five style available
  3. Blog Columns: you can choose your columns number (1 to 4 columns).
  4. Pagination: you can choose your pagination type. You can deactive pagination (off), you can active pagination (on, numeric pagination) or you can choose load more pagination (yes with load more)
Also you can select the sidebar like you can set on normal page. Pay attention sidebar is allowed only for 1 e 2 columns. Are deactivate if you select 3 and 4 columns.

Page Templates #back to top

Go to page. In Page Attribute you can find Template field. And you have available 2 template available.

  1. Default Template: is a default template where you can use all metabox below the editor.
  2. Full Width: this field is created when you want a full width template. All metabox option is not active and you can use it when you want a template at 100% (so you haven't any container). Is most advise if you want build your layout using a visual composer row (in case you want controll all via visual composer row).

Mega Menu #back to top

With mega menu you can create a mega menu of categories.
  1. Go to appearence -> Menus -> Create new menu
  2. Now click on Screen Options (on Top of Page)
  3. Check CSS Classes field
  4. Add on Menu your category Item.
  5. Now inside the category item added there is a field named: "CSS Classes (optional)"
  6. In this field you can add this class:
    1. mega-menu: if you want get category posts
    2. mega-menu-carousel: if you want make a carousel of category posts
  7. Save your menu

Before starting all description, if you have installed and active visual composer we advise you to active the visual composer editor inside post.
To make it going to Visual Composer -> Role Manager -> Post types -> Custom -> and select post and page.

Inside post there is available a Layout options for each post

Post Layout #back to top

In each post there is an option "Post Layout Style" where you can choose your layout post. There are available 3 differents layout style. If you change this field from default value (default (get option setted on panel)) you override setted on post settings setted on option panel.

Format Post #back to top

Formats post available are: standard, image, video, audio.

Format Video
A correct setting for format video is:
  1. Select video on Format
  2. Add url video inside relative area
  3. Add a featured image as a cover of video
Format Audio
A correct setting for format audio is:
  1. Select audio on Format
  2. Add url video inside relative area
  3. Add a featured image as a cover of audio

Sidebar #back to top

In each post there is an option "sidebar" where you can choose if you don't want sibebar or you want sidebar left or right. Also you can create a custom sidebar via option panel. It's very easy you need following it:

  1. World Blog -> Sidebar -> Create Your Custom Sidebar
  2. Add your sidebar name
  3. Save Changes
  4. Now you custom sidebar is ready to use on appearance -> widget

You can create infinite sidebar, you need only to press add more and repeat the step from point 2.

Category #back to top

You can select some options for each category. You can choose all settings category on options panel but if you want you can override it in each category.

You can set category option on Posts -> Categories -> create a new category. Goto in this category and now you have a panel Neder Category Options where you can choose your settings category.

  1. Sidebar Position: Left, Right, None
  2. Category Layout: Layout 1, Layout 2, Layout 3, Layout 4, Layout 5
  3. Columns: 1, 2, 3 ,4
  4. Layout Type: grid, masonry
  5. Category Description: show, hidden

Top Content #back to top

In each page/post there is available a top content named Neder Top Content section where you can add a top content before starting content. You can choose one from six differents style.

You can active top content section setting this field Top Content Section on ON After activation will be show other options:
  1. Top Content Layout Style: you need to choose one of six layout available.
  2. Query Top Content: you can create your query top content:
    1. Category: you can select your categories where gets the posts. Multiple select is allowed
    2. Order By: you can choose your order by from none, comment count, views, date, modified, title and rand (random)
    3. Order Dir: you can choose from ASC (ascending order from lowest to highest values: 1, 2, 3; a, b, c) and DESC (descending order from highest to lowest values: 3, 2, 1; c, b, a) order.

Visual Composer Elements #back to top

We have build some elements for visual composer. You can find all elements inside all visual composer elements under Neder Tab.

Header Display #back to top

You can create header post with 5 differents layout. Is optimized to use on header top content, so we advise you to use it in row without any columns.

General TAB
  1. Header Display Name: field for write your header display name. It will be show only in backend.
  2. Type: select your type. Types available: type 1, type 2, type 3, type 4 (carousel), type 5
  3. Date Format: select your favorite date format.
Query TAB
  1. Source:
    1. WordPress Post: if select gets all WordPress post
      1. All Posts/Sticky posts: select if you want normal post or only sticky posts
      2. Categories: check your cagetegory/categories to gets posts.
    2. WordPress Post: if select gets all WordPress post
      1. Select Post Type Source: check your custom post type to gets posts.
      2. Categories Posts Type: Write Categories slug separate by comma(,) for example: cat-slug1, cat-slug2, cat-slug3 (Leave empty for all categories)
  2. Order: you can choose from ASC (ascending order from lowest to highest values: 1, 2, 3; a, b, c) and DESC (descending order from highest to lowest values: 3, 2, 1; c, b, a) order.
  3. Order By: you can choose your order by from none, comment count, views, date, modified, title and rand (random).

Blogs Display #back to top

You can create posts display with 6 differents layout.

General TAB
  1. Posts Display Name: field for write your header display name. Leave empty if you want hidden it.
  2. Type: select your type. Types available: type 1, type 2, type 3, type 4, type 5, type 6
  3. Columns: 1, 2, 3
  4. Date Format: select your favorite date format.
Query TAB
  1. Source:
    1. WordPress Post: if select gets all WordPress post
      1. All Posts/Sticky posts: select if you want normal post or only sticky posts
      2. Categories: check your cagetegory/categories to gets posts.
    2. WordPress Post: if select gets all WordPress post
      1. Select Post Type Source: check your custom post type to gets posts.
      2. Categories Posts Type: Write Categories slug separate by comma(,) for example: cat-slug1, cat-slug2, cat-slug3 (Leave empty for all categories)
  2. Order: you can choose from ASC (ascending order from lowest to highest values: 1, 2, 3; a, b, c) and DESC (descending order from highest to lowest values: 3, 2, 1; c, b, a) order.
  3. Order By: you can choose your order by from none, comment count, views, date, modified, title and rand (random).
  4. Pagination:
    1. No:
      1. Number Posts: add number of posts to load
    2. yes:
      1. Pagination Type: numeric, standard
      2. Number Posts For Page: add number of posts for page
    3. yes with load more:
      1. Number Posts For Page: add number of posts for load more button

Carousel Posts #back to top

You can create carousel posts with 2 differents layout.

General TAB
  1. Posts Carousel Display Name: field for write your header display name. Leave empty if you want hidden it.
  2. Type: select your type. Types available: type 1, type 2
  3. Date Format: select your favorite date format.
Query TAB
  1. Source:
    1. WordPress Post: if select gets all WordPress post
      1. All Posts/Sticky posts: select if you want normal post or only sticky posts
      2. Categories: check your cagetegory/categories to gets posts.
    2. WordPress Post: if select gets all WordPress post
      1. Select Post Type Source: check your custom post type to gets posts.
      2. Categories Posts Type: Write Categories slug separate by comma(,) for example: cat-slug1, cat-slug2, cat-slug3 (Leave empty for all categories)
  2. Order: you can choose from ASC (ascending order from lowest to highest values: 1, 2, 3; a, b, c) and DESC (descending order from highest to lowest values: 3, 2, 1; c, b, a) order.
  3. Order By: you can choose your order by from none, comment count, views, date, modified, title and rand (random).
  4. Number Posts: add number of posts to load
Carousel Settings TAB
  1. Number Item Show: select item to show for desktop view
  2. Item Show for content between 600px tp 900px: select item to show for content between 600px tp 900px
  3. Item Show for content between 0px tp 599px: select item to show for between 0px tp 599px
  4. Lazy Load: off, on
  5. Autoplay: add autoplay value (ex 2000) or Leave empty for default. 2000 = 2 sec
  6. Navigation: show, hidden

How to Use Option Panel #back to top

General

General Settings

Basic Options for Neder Theme
  1. Layout Aspect: Boxed, Full Width
  2. Preloader: On, Off
  3. Favicon: Upload your favicon
  4. Logo: Upload your Logo
  5. Mobile Logo: Upload your Mobile Logo
  6. Pagination Type: Choose pagination type. Standard (next, prev) or numeric
  7. RTL: right to left. Select ON if you want your site in RTL mode

Background

Background Options Style
  1. Background Types:
    1. Color
      1. Background Color
    2. Pattern
      1. Pattern Background
    3. Image
      1. Image Background

Header

Header Top

Header Top Settings
  1. Active Header Top: On, Off
  2. Preloader: On, Off
  3. Header Date Format: select your favorite date format.
  4. News Ticker:
    1. Autoplay (ms): add autoplay value (ex 2000) or Leave empty for default. 2000 = 2 sec
    2. Enter number of posts to load: add number of posts to load
    3. All Posts/Sticky posts: select if you want normal post or only sticky posts
    4. Categories: check your cagetegory/categories to gets posts.
    5. Order: you can choose from ASC (ascending order from lowest to highest values: 1, 2, 3; a, b, c) and DESC (descending order from highest to lowest values: 3, 2, 1; c, b, a) order.
    6. Order By: you can choose your order by from none, comment count, views, date, modified, title and rand (random).
  5. Social or Menu:
    1. Social:
      1. Facebook: Facebook URL. Leave Empty for disable
      2. Twitter: Twitter URL. Leave Empty for disable
      3. Google Plus: Google Plus URL. Leave Empty for disable
      4. Instagram: Instagram URL. Leave Empty for disable
      5. Linkedin: Linkedin URL. Leave Empty for disable
      6. Vimeo: Vimeo URL. Leave Empty for disable
      7. Youtube: Youtube URL. Leave Empty for disable
    2. Select Top Menu: select your favorite menu created on Select your menu created in Appearance -> Menu
    3. Disable Section: disable this section
  6. Login/Register: show, hidden

Header Middle (Logo)

Header Middle Settings
  1. Logo Position: left, right, Center (If select it you disable banner top)
  2. Background Types:
    1. Color
      1. Background Color
    2. Pattern
      1. Pattern Background
    3. Image
      1. Image Background

Header Bottom (Menu)

Header Bottom Settings
  1. Search Button: Click On for active Search Button

Header Order

Header Order Settings
  1. Header Order Manager: you can order header position (top, middle and bottom) using drag and drop elements.

Header Sticky

Header Sticky Settings
  1. Active Header Sticky: On, Off
  2. Logo Position: left, right, Center (If select it you disable banner top)
  3. Sticky Logo: Upload your Logo Sticky Header

Footer

All footer settings

  1. Footer Top (Widget Area): On, Off (Click On for active Footer Top Widget Area)
  2. Back to top Button: On, Off (Click On for active back to top Button)
  3. Footer Bottom: On, Off (Click On for active Footer Bottom)
  4. Footer Bottom Type: you can order or delete elements footer (social, text and menu) using elements drag and drop.
  5. Footer Text Settings:
    1. Footer Text: write here your footer text
  6. Footer Social Settings:
    1. Facebook: Facebook URL. Leave Empty for disable
    2. Twitter: Twitter URL. Leave Empty for disable
    3. Google Plus: Google Plus URL. Leave Empty for disable
    4. Instagram: Instagram URL. Leave Empty for disable
    5. Linkedin: Linkedin URL. Leave Empty for disable
    6. Vimeo: Vimeo URL. Leave Empty for disable
    7. Youtube: Youtube URL. Leave Empty for disable
  7. Select Footer Menu: select your favorite menu created on Select your menu created in Appearance -> Menu

Post

All posts settings

  1. Layout: select your layout post. You can override this option in each post using metabox. 3 Layouts available
  2. Social Share Post: On, Off (Click On for active Social Share Post)
  3. Pagination Post: On, Off (Click On for active Pagination Post)
  4. Author Info: On, Off (Click On for active Author Bio)
  5. Related Posts: On, Off (Click On for active Related Posts)

General Page

All general page settings

404

404 Page settings
  1. Sidebar 404 Page: Right, Left, None

Archive

Archive Page settings
  1. Sidebar Archive Page: Right, Left, None
  2. Layout Archive Page: choose your favorite layout. 5 Layouts available
  3. Columns Archive Posts: 1, 2, 3, 4
  4. Archive Layout Type: Grid, Masonry

Author

Author Page settings
  1. Sidebar Author Page: Right, Left, None
  2. Layout Author Page: choose your favorite layout. 5 Layouts available
  3. Columns Author Posts: 1, 2, 3, 4
  4. Author Layout Type: Grid, Masonry

Category

Category Page settings. This settings can be override in each category. More info click here
  1. Sidebar Category Page: Right, Left, None
  2. Layout Category Page: choose your favorite layout. 5 Layouts available
  3. Columns Category Posts: 1, 2, 3, 4
  4. Category Layout Type: Grid, Masonry
  5. Category Description: Show, Hidden

Image

Image Page settings
  1. Sidebar Image Page: Right, Left, None

Search

Search Page settings.
  1. Sidebar Search Page: Right, Left, None
  2. Layout Search Page: choose your favorite layout. 5 Layouts available
  3. Columns Search Posts: 1, 2, 3, 4
  4. Search Layout Type: Grid, Masonry

Tag

Tag Page settings.
  1. Sidebar Tag Page: Right, Left, None
  2. Layout Tag Page: choose your favorite layout. 5 Layouts available
  3. Columns Tag Posts: 1, 2, 3, 4
  4. Tag Layout Type: Grid, Masonry

Theme Colors

General Color Theme:

General Color Theme:
  1. Presets: Select you favorite preset.
  2. If you select in presets field value custom you active all tabs to customize the colors theme. And active 2 color on this tab:
    1. Main color
    2. Secondary color

Header Top

Header Top Colors
  1. Background
  2. Text and Icon
  3. Line Separator

Header Bottom

Header Bottom Colors
  1. Background Bottom
  2. Line Separator
  3. Menu Colors:
    1. Active-Hover Menu Text and Icon
    2. Menu Text and Icon
    3. Sub menu Text and Icon
    4. Sub menu Background
    5. Sub menu Border

Content

Content Colors
  1. Background
  2. Title
  3. Text
  4. Text info (date, comments, categories)
  5. Navigation Background and Border (active, hover)
  6. Post Title

Footer Top

Footer Top Colors
  1. Background
  2. Title
  3. Text
  4. Text info (date, comments, categories)
  5. Navigation Background and Border (active, hover)
  6. Post Title

Footer Bottom

Footer Bottom Colors
  1. Background
  2. Text and Icon
  3. Border Line

Typography

All typography settings
  1. Body Typography: choose your favorite typography for body
  2. Paragraph Typography: choose your favorite typography for paragraph

ADV

Advertisement Options

  1. Advertisement Top Banner Activation: On, Off (Click On for active). If logo is setted on center this position is OFF by default
  2. Advertisement Top Banner: Upload your banner (Dimension advised: 800x100 px)
  3. Advertisement Top Banner Link: write link for top banner (Leave Empty for disable)
  4. Advertisement Top Banner Link Target: Blank (new window), Self (same window)
  5. Advertisement Content Banner Activation: Active All Page/Posts, Active only on Posts, Active only on Pages, Disabled
  6. Advertisement Content Banner: Upload your banner (Dimension advised: 800x100 px)
  7. Advertisement Content Banner Link: write link for Content banner (Leave Empty for disable)
  8. Advertisement Content Banner Link Target: Blank (new window), Self (same window)
ADV advise size:

Banner Top: 920x100px
Banner Content: 835x100px
Banner Footer: 1100x100px
Sidebar Banner: 320x300px
This is advise banner. We advise you to use this size as max of banner size.

Sidebar

Create your custom sidebar

  1. Create Your Custom Sidebar: write name of custom sidebar and save page. If you want add more sidebar click on add more. Sidebar created are available on appearance -> widget

Slide Panel

Slide Panel options

  1. Slide Panel Position: none/left/right
  2. Select Sidebar: select your favotire sidebar

Speed Site

Speed Site options

  1. Lazy Load: lazy load effect of images
  2. Minify css/js assets: minify css/js files of theme assets

Import / Export

  1. Import Options: import from file, import from url. WARNING! This will overwrite all existing option values, please proceed with caution!
  2. Export Options: copy data, downalod data file, copy export url. Here you can copy/download your current option settings. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other site).

Support #back to top

If you need support you can open a ticket.

Open a ticket

Version History (Changelog) #back to top

						
						-----------------------------------------------------------------------------------------
						Version 1.0 Oct 02th, 2017
						-----------------------------------------------------------------------------------------

						- Start Release