Cloud Framework – Step by Step Tutorial

With the help of Kenzap Cloud Framework one can rapidly prototype fully functional website templates in WordPress while enjoying a code-free experience.

Cloud Framework can run on any server optimized for WordPress. It is entirely free, open source and consists of hundreds of prebuilt blocks compatible with each other and intended to create powerful layouts in WordPress.

It has similar designing patterns as Page Builders, however, it uses the very latest technologies that ensure 100% WordPress standard compatibility.

If you are a professional designer and would like to create and sell designs via the Kenzap Marketplace please refer to Designers Getting Started Guide.

1. Set up Server Environment

Before you can start building WordPress websites under your local computer you need to set up a server environment. This can be achieved with the help of such software solutions as MAMP and XAMPP. The video below demonstrates MAMP server installation on OS X.

2. Install WordPress

Once the web development server environment is set up you can start with WordPress installation and setting up the MySQL database.

3. Install Cloud Framework

While you can install Cloud Framework to any WordPress website it will work best in headless mode. This means that the theme used should not load any additional styles, headers, or footers. The guide below will explain to install it properly under your server environment.

4. First Landing Page

The Cloud Framework consists of hundreds of predefined layouts. This video demonstrates in live how to add and customize layouts when building your first page in WordPress.

5. Adjusting Typography Settings

This video shows some important settings related to typography when working with Cloud Framework. It also explains how to pick the right font pair and set it up to your website.

6.  Automating Responsiveness

This guide demonstrates some useful settings of the Cloud Framework related to responsive version of the website.

7. Creating Navigation Menu

Creating navigation menu with the help of Cloud Framework. Explaining how to setup headless mode for individual page in WordPress. Example, turn off footer or header.

Other Resources

The open source code of the Cloud Framework can be viewed here:

The Cloud Framework and Headless themes can be installed from this source:

Cloud framework for professional designers:

Article that explains advanced Cloud Framework settings:

Free community support: