Neaty User Guide

Neaty

Theme Name: Neaty
Current Version: 1.1.0
Created By: codeex
Contact Information: codeex

Neaty is a WordPress theme that is suitable for building personal portfolio, creative agency, designer portfolio, illustrator portfolio, photographers and with similar purposes that focuses in minimalism, elegance and simplicity. It will give your content a sophisticated look, despite the absolute minimalist design of this theme.

Neaty is totally responsive so your target audience could visit your website no matter what kind of device they prefer to choice. If you are looking for modern and creative approach for your business or personal website, Neaty is the right choice. We have created a theme that will get your attention and hold it for a great user experience. Check it out for yourself and enjoy exploring the features. Compatible on WordPress 4.7.2

The following document is a detailed user guide to help you get your new website up and running. Please take your time and read through the document carefully and diligently. If you require further assistance, please feel free to contact us at: codeex

To get “Theme Options” content data, you need to save it here “Appearance >> Theme Options” and click “Save Changes” button. All demo theme options data will be saved.. Table of Contents How to Install and Activate a Theme

I highly recommend you to update to the latest version of WordPress (stable version). (currently 4.7.2) This will help to ensure that you are able to utilize all of the latest features of WordPress.

If your theme is not working here’s what you should do (common issue is missing stylesheet): CLICK HERE

Installing Neaty is just like installing any other WordPress theme. Its a simple process in the 5 steps below.

  • Go to Appearance >> Themes
  • Click Add New Button
  • and then click on the “Upload” link.
  • Click “browse” button and new window will pop up, please select the zip files of the theme you want to install
  • If everything is done please click the button “Install Now” button and then you’re done…

Next is, we will activate the theme so that you can use it.

  • Go to Appearance >> Themes
  • Hover on the theme screenshot and click “Activate” button.

Back to top How to Add Custom Menus

We will first create the menu we want

  • Go to Appearance
  • After that click “Menus”
  • Once you are their just click on “create a new menu” button in right area of the “Edit Menus” tab
  • you will then see a textfield with “Menu Name”, please enter your desire menu name
  • once you already added menu name in your textfield, please click button “Create Menu”

  • After that please select “Pages” box in left side boxes and check the pages you want to display in your “Menu Structure”
  • After that please click the button “Add to menu”
  • Once done you have the ability to drag and drop the menus (you can change order using this)
  • In your Menu Settings below please check the box “Primary Menu”
  • After you change order of the menus you can then click the button “Save Menu”
  • After saving the menu please go to “Manage Locations” and in your selectbox please choose the name of your menu you just created
  • When done please click button “Save Changes”

Back to top Theme Shortcodes Neaty Theme Includes 13 shortcodes button tinymce

Just activate it in plugins directory and your done.

How to Install:

  • You will see this message above “This theme requires the following plugin: codeex Shortcodes.” and you will have two links, click on the “Begin installing plugin”
  • or use this “Appearance >> Install Plugins” and you will see “codeex Shortcodes” mouse hover it and you will see a link “Install” click it and your done..

Please use these buttons for theme shortcodes

Back to top How to use Child Theme for Neaty

Neaty WordPress Theme comes with child theme ready folder located “neaty-child”
More Information about how to create child theme, click here

Here’s how to install child theme and Understanding Child Themes here

Use CHILD THEME to avoid hassle when updating to new version, please make sure parent theme is also in your themes directory. Back to top How to add company logo go to “Appearance >> Customize >> Site Identity >> Site Logo” and click Select Image

Back to top

How to add retina logo go to “Appearance >> Customize >> Site Identity >> Site Retina Logo” and click Select Image

Back to top

How to add favicon in your site go to “Appearance >> Customize >> Site Identity >> Site Icon” and click Select Image

Back to top

How to change theme layout from fullwidth to boxed type go to “Appearance >> Customize >> General >> Main >> Theme Layout” and select your choices.

Back to top

How to change pagination style go to “Appearance >> Customize >> General >> Main >> Paging Style” and select your choices.

Back to top

How to change font family go to “Appearance >> Customize >> General >> Font Family” and select your choices.

Back to top

How to add your own Custom CSS codes go to “Appearance >> Customize >> Additional CSS” and add your own customize code here, if it’s not overwriting the old css code try adding (!important) at the last (ex: margin-top:2px !important;)

Back to top

How to add background type go to “Appearance >> Customize >> General >> Background Images >> Background Type” and select your choices

Back to top

How to add background images for archive page go to “Appearance >> Customize >> General >> Background Images >> Archive Image” and click upload button

Back to top

How to add background images for taxonomy page go to “Appearance >> Customize >> General >> Background Images >> Taxonomy Image” and click upload button

Back to top

How to add background images for search page go to “Appearance >> Customize >> General >> Background Images >> Search Image” and click upload button

Back to top

How to add background images for 404 page go to “Appearance >> Customize >> General >> Background Images >> Page not found Image” and click upload button

Back to top

How to change color scheme of your theme go to “Appearance >> Customize >> Colors” and click select color button

Back to top

How to add social icons go to “Appearance >> Customize >> General >> Social Media” and add your social usernames or ID

Back to top

How to set up single language of this theme

Below are the steps on how to set up single language translations.

  • Please make sure you added your .pot files in this folder “wp-content/languages”, create languages folder if folder not exist.
  • Save the file.
  • once done you can check your language selection here “Settings >> General >> Site Language”

Back to top How to activate portfolio and clients custom post types In our download package you will see folder “plugins” open it and you will see “codeex-post-types.zip” file install it in your “Plugins” and activate it once done.. Portfolio and Clients custom post types will now activated..

Back to top

How to use our demo revolution slider In our download package you will see folder “theme-demo-contents” open it and you will see “homeslider.zip” file import it in your “Revolution Slider Plugin” and your done..

Back to top

How to create Default Homepage

Below are the following steps on how to set up default homepage

  • Click on Pages Menu.
  • Select Add New and fill the fields needed to create your page (add homepage).
  • In your page attributes “Template” section select “Homepage”.
  • Click Publish button and your done adding home page.
  • Now go to Settings >> Reading >> Front page displays
  • Select “A Static Page” in your Front page select “Homepage”
  • Click the “Save Changes” button and your done

Back to top How to create Blog page

Below are the following steps on how to set up this page

  • Click on Pages Menu.
  • Select Add New and fill the fields needed to create your page.
  • In your page attributes “Template” section select “Blog”.
  • Click Publish button and your done.

Back to top How to create Fullwidth page

Below are the following steps on how to set up this page

  • Click on Pages Menu.
  • Select Add New and fill the fields needed to create your page.
  • In your page attributes “Template” section select “Fullwidth”.
  • Click Publish button and your done.

Back to top How to create Portfolio Page

Below are the following steps on how to set up this page

  • Click on Pages Menu.
  • Select Add New and fill the fields needed to create your page.
  • In your page attributes “Template” section select “Portfolio”.
  • Click Publish button and your done.

Back to top How to create Portfolio Filter Page

Below are the following steps on how to set up this page

  • Click on Pages Menu.
  • Select Add New and fill the fields needed to create your page.
  • In your page attributes “Template” section select “Portfolio Filter”.
  • Click Publish button and your done.

Back to top How to create contact page

Below are the following steps on how to set up contact us page

  • Click on Pages Menu.
  • Select Add New and fill the fields needed to create your page.
  • In your page attributes “Template” section select “Contact”.
  • Click Publish button and your done.

Back to top How to create sitemap page

Below are the following steps on how to set up sitemap page

  • Click on Pages Menu.
  • Select Add New and fill the fields needed to create your page.
  • In your page attributes “Template” section select “Sitemap”.
  • Click Publish button and your done.

Back to top How to Create Blog Post

Below are the steps on how to create posts

  • Click on Posts Menu
  • Click Add New Menu in posts submenu.
  • Enter the name of Title, Content and what ever fields needed.
  • Select any of the 5 post format required (Standard, Image, Audio, Video and Gallery)
  • If Image (add image in Feature Image box by clicking the “Set featured image” link)
  • If Video (add video url or upload your own self hosted video)
  • Click Publish button when your done.

Back to top How to Create Post Category

Below are the following steps on how to create post categories

  • Click on Posts Menu
  • and then Select “Categories”.
  • Enter your desire name of your new category and the fill other fields.
  • Click “Add New Category” button and your done.

Back to top How to Create Video Blog Post

Below are the following steps on how to post a video blog

  • Click on Posts Menu
  • Click Add New Menu in posts submenu.
  • Enter the name of Title, Content and what ever fields needed.
  • Click Featured Image (located right side) to create a video thumbnail and click “Set Featured Image” thickbox will pop up.
  • Select a Video post format in “Format” box located in your right side
  • Add video options in “Post Options” box at the bottom
  • Click Publish button when your done.

Back to top How to Create Audio Blog Post

Below are the following steps on how to post a audio blog

  • Click on Posts Menu
  • Click Add New Menu in posts submenu.
  • Enter the name of Title, Content and what ever fields needed.
  • Select a Audio post format in “Format” box located in your right side
  • Add audio options in “Post Options” box at the bottom
  • Click Publish button when your done.

Back to top How to Create Image Blog Post

Below are the following steps on how to post a image blog

  • Click on Posts Menu
  • Click Add New Menu in posts submenu.
  • Enter the name of Title, Content and what ever fields needed.
  • Click Featured Image (located right side) to create a video thumbnail and click “Set Featured Image” thickbox will pop up.
  • Select an Image post format in “Format” box located in your right side
  • Click Publish button when your done.

Back to top How to Create Gallery Blog Post

Below are the following steps on how to create gallery blog

  • Click on Posts Menu
  • and then click Add New.
  • Enter the name of Title, Content and what ever fields needed.
  • Click the button “Add Media” single or multiple images for your blog images.
  • once thickbox popup just click “Upload Files” tab
  • once their just click the button “Select Files” or just drag it.
  • It will automatically uploaded using WordPress latest version.

Now close the (x) button of the thickbox(popup) Don’t click the “Insert to post” button because we are not inserting the images into your post description. Once thickbox(popup) is close click button “Update”

Back to top

How to Create Portfolio Post

Below are the following steps on how to create a post in portfolio custom post type.

  • Click on Portfolio Menu
  • and then click on Add New
  • Enter the name of Title, Content and what ever fields needed including custom fields.
  • Add an image for each post at the right column (Featured Image)
  • Click Publish button when your done.

Back to top How to Create Portfolio Image Slider

Below are the following steps on how to create portfolio image slider

  • Click on Portfolio Menu
  • and then click Add New.
  • Enter the name of Title, Content and what ever fields needed.
  • Click the button “Add Media” single or multiple images for your portfolio images.
  • once thickbox popup just click “Upload Files” tab
  • once their just click the button “Select Files” or just drag it.
  • It will automatically uploaded using WordPress latest version.

Now close the (x) button of the thickbox(popup) Don’t click the “Insert to post” button because we are not inserting the images into your post description. Once thickbox(popup) is close click button “Update”

Back to top

How to change the ordering of portfolio go to “Appearance >> Customize >> Portfolio >> Main >> Order” and select options either (descending or ascending)

Back to top

How to change the orderby parameter for portfolio go to “Appearance >> Customize >> Portfolio >> Main >> Sorty By” and select options parameter either (ID, author, title, name, date, modified, parent, rand, comment_count and menu_order)

Back to top

How to change the ordering of portfolio slider go to “Appearance >> Customize >> Portfolio >> Single Post >> Order” and select options either (descending or ascending)

Back to top

How to change the orderby parameter of portfolio slider go to “Appearance >> Customize >> Portfolio >> Single Post >> Sort By” and select options parameter either (ID, author, title, name, date, modified, parent, rand, comment_count and menu_order)

Back to top

How to add google map 1. go to “Appearance >> Customize >> Contact >> Latitude” and add your desire latitude value
2. go to “Appearance >> Customize >> Contact >> Longitude” and add your desire longitude value

Back to top

How to add phone number go to “Appearance >> Customize >> Contact >> Phone Number” and add your business phone number

Back to top

How to add your own contact form

You need to install the plugin “Contact Form 7” it is located in our download package folder here “plugins” folder or just download the plugin directly here

Example code for contact forms

[text* fname id:fname placeholder “Your Name”]

[email* email id:email placeholder “Email Address”]

[text website placeholder “Website”]

[textarea* message placeholder “Your Message Here…”]

[checkbox* checkbox-750 use_label_element “test” “here”]

[radio radio-732 use_label_element “example” “testing” “sample”]

[submit “Send”]

Back to top Credits: Links/Images/Icons/Patterns and Tutorials Used Unsplash
PicJumbo
Demo images are not included in the download package

Back to top Useful Links and Tools These links we have here is not own by us, we just make some research on how to help you dealing with this situation. Thank you!
Back to top