Blockbase

A free WordPress theme by Jetpack

Blockbase is a lightly-opinionated base theme. The theme’s default styles are conservative, relying on simple sans-serif fonts and a blue accent color. Blockbase is ready for your you to make it your own.

We’re here to help you succeed online

We know starting from scratch can be daunting, so we included step-by-step instructions to help you build an attractive website. If you’d like to skip right to a specific section, click on the relevant link:

  Setting up Your HomepageCustomizing Colors Customizing FontsAdding Your Logo 

 

Setting up Your Homepage

You can set your home page to be a static page, or display your latest posts.

  1. From your site’s dashboard, use the left-hand menu to navigate to Appearance→ Customize. Inside the customizer, click on the Homepage Settings tab.
  2. Under the “Your homepage displays” section, select “A static page”.
  3. Select an existing page to use as your homepage, or select “Add a new page” to create a new one.
  4. Click the Save Changes button on top.

Customizing Your Site’s Colors

Blockbase allows you to select from preset palettes that work well with the theme, or choose your own custom palette. Follow these steps to change your site’s colors:

1. From your site’s dashboard, use the left-hand menu to navigate to Appearance→ Customize. Inside the customizer, click on the Colors tab.

2. You should see a panel that looks similar to the following:

 

3. Select a custom Primary, Secondary, and / or Background color, and preview the changes live in the browser. You can also select from a predefined color scheme.

4. Click the Save Changes button.

Changing Your Site’s Fonts

Quadrat also allows you to change the body and heading fonts across your site:

1. From your site’s dashboard, use the left-hand menu to navigate to Appearance→ Customize. Inside the customizer, click on the Fonts tab.

2. You should see the following panel:

 

3. From this panel, you can choose a custom Body font and / or Heading font from a set of pre-determined fonts.

4. Click the Save Changes button.

Adding Your Logo

If your site has a logo, you can display it in your site’s header. Here’s how:

  1. From your site’s dashboard, use the left-hand menu to navigate to Appearance→ Customize. Inside the customizer, click on the Site Identity tab.
  2. Click the Add logo button to open the Media Manager.
  3. Upload a new image, or select one that’s already in your Media Library.
  4. Click Set as logo and you’ll see your logo appear in the preview.
  5. If your logo includes your site’s name or you prefer the header only to display your logo, you can hide the site title by unchecking the box next to Display Site Title.
  6. Click the Save Changes button on top to save your changes.

Your logo will appear to the left of the site title on desktop computers, and above the Site Title on mobile devices.

Developer Friendly

If you’re looking to extend Blockbase and create your own child theme, head over to blockbasetheme.com and get involved in the Github project.

Downloading the Theme

To use Blockbase on your self-hosted site, download, install, and activate Blockbase from the link below.

Download Blockbase

Quick Specs (all measurements in pixels):

  1. The main column width is 620px.
  2. The wide width is 1000px.

Using Blockbase On Your Site


This theme is free to use on any WordPress site running Jetpack.

Install Jetpack