Theme Support

Typable comes with this handy help file to help you get started with setting up the theme and creating your first posts. Because Typable is part of our Free Theme Pack, it does not include theme support.

Please consider joining the Theme Club, which grants you access to our entire theme collection, new theme releases, hassle-free updates, and theme support for one year!

Getting Started

Once you’ve activated your theme, you’ll be redirected to a Getting Started page (Appearance → Getting Started). Here, you can view the help file, enter your license for theme updates, and view the latest changes to the theme.

Activate Your Theme License
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. Click the Manage License link next to any of your themes to get your license key.
  • Next, in your WordPress dashboard (where your theme is installed), go to Appearance → Getting Started and paste your license key into license box in the sidebar 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.
  • Please note: When updating your theme, all of the theme’s files will be overwritten with the latest files. This will overwrite any changes you’ve made to the core theme files. To prevent this, you can install a child theme, which allows you to customize the theme’s files and still get updates when they are released.

Using the Theme Customizer

Change Typable’s theme options and appearance settings via the Theme Customizer.

  • To access the theme customizer, click Appearance → Customize in the WordPress admin menu.
  • You should now be in a live preview of Typable, with the customizer on the left.
  • Use the Theme Options to set a logo, choose an accent/link color and add Custom CSS.
  • You can also enable or disable the AJAX post loading and black and white image effect.
  • When you’re finished making changes, click Save & Publish to save the settings.
  • Check out your site to confirm your changes.

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.

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

Typable comes with a custom 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.

AJAX Post Loading

As you can see in the demo, Typable has a neat post loading effect which pulls in posts and pages without refreshing the entire page. While it is a neat effect, some plugins or modifications may not play nicely with the AJAX.

You can disable AJAX page loading in Appearance → Customize → Typable Styling → AJAX Load Posts and Typable will load pages normally. This should alleviate any issues you might be having with plugins or scripts not loading properly.

Follow the instructions below to add a featured image to your post.

  • Create a new post and add a title and description.
  • Write your content and add whatever styling you want.
  • 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, scroll down and click Use as featured image. Once set, you can close the image upload window.
  • Once you’ve added the featured image and content you can publish and preview your post.

Embedded Video Post

Follow the instructions below to embed video to your post.

  • Create a new post and add a title and post content.
  • Add your video embed code or URL to the video into the editor, above the text of your post.
  • Once you’ve added the video embed or URL and content you can publish and preview your post.

Post Styles

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

Intro Title

Add a nice block of styled intro text to introduce your post or page. To use the intro title you can add a class of intro to your text in the Text tab. See an example below.

<span class="intro">This text will be intro text.</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>

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