Getting Started

Once you’ve activated North, you’ll see a friendly notice across the top of the page, with a link to the Getting Started page, which is located in Appearance → Getting Started. Here, you can view the help file, enter your license for theme updates, view the latest changes to the theme and visit us on our support forum.

Activate Your Theme License
Each theme comes with a 1 year license for support and updates. By activating your theme license, you can get theme updates right from your WordPress dashboard. These updates will keep your theme in tip-top shape, with the latest bug fixes and new features.

  • Locate your theme’s license key in your Array Dashboard in your Downloads section In the pop-up window, copy your license key.
  • Now, in your WordPress dashboard (where your theme is installed), go to Appearance → Getting Started and click the License tab.
  • Paste your license key into the field and click Save License Key.
  • Once your license key is saved, click Activate License.
  • If your key is valid, you will see a success message. You will now receive a notice on Appearance → Themes whenever there is a new version of the theme available.
  • To update your theme, click update now and follow the instructions. Note: Your theme will be overwritten with the latest files, which will overwrite any changes you’ve made to the theme files. Your posts, pages and settings will not be modified in this update.

Recommended Plugins

North uses a few plugins to provide extra functionality to the theme.

Array Toolkit – This plugin provides the Portfolio section (via a custom post type) and several social media widgets and icons. You can install it directly from your dashboard in the Plugins menu, or grab it from the WordPress.org plugin repository.

  • Navigate to Plugins → Add New.
  • Type “Array Toolkit” into the Search input and click the “Search Widgets” button.
  • Locate the Array Toolkit in the list of search results and click “Install Now”.
  • Click the “Activate Plugin” link at the bottom of the install screen.
  • Once activated you will see the Portfolio Items menu on the WordPress admin menu and find new widgets on the Widgets page. There are no settings for the Array Toolkit, features are activated automagically based on what your theme supports.

WPForms – This plugin creates a fully functional contact form for your site. You can install it directly from your dashboard in the Plugins menu, or grab it from the WordPress.org plugin repository.

  • Navigate to Plugins → Add New.
  • Type “WPForms” into the Search input and click the “Search Plugins” button.
  • Locate WPForms Lite in the list of search results and click “Install Now”.
  • Click the “Activate Plugin” link at the bottom of the install screen.
  • There will now be a WPForms menu item on the WordPress admin menu. See below for more instructions on using this plugin with the theme.

Using the Theme Customizer

North is customizable via the WordPress customizer. Here, you can upload a logo and set your link/accent color, and setup the homepage.

  • To access the theme customizer, click Appearance → Customize in the WordPress admin menu.
  • North’s options are located in the Theme Options tab.
  • Logo Upload – Upload your logo image here.
  • Header Color – Change the color of your header.
  • Link Color – Change the color of links throughout the theme. Defaults to blue.
  • Accent Color – Change the color of buttons, pull quotes, anything else that uses the blue color you see by default.
  • Custom CSS – Add your own CSS to modify the theme.
  • When you’re finished making changes, click Save & Publish to save the settings.

Menu Setup

You’ll need to create at least one new menu for the header.

  • WordPress menus can be found under Appearence → Menus.
  • If you don’t have a menu already, click create a new menu to create one.
  • On the left hand side of the Menu page, select the pages to add to your menu and click Add to Menu. Drag the pages around and arrange them any way you’d like. Create a drop menu by dragging menu items under and to the right of another menu item.
  • Now that you have the menu created, you need to assign it to the header in the Theme Locations section.
  • Save the menu when finished.

Homepage

North comes with a Portfolio template, which is used to set up the homepage.

  • Create a new page called Portfolio.
  • On the right hand side of the page under the Page Attributes window, apply the Portfolio page template.
  • The Portfolio page doesn’t output post content, so you won’t need to add any content to this page.
  • Publish the page when finished.
  • Finally, we need to tell WordPress to use this page as the homepage. Go to Settings → Reading and set your Portfolio page as the Front page. See this screenshot for an example.

Blog Page

By default, the blog will be your homepage and will show your latest posts. However, North uses the Portfolio template for the homepage. You need to tell WordPress which page to use as the blog.

  • Create a new page called Blog. You don’t have to add any content or apply any templates to this page. You just need to create the page so we can utilize it in the next couple steps. Publish the page.
  • Next, we need to tell WordPress to use this page as the blog page where your posts will show up. Go to Settings → Reading and set your Home page as the Front page. See this screenshot for an example.
  • Finally you need to add this page to your menu so users can access the blog page. Just go to Appearance → Menus and add your Blog page to the menu.

Portfolio Page

North comes with a Portfolio page template, which can be used as a portfolio page for images and videos. Follow the steps below to setup the Portfolio page. I’ll go over how to populate this page below.

  • Create a new page called Portfolio.
  • On the right hand side of the page under the Page Attributes window, apply the Portfolio page template.
  • The Portfolio page doesn’t output post content, so you won’t need to add any content to this page.
  • Publish the page when finished.

Adding Portfolio Items

To activate the Portfolio Items section of the theme, you need to first install the Array Toolkit plugin as outlined above. The plugin will provide the theme with the Portfolio post type, which populates the Portfolio page.

Featured Image Portfolio Item

  • Under the Portfolio Items menu, click Add New.
  • Create a new post and add a title and description.
  • On the right hand side of your page, you’ll see the Featured Image pane. Click Set Featured Image and upload your image. Once uploaded, click Use as featured image.
  • Once you’ve added the featured image and content you can publish and preview your post.
  • To use the image slider, you need to first install the Array Toolkit plugin as outlined above.
  • Create a new Portfolio post and add a title and description.
  • On the right hand side of your page, you’ll see the Format pane. Click Gallery to set the post format and activate the gallery options.
  • Under your post editor, you’ll see the Array Gallery pane. Click the Edit Gallery button. Once the Edit Featured Gallery dialog opens, upload the images you’d like in your gallery, or select them from images you’ve already uploaded.
  • Once your images are selected, click Add to Gallery. You can arrange your images by selecting and dragging them into position.
  • Once you’ve created your gallery, be sure to set a Featured Image as well, to represent the post. This can be an image from the gallery, or a different image if you’d like.
  • Once you’ve added your gallery, Featured Image, and content you can publish and preview your post.

Video Posts

  • Create a new post and add a title and post content.
  • Scroll down to find the Video meta box. Add your video embed code from YouTube, Vimeo, etc. Your code should look something like this:
  • Sample embed code:
    <iframe src="http://player.vimeo.com/video/4143170?title=0&amp;byline=0&amp;portrait=0" frameborder="0" width="1200" height="600"></iframe>
  • Next, you must set a Featured Image to represent your video post in the Portfolio grid. This can be a screenshot from the video or any image you’d like.
  • Once you’ve added the subtitle, Featured Image and content you can publish and preview your post.

Contact Page

The Contact Page uses the WPForms Lite plugin, which can grab for free on the WordPress plugin repository. See installation instructions above. Once installed, you’ll see there is a WPForms link in the left hand sidebar of your WordPress admin.

  • If you haven’t already, create a new page called Contact.
  • Go to the WPForms menu on the left admin menu to configure your contact form. The form creation process is pretty simple, but you can check out the WPForms documentation here for help and tips.
  • After you’ve configured and saved your contact form, you will be given a shortcode like this: [wpforms id="161894"]. Copy your shortcode. We’ll use this to add the form to our Contact page.
  • Now head back to your Contact page. Paste the shortcode that you copied into the body of the post. Update the post. You should now see the form on the contact page.

Archive Page

North comes with an Archive page template which displays all of your latest posts, pages and categories.

  • Create a page called Archives (or whatever title you’d like).
  • On the right hand side of the page under the Page Attributes window, apply the Custom Archive page template.
  • Once finished, publish the page.
  • You’ll also need to add this page to your menu so users can access the Archive page. Just go to Appearance → Menus and add your Archive page to the menu.

Widgets

North utilizes a few different widgetized areas. Make sure you have the Array Toolkit plugin installed to get all the widgets you see on the demo.

  • Sidebar – Widgets placed here will show up on standard posts and pages.
  • Footer – Widgets placed here will show up in the footer of all pages.
  • Footer Social Icons – Add the Array Social Icons widget here to add your social media links.

Post and Page Subtitles

Along with the title of any post or page, you can also set a subtitle, just like you see throughout the demo. To add a subtitle, simply add text to the Subtitle meta box on the post edit screen. See an example.


Post Styles

North comes with a few custom element styles, which are used to easily add extra styling to your WordPress posts.

Pull Quotes

Pull quotes are similar to block quotes, but are reserved for less text. To use pull quotes you can add a class of pull-quote to your text in the Text tab. See an example below.

<span class="pull-quote">This text will be pulled right.</span>

Text Highlight

Text highlight simply adds a yellow background to your text, useful for in-paragraph emphasis. To use the highlight style, you can add a class of highlight to your text. See an example below.

<span class="highlight">This text will be highlighted.</span>

Intro Text

Intro text styling simply makes your text lighter and larger, creating a nice light title effect. This is useful for introducing a post or page with a brief description. To use the intro text style, you can add a class of intro to your content. See an example below.

<span class="intro">This text will be intro text.</span>

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match