Page & Blog – NooTheme

Login/ Register Page

Jessica — Fri, 25 Mar 2016 10:48:39 +0000

Here are images of shortcodes used to create Login/ Register Page

Membership Page

Jessica — Fri, 25 Mar 2016 10:01:57 +0000

Here is image of shortcodes used to create Membership Page

1. Red Row 1

It has a Row shortcode whose style is one column
The column contains a Text Block shortcode

2. Red Row 2

It has a Row shortcode whose style is one column
The column comprises a Text Block shortcode

About Us Page

Jessica — Thu, 24 Mar 2016 10:34:24 +0000

Here is image of shortcodes used to create About Us Page

1. Red Row 1

It has a Row shortcode whose style is 2 columns
The first column contains a Single Image shortcode
The second one contains the following shortcodes: 2 Text block shortcodes and a Gap shortcode

2. Red Row 2

It has a Row shortcode whose style is one column
The column contains a Noo Testimonial shortcode

3. Red Row 3

It has a Row shortcode whose style is one column
The column contains a Trainer shortcode

Trainer List Page

Jessica — Thu, 24 Mar 2016 09:56:49 +0000

Row and Trainer are 2 shortcodes used to create Trainer List Page

Trainer settings:
Columns: The number of shown columns fluctuates between 1 and 4
Grid Style: There are 2 styles which are Masonry Grid and Standard Grid

1. Masonry Grid

2. Standard Grid

Show Category Filter: Tick this box to show category filter. This option is not available to Standard Grid Style.
Order By: This option controls display order of trainers based on Default, Recent First, Older First, Title Alphabet or Title Reversed Alphabet.
Max number of post: The maximum number of posts is shown
Heading/ Sub Heading: These options are not required. It is up to you to show heading and subheading on top of this section.

Class Schedule/ Monthly Schedule Pages

Jessica — Thu, 24 Mar 2016 09:49:37 +0000

1. Class Schedule Page

There are 2 shortcodes used to create this page. They are Row and Class Schedule

Class Schedule settings:
Default View: There are 2 types of View. They are weekly and monthly view
Schedule Min Time: Enter the minimum start time of schedule here
Schedule Max Time: Enter the maximum end time of schedule
Schedule Height: Enter height of the schedule. If you leave this section blank, the auto height will be set.
Hide Times from schedule: Times selected here will be hidden in the schedule. Note that you should not choose times at which classes take place
Show weekends: Choose Yes or No to Show or Hide Saturday and Sunday
Visibility: Choose devices on which this shortcode is shown or hidden
Class: Enter a unique class name
Custom Style: Enter Css which helps you to change style

2. Monthly schedule

This page has the same shortcodes as Weekly schedule page. Yet, this page has Monthly View instead Weekly View

Home Classic Page

Jessica — Thu, 24 Mar 2016 05:01:05 +0000

Here are images of shortcodes used to create Home Classic Page

1. Red Row 1

It has a Row shortcode whose style is one column
The column contains a Revolution Slider

2. Red Row 2

It has a Row shortcode whose style is one column
The column comprises 2 Gap shortcodes and a Row shortcode whose style is 3 columns. Each column contains a Text Block

3. Red Row 3

It has a Row shortcode whose style is one column
The column includes a Gap and a Noo Recent Class

4. Red Row 4

It has a Row shortcode whose style is one column
The column comprises 2 Gap shortcodes and a Trainer shortcode

5. Red Row 5

It has a Row shortcode whose style is one column
The column includes a Gap and a Noo Testimonial
Testimonial Title: Enter a title here
Testimonial Image Per Page: The number of testimonial images shown per page
Auto Play: Choose Yes or No
Slider Duration: the time during which slides run
Show Name/ Show Position: Select Yes or No to Show or Hide Name and Position of people who give testimonials
Visibility: Chose Show or Hide this shortcode on devices
Class: Enter a unique class name
Custom Style: Enter Css which helps you to modify the style

Row settings

6. Red Row 6

It has a Row shortcode whose style is one column
The column comprises a Noo Recent News shortcode

7. Red Row 7

It has a Row shortcode whose style is one column
The column contains a Text Block shortcode ( paste this shortcode [noo_membership_package] into this Text Block) and a Gap shortcode

Home Page

Jessica — Wed, 23 Mar 2016 10:34:24 +0000

Here are images of shortcodes used to create Home Page

1. Red Row 1

It has a Row shortcode whose style is one column
The column contains a Revolution Slider

2. Red Row 2

It has a Row shortcode whose style is 2 columns (2/3 + 1/3)
The first column comprises a Gap, Text Block a Row shortcode whose style is 3 columns (each column contains an Icon and a Text Block shortcode)
The second column contains 2 Gap shortcodes and a Single Image shortcode

Display of Red Row 2 on Home Page

3. Red Row 3

It has a Row shortcode whose style is one column
The column contains a Text Block shortcode, Row shortcode whose style is 2 columns and a Gap shortcode

1. Column 1 settings

2. Column 2 Settings

The first column contains a Noo Recent Class shortcode
Title: Enter a title here
Columns: The number of columns is shown on this page. It varies from 3 to 6
Class Categories: Choose class categories shown on this page
Trainer: Select a trainer in the drop-down list
Posts Per Page: Enter a number that is equal to the number of Class posts displayed per page
Order By: This option controls the display order of Class posts based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Layout Style: There are 2 layout styles

1. Default

2. Info Overlay

Show Info: Choose type of shown information. You can show both Date and Time, Only Date, Only Time or No Date and No Time
Visibility: Choose devices on which this shortcode will be visible or invisible
Class: Enter a unique class name
Custom Style: Enter Css which helps you customize the style
The second one includes a Text Block shortcode

Display of Red Row 3 on Home Page

4. Red Row 4

It has a Row shortcode whose style is one column
The column comprises the following shortcodes: a Gap, a Text Block and a Noo Video Slider
Noo Video Slider settings:
Title: Enter a title here
Post Per Slide: The number of posts is shown per slide
Visibility: Choose devices on which this shortcode is hidden or shown
Class: Enter a unique class name
Custom Style: Enter Css which helps you to customize the style

5. Red Row 5

It has a Row shortcode whose style is one column
The column contains a Trainer shortcode
Columns: The number of columns is displayed
Grid Style: there are 2 styles which are Standard Grid and Masonry Grid. If you select the second style, you will have an extra option to Show Category Filter

1. Standard Grid

2. Masonry Grid with showing category filter

Order By: The display order of Trainers is based on Default, Recent First, Older First, Title Alphabet or Title Reversed Alphabet.
Max Number of Posts: This option handles the maximum number of Trainers shown on this page
Heading/ Sub-heading: Enter a heading/ sub-heading title
Visibility: Choose devices on which this shortcode is shown or hidden
Class: Enter a unique class name

6. Red Row 6

It has a Row shortcode whose style is 2 columns (1/2+1/2)
The first column comprises a Single Image shortcode
The second one contains 2 Gap shortcodes and a Text Block shortcode

7. Red Row 7

It has a Row shortcode whose style is one column
The column contains a Noo Recent News
Title: Enter a title here
Columns: Choose the number of columns shown on this page. The number varies from 2 to 4
Posts Per Page: The number of posts is displayed per page
Visibility: Choose hide/show this shortcode on devices
Class: Enter a unique class name
Custom Style: Enter Css which helps you to customize the style

8. Red Row 8

It has a Row shortcode whose style is one column
The column comprises 2 Gap and a Call To Action

Row settings

Blog Post Setting

_nixstar_ — Wed, 27 May 2015 03:06:16 +0000

Global Setting

Body Custom CSS Class: Add a custom CSS class to the element. Separate class names with a space.
Page Layout: You can choose Layout of Single Post page, includes Full Width. With Right Sidebar and With Left Sidebar style.

Post Format Setting

Gallery Settings: When selecting Gallery Format, you will have Gallery Setting meta-box to add as many images as you want into your gallery and manage your preview content as Featured Image, First Image on Gallery or Image Slideshow.
Image Settings: When you selecting Image Format for you post, you woll have Image Settings meta-box to choose main image of the post. Set Feature Image as main image for preview content or Choose Your Image if you want to set another image as main image for preview content.
Video Settings: When selecting Video Format, you will have Video Setting meta-box where you can add video URL, and embedded video code, aspect ratio and preview content as Featured Image, Video or Featured Image as Video Thumbnail.

Create A Blog Post

_nixstar_ — Wed, 27 May 2015 03:02:51 +0000

Follow these steps below to create a blog post:

Step 1: In your Admin Panel, go to Post and navigate to Add New.
Step 2: Enter your title and choose Post Format from Format box on the right side which shows different post format options: Standard, Image, Gallery and Video
Step 3: Add your post content in editing field. You can use our shortcode to build your content where needed.
Step 4: Add Categories for the post from the Categories box on the right side. You can add new category or choose from existing categories. Check the box to select Categories for your post. Add relevant Tags for your post in the Tags box, set Featured image on the right side and other setting from the sections below Editing field.

If you need detailed guide about post settings in WordPress, please find in WordPress Codex.

Step 5: All done, click Publish to publish your post.

To make changes to Post list and Single post, please go to Customizer > Blog in Admin panel or you can refer to this link to grasp instructions of modifying Post list and Single post:

Customizer

Page Setting

_nixstar_ — Wed, 27 May 2015 03:00:49 +0000

We have created some specific Yogi page settings which will help you to build splendid pages for your site. Following the list of options below to see how they work:

Body Custom CSS Class: Add custom CSS class to elements.
Hide Page Title: If you checked, page title won’t be displayed on header of your page.
Heading Background Image: This option allows you to select a unique heading image for your page.
Enable Menu Center Vertical: This option will help you to have menu bar floating on your header as Home default in our demo.

Page Templates

_nixstar_ — Wed, 27 May 2015 02:59:28 +0000

We have built some specific Yogi page templates for you. Here is the list and their short description:

Default Template: The default template can be used for any page. You can customize and add shortcode to build Homepage, Contact, Blog…
Full- width Template: This template is set to be full-width that can be used for Homepage, About page….
Page with Left Sidebar: You can have your page with left sidebar with this template. Use this template for your blog or whichever page you want to have sidebar. Select Page sidebar to display in sidebar position in Sidebar box.
Page with Right Sidebar: Also with sidebar but the right one, and of course, its use is quite the same. Choose this template for your blog whichever page you want to have sidebar. Select Page sidebar to display in sidebar position in Sidebar box.

Create New Page

_nixstar_ — Wed, 27 May 2015 02:57:44 +0000

Please follow these steps to create your pages:

Step 1: In Admin Panel, choose Page, click “Add New” on top then enter your page title. You can custom slug of the page in Permalink field appeared after entering title.

If you need to know more about Pages in WordPress, use the Help tab in the upper right of your screen.

Step 2: In Page Attributes box on the right side, choose your Parent page. It is set by default as no parent. Pages are usually ordered alphabetically, but you can choose your own order by entering a number in Order field.
Step 3: Also in Page Attributes box, choose your Page Template in dropdown list. See below Page Template list for more detail.
Step 4: Start editing your page content in the editing field. You can choose to edit your content using Visual or Text editor. To build content for you page you will need to our provided Shortcodes.
Step 5: Make other settings for the page in meta-boxes under editing field. Once you get your settings done, click Publish your page.