Pages – NooTheme

Contact Page

Jessica — Mon, 25 Jan 2016 09:59:05 +0000

Here is image of shortcodes used to create Contact Page

It has a Row shortcode whose style is 2 columns (2/3+1/3)
The first column comprises a Google Maps, a Map and 2 Text Block shortcodes
The second one includes a Text Block, Gap and Contact Form 7 shortcode

Our Staffs Page

Jessica — Mon, 25 Jan 2016 09:39:39 +0000

Here is image of shortcodes used to create Our Staffs Page

It has a Row shortcode whose style is one column
The column contains a Noo Staff shortcode
Title: Enter a title here
Show Archive Link: Choose Show/Hide Archive Link
Categories: Choose staff categories in the drop-down list
Grid Columns: Choose the number of shown columns
Posts per page: the number of posts is displayed per page
Show pagination: Choose Hide or Show the pagination

Blog Page

Jessica — Mon, 25 Jan 2016 09:13:58 +0000

To build this page, you only need to enter title of the page and click the Publish button. After that, you will carry out one further step: Navigate to Settings>Reading> opt Blog in Posts page section> Save changes.“Why does this page not have any shortcodes but it will still contain content when the page is exhibited on the site?”You may be intrigued by this question. The reason is that you decided on Blog in above-mentioned Posts Page section. In this case, it takes all the latest blog posts originating from Posts in Admin Panel.

Events Page

Jessica — Sat, 23 Jan 2016 08:27:28 +0000

1. Events Grid

Here is image of the shorcodes used to create Events Grid Page

It has a Row shortcode whose style is one column
The column contains a Noo Events shortcode
Title: Enter a title here
Show Archive Link: Select Show or Hide the link
Style: There are 2 styles that are List and Grid. If you are partial to Grid then you will have an extra option called Grid Columns (choose the number of shown columns)
Categories/Locations: Select categories/locations that will be shown
Posts per page: the number of posts is displayed per page
Show pagination: select show or hide pagination
Event status: Select event statuses in the drop-down list (All/ Upcoming/ Past events
Order Events By: Start Date (the date on which events start) or Added Date
Order Direction: Descending (Newest) or Ascending (Oldest)

2. Events List

It has a Row shortcode whose style is one column
The column contains a Noo Events of which style is List

3. Event Calendar

Here is image of shortcodes used to create

It has a Row shortcode whose style is one column
The column contains a Gap and a Noo Event Calendar shortcode
Noo Event Calendar settings:
Visibility: Choose devices on which this section is displayed or hidden
Class: Enter a unique class name

Causes Page

Jessica — Sat, 23 Jan 2016 07:00:46 +0000

1. Causes Grid

Here is image of the shortcode used to create Causes Grid Page

It has a Row shortcode whose style is one column
The column comprises a Noo Causes of which style is Grid

2. Causes List

It has a Row shortcode whose style is one column
The column includes a Noo Causes of which style is List

Home Cause

Jessica — Fri, 22 Jan 2016 09:08:09 +0000

Here are images of shortcodes used to create Home Cause page

1. Red Row 1

It has a Row shortcode whose style is one column
The column comprises a Cause Slider shortcode to which 2 Cause Slide are added
Cause Slider settings:
Animation: Slide or Fade
Slide Time/ Height/ Speed: You can set time, height and speed for the slide
Auto Play Slider: Tick this box so that slider can play automatically
Show Slide Indicator/ Previous/ Next Pagination: Tick these boxes to show corresponding items
Cause Slide settings:
Background Type: Choose Featured image that is taken form Cause posts or Custom image (you will have an extra option to upload image)
Cause: Select a cause post in the drop-down list

2. Red Row 2

It has a Row shortcode whose style is one column
The column includes the following shortcodes: Single Image, Text Block, Gap and Button 1

Display of Red Row 2 on the site

3. Red Row 3

It has a Row shortcode whose style is one column
The column includes a Noo Causes shortcode

4. Red Row 4

It has a Row shortcode whose style is one column
The column comprises the following shortcodes: Text Block and a Row shortcode of which style is 3 columns
Each column contains an Icon and a Text Block

Row settings

5. Red Row 5

It has a Row shortcode whose style is one column
The column contains three shortcodes: Text Block, Gap and Noo Causes

Display of Red Row 5 on the site

6. Red Row 6

It has a Row shortcode whose style is one column
The column includes a Responsive Slider to which 3 Slide shortcodes are added

7. Red Row 7

Shortcodes of Red Row 6 are the same as those of Red Row 7

Row settings

8. Red Row 8

It has a Row shortcode whose style is one column
The column contains 3 shortcodes: Text Block, Gap and Noo Recent News

9. Red Row 9

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

Row setitngs

Home Page

Jessica — Wed, 13 Jan 2016 07:44:09 +0000

Here are images of shortcodes used in building Home Page

1. Red Row 1

It has a Row shortcode whose style is one column
The column contains an Event Slider shortcode to which 3 Event Slide shortcodes are added
Event Slider setting
Animation: Choose Slide or fade
Slide Time/ Speed/ Height: Set a number in these sections
Auto Play Slider: Check this box so that the slider can play automatically
Show Slide Indicator: Tick this box to show this one
Show Previous/ Next Navigation: Check this box to show previous

Event Slide settings:
Background Type: There are 2 types of background. If you pick Featured Image, the image will be the featured one set in each event post. Meanwhile, if you choose Custom image, you will have an extra option to upload an image
Event: Select an event in the drop-down list

2. Red Row 2

It has a Row shortcode whose style is one column
The column comprises the following shortcodes: Single Image, Text Block, Gap, Text Block, Gap and Button

3. Red Row 3

It has a Row shortcode whose style is one column
The column contains a Noo Cause shortcode
Title: Enter a title
Show Archive Link: Choose Show or Hide Archive Link
Style: There are 3 styles that are Grid, List and Slider
Categories: Select cause categories in the drop-down list
Locations: Select cause location in the drop-down list
Posts per page: Enter a number of shown posts per page
Excerpt Length: The number you enter here is equal to the number of words contained in the excerpt
Show Pagination: Choose Show or Hide this one (this option is only used for Grid and List Style)
When you choose Grid style, you will have options like
Grid Columns: Choose number of shown columns

4. Red Row 4

It has a Row shortcode whose style is one column
The column contains the following shortcodes: Text Block and a Row shortcode whose style is 3 columns.
The first column comprises Icon, Text Block and Raw HTML
The second and third ones include Icon and Text Block

5. Red Row 5

It has a Row shortcode whose style is one column
The column contains the following shortcodes: Text Block, Gap and Noo Causes

6. Red Row 6

It has a Row shortcode whose style is one column
The column contains a Responsive Slide shortcode to which 3 Slide shortcodes are added

Row settings

7. Red Row 7

Shortcodes of Red Row 7 are similar to those of Red Row 6

8. Red Row 8

It has a Row shortcode whose style is one column
The column contains the following shortcodes: Text Block, Gap and Noo Recent News
Noo Recent News settings:
Title: Enter a title here
Column: Choose the number of shown columns. It fluctuates between 2 and 4
Posts per page: The number of posts is displayed per page
Excerpt length: Excerpt is a short paragraph taken from a post. The number you enter here is equal to the number of words included in the excerpt

9. Red Row 9

It has a Row shortcode whose style is one column
The column contains a Call to Action shortcode

Row settings

Dreamer – Contact Page

Sat, 14 Feb 2015 04:36:53 +0000

After importing demo data, you’ll see the Contact page in Pages>All pages. Click Edit page and replace the dummy data with your information.

Google map:

Adress:

Contact form: click Edit Contact form. Select a contact form from the dropdown list. To edit or create new contact form, navigate to Contact tab on WP Menu. For detailed guide, please check Contact 7 documentation.

After everything is set, update the page.

Dreamer – Page Settings

Sat, 14 Feb 2015 04:32:21 +0000

You can choose various settings for your page in this box.

Body Custom CSS Class: Add custom CSS class to element.

Hide Page Title: Uncheck to hide Page title.

Enable Menu Transparent: option to make the menu transparent. If checked, you’ll have to upload a new logo to display on the menu, as the default logo inserted in Customizer>Header logo is use for non-transparent menu only.

Revolution Slider (only available if plugin is installed): Select Slider to be displayed on your site or just set No Slider if you don’t need a slider for your page.

Home Slider: enable this option if you want to set up a header for the page. Page header can be slider or video background.

Dreamer – Homepage

Sat, 14 Feb 2015 04:31:35 +0000

After importing demo data, you’ll see 2 Home pages in Pages>All pages. One is Homepage with Event slider, the other is Homepage with Cause Slider. They are made entirely by Shortcodes and HTML. Click Edit page and modify any element as you wish. We recommend that you switch to Visual Composer’s Backend Editor for a visualized interface.

After everything is set, Publish or Update the page.

To assign a page as default Homepage, navigate to Settings>Reading, in Front page displays section, check A static page, then select a page from the dropdown list. Save changes.

Create new page

_nixstar_ — Wed, 04 Feb 2015 04:11:03 +0000

You may need a page such as About or Contact page. We also did some change to the default WordPress page setup by adding some page templates and preset options for you to build your page fluidly.

Please follow these steps to create your pages:

Step 1: In Admin Panel, choose Page, click “Add New” on the top then enter your page 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 (1 for first, etc.) 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. For a regular page, select Default Template. You can choose to edit your content using Visual or Text editor. To build content for your page, you will need our provided Shortcodes. Check out in below section.

Step 4: Start editing your page content in the editing field.

Step 5: Make other settings for the page in meta-boxes under the editing field. Once you get your settings done, click Publish your page.

Cause Listing Page

_nixstar_ — Sat, 31 Jan 2015 09:40:48 +0000

A cause listing page with the slug …/causes is automatically generated when you add new causes. You can customize its layout and style by navigating to Customizer>Cause>Cause page. After you are done, simply add the page to the menu.

You can also assign any other page as Cause listing page, once you do, its slug will be your Cause’s main slug.