“NYX Creative” Documentation by “Indonez” v1.0

“NYX Creative”

Created: 8th September, 2014
By: Indonez
Support Forum

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to post a support question on our forum here. Please select NYX WP on categories. Thanks so much!

Table of Contents

  1. Basic Installation
  2. Plugins Installation
  3. Importing The Demo Data
  4. How To Setup Sliders
  5. Setting up Homepage
  6. Setting up Blog Page
  7. Setting Up General Page
  8. Setting Up Contact page
  9. Setting Up Portfolio page
  10. Setting Up Testimonial
  11. Setting Up Team
  12. Setting Up Client / Partner
  13. Menus
  14. Custom Widgets & Locations
  15. Theme Options
  16. Shortcodes
  17. How to?
  18. How to Translate
  19. CSS
  20. Javascript
  21. Sources And Credits

Basic Installation - back to top

To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress

Extract the zipped package downloaded from themeforest to your desktop, in the extracted package you will find NYX.zip inside theme folder which is the wordpress theme.

You can install the theme in two ways:

  1. FTP: Extract NYX.zip file and upload the extracted folder to /wp-content/themes/ folder on your server.

  2. WordPress Admin: Navigate to Appearance >> Themes >> Add New >> Upload Theme. Select NYX.zip file. Press the Install Now button to upload and install the theme.

After uploading the theme, you have to activate it. Navigate to Appearence -> Themes page to activate the theme.

Plugins Installation - back to top

You must install some plugins. This theme required plugin below

  1. Navigate to WP Admin >> Appearance >> Install Plugins. Install & activate the plugin.

Importing The Demo Data - back to top

We have include the exported XML file from our demo, this allows you to quickly set up your theme the same way our demo is set up. Instructions on how to do this are below.

  1. The XML file is included within the download package inside sample data (xml) folder, in which will be used to import the content.

  2. Navigate to WP Admin >> Tools >> Import.

  3. Select and install WordPress importer plugin.

  4. Browse nyx-sample-data.xml inside sample data (xml) folder. Select the XML file and upload it. It will in few minutes install and upload all content with images.

How to setup Sliders - back to top

Navigate to WP Admin >> Revolution Slider. You can create your own slider or import slider like our demo.

Browse example slider data from documentation/revolution_slider_data folder. Select one of the demo files then click import slider.

Revolution Slider can be added to each page. Navigate to WP Admin >> Pages >> Your Pages. Scrolldown until you see slider options.

Setting up the Homepage - back to top

Homepages are built through a combination of shortcodes as seen of the demo.

  1. Navigate to WP Admin >> Pages >> Add New.
  2. Assign the page to "Default Template" from page template (page attributes).

  3. Setting Slider Options and Page Options

  4. Paste example code inside documentation/page_code_example to content editor. You can use Homepage Default, Homepage Lawyer, Homepage Medical, Homepage University

To setup one of these pages as homepage, navigate to WP Admin >> Settings >> Reading Settings and set as front page.

Setting up the Blog page - back to top

To setup a blog page, there are 2 ways.

  1. Navigate to WP Admin >> Pages.

    Create a new page, empty content, a placeholder for blog page.

    Navigate to WP Admin >> Settings >> Reading and change the posts page to the placeholder page for blog you just created. Posts will show up on the blog page.

  2. Navigate to WP Admin >> Pages.

    Create a new page, empty content, assign page to "Blog" Template.

    Navigate to WP Admin >> Appearance >> Theme Options >> Blog then select Blog Categories.

Setting up the General Page - back to top

Pages are built through a combination of shortcodes as seen of the demo. To setup page.

  1. Navigate to WP Admin >> Pages >> Add New.
  2. Assign page to "Default Template".

    Default Template: Use for standard page.
    Blog: Use for blog page.
    No margin Bottom: Use if want remove space on bottom page area.

  3. Setting Slideshow Options and Page Options

    Note:
    - Layout Options: left sidebar, fullwidth, right sidebar.
    - Sidebar: will be displayed if choose left sidebar and right sidebar on layout options.

  4. Paste example code inside documentation/page_code_example to content editor.

Setting up the Contact page - back to top

  1. You Should Install Contact Form 7 plugin
  2. Follow instruction on Setting up the General Page
  3. Open Contact.txt inside documentation/page_code_example. Copy the code to content editor.

Contact form layout example to include in contact page. Navigate to WP Admin >> Contact:

  1. Edit Contact form
  2. Paste code below

Setting up the Portfolio Page - back to top

Add portfolio item. Navigate to WP Admin >> Portfolio >> Add new.

  1. Title.
  2. Add code to Content Editor.
  3. Portfolio options. (optional).
  4. Text description. if you can't see excerpt, navigate to Sreen Options on top right then check excerpt there.
  5. Upload some image. Set featured image >> Media Library >> Uploaded to this post. You can order image there and choose one as featured image.

    One image only be used for one portfolio post. Don't use image that already exist in the Media Library for some portfolio post.

  6. Add category.
  7. Publish or Update.

Setup Portfolio Page

  1. Create a new page. Navigate to WP Admin >> Pages >> Add New.
  2. Assign the page to "Default Template" from page template (page attributes).
  3. Add portfolio shortcode to content editor. Example portfolio shortcode (scroll until bottom area of page).
  4. Choose full width on Layout Options.

Setting up the Testimonial - back to top

Add testimonial item. Navigate to WP Admin >> Testimonial >> Add new.

  1. Title.
  2. Add text to content editor.
  3. Testimonial options.
  4. Upload image. Set as featured image.
  5. Add category.
  6. Publish or Update.

Setup Testimonial Page.

  1. Create a new page. Navigate to WP Admin >> Pages >> Add New.
  2. Assign the page to "Default Template" from page template (page attributes).
  3. Add portfolio shortcode to content editor. Example testimonial shortcode (scroll until bottom area of page).
  4. Choose full width on Layout Options.

Setting up the Team - back to top

Add team item. Navigate to WP Admin >> Team >> Add new.

  1. Title.
  2. Add text to content editor.
  3. Team options.
  4. Text description. if you can't see excerpt, navigate to Sreen Options on top right then check excerpt there.
  5. Upload image. Set as featured image.
  6. Add category.
  7. Publish or Update.

To display team items in a page. Please add team list shortcode to content. See Example team shortcode

Setting up the Client - back to top

Add client item, Navigate to WP Admin >> Client >> Add new.

  1. Title.
  2. Client options.
  3. Upload image. Set as featured image.
  4. Add category.
  5. Publish or Update.

To display client items in a page. Please add client shortcode to content editor. See Example client shortcode

To setup the menus. Navigate to WP Admin >> Apperance >> Menus.

Enter a name for your menu and add links to the menu by using the options given on the left sidebar. You can manage your menus using the drag and drop functionality. Hit the "Save Menu" button.

If want use icon on menu. Please install Menu Icons & Menu Icons: IcoMoon Plugin.

To install the plugin

  1. Navigate to WP Admin >> Plugins >> Add New. Search plugin Menu Icons. The plugin By Dzikri Aziz
  2. Search plugin Menu Icons: IcoMoon. The plugin By Dzikri Aziz
  3. Install & activate both the plugin.

After setting up your menu, choose menu for main navigation. Menus >> Manage locations.

Custom Widgets & Locations - back to top

Setup sidebar and footer widget. Navigate to Apperance >> Widgets and use the drag and drop interface to drop widgets into the sidebar or footer widget area.

Unlimited Sidebars

You can create custom sidebars and select a different sidebar with different pages for each widget. To create a custom sidebar, navigate to WP Admin >> Appearance >> Theme Options >> Sidebar >> Manage Sidebars.

You can select the sidebar for each page.

Theme Options - back to top

Administration panel can be access by Navigate to WP Admin >> Appearance >> Theme Options.

Copy Example Setting from our demo. Navigate to WP Admin >> Appearance >> Theme Options >> Backup >> Transfer Theme Options Data.

Paste code below then click "Import Options" button.

Shortcodes - back to top

The shortcodes are available under the usual formatting options on the post / page text editor.

Or you can enter mannualy the shortcode in text mode. See code Here. Please look shortcode demo under Shortcode menu.

How to? - back to top

Please go to How to page

How to Translate - back to top

This theme has been localized and it includes a .po and .mo file so you can translate the theme to your own language.

Step 1: Copy default.po

Located in the "/wp-content/themes/nyx/languages" folder of the theme is a file called default.po. Copy this file to your desktop for editing.

Step 2: Edit default.po

Open the .po file using a program like PoEdit.

Click on the text to edit and enter your translation in the bottom box

Step 3: Save default.po

Next you have to save your .po file using the naming convention is based on the language code (e.g. pt for Portuguese) followed by the country code (e.g. _BR for Brazil). So, the Brazilian Portuguese file would be called pt_BR.po.

When saing your .po it will automatically create a new .mo file for you, with the same naming convention ( so using the example above, the file would be called pt_BR.mo

Step 4: Upload new files

Upload the .po and .mo files you just created to your /languages folder so they are in the same directory as the default.po and default.mo

Step 5: Edit wp-config.php

The last step is to tell WordPress what languange to show

Open your wp-config.php file in a text editor and search for:

define ('WPLANG', '');

Edit this line according to the .mo file you've just downloaded, e.g. for the Portuguese spoken in Brazil you must add: 

define ('WPLANG', 'pt_BR');

CSS - back to top

The CSS files are listed below.

Javascript - back to top

Sources and Credits - back to top

Plugin on this theme:

All image use on this theme are free and from :

All icon use on this theme are free and from :

Go To Table of Contents