Block Theme Documentation

General Setup

Installation


To install the Block theme you must first have a working WordPress(.org) installation. For information on installing WordPress, please see Installing WordPress, from the WordPress Codex. Once WordPress has been setup in your hosting environment, you can install your theme one of two ways:

FTP upload: download and un-zip your theme folder, and using the FTP program of your choice upload the theme folder to the ‘../wp-content/themes/’ folder on your server.

WordPress install: download your theme and then sign into your WordPress dashboard (e.g., yourdomain.com/wp-admin), navigating to Appearance > Themes > Add New > Upload; select your zipped theme folder and click “Install Now”. Once the theme is uploaded you will need to activate it. Navigate to Appearance > Themes to activate your theme.

Note: If you use Safari as your primary browser you may find that your theme folder is not zipped after downloading it. You will need to re-compress your theme folder before initiating the second installation process.

Plugins


The Block Theme requires the ‘Options Framework’ plugin, which can be installed by navigating to Appearance > Theme Options. Note that the contact form is powered by Gravity Forms, an excellent premium WordPress contact form plugin. Free alternatives include ‘Contact Form 7’ and ‘Jetpack Forms’.

Demo Content (Optional)


You can install your theme’s demo content with the .xml file download in your account page. Please refer to the following tutorial for instructions on installing your demo content: Installing Demo Content

Reading Settings


Using the ‘you latest posts’ reading setting (Settings > Reading) is required to setup the homepage as seen in the demo. See our ‘Reading Settings‘ tutorial.

Image Dimensions


Theme defined image dimensions are as follows (these can be found in the ‘Theme Setup’ function at the top of your functions.php file):

Logo: 190x190px

Slider Featured Image: 770x430px
Slider Thumbnail Image: 50x50px
Homepage Post Featured Image: 438x329px
Homepage Sidebar Featured Image: 190x130px
Portfolio Featured Image: 384x216px
Page Banner Image: 769x480px

Custom Header


You can upload an image of your choosing under within the Appearance > Header, in your WordPress dashboard.

Twitter Feed


You can enter your Twitter user name under Appearance > Theme Options > Misc (a timeline widget must be created in your Twitter profile before tweets will display, as per Twitter’s API requirements). The Twitter feed can be displayed or hidden under Appearance > Theme Options > Display Settings > Display Twitter Feed?

Header Menu


You can setup and manage your menu under Appearance > Menus, in your WordPress dashboard. See the Codex for an explanation of the custom menu system (Note: this tutorial is for WordPress.com, but the process is the same).

Sidebar Menu


The sidebar menu is a widget area that can be configured under Appearance > Widgets > Menu Sidebar Left.

Homepage and Footer Setup

Homepage Featured Left Sidebar


The left sidebar displays features posts from a chosen category, and a widget area. The featured post category can be set under Appearance > Theme Options > Homepage Settings > Home Sidebar Category.

Homepage Middle Featured Posts


The homepage middle area shows posts from a chosen category, configured under Appearance > Theme Options > Homepage Settings > Home Blog Category.

Homepage Left Widgets


The homepage left sidebar shows a widget area, which can be configured under Appearance > Widgets > Homepage Sidebar Left.

Homepage Featured Right Sidebar


The right homepage sidebar displays widgets. The right sidebar widgets can be configured under Appearance > Widgets > Sidebar Right.

Page Template Setup

Page Templates


Please see our ‘Quick Start Guide’ for setting up the Block Theme’s various page templates.

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