PageBuilder

Page Builder

Creating a page and dropping your first widgets onto it

Page Builder is a core and probably most important feature of RKHM. It allows you to create layouts fitting for you need and by your standards. For example, the "Features" page in this very website is using rkhm + a simple customized theme + "Feature list" widget and it looks like a customized design. Documentation in this website is essentially a copy of "Blog" plugin ( included by default ) and the menu in the left is built by "MenuBuilder", anyone with access to admin can edit every single object/image/text in this website

With a little creativity, you can use Page Builder to create awesome, unique designs & pages. 

Many plugins & tools extend PageBuilder. For example, if you have "Music Plugin" installed, you can use music-related widgets in Page Builder to display your music content in a form that you like

Most themes also add their own widgets to Page Builder

How to create a page

Go to your RKHM admin-area. Go to "Setting -> Page Builder". You can see list of pages. Proceed to edit already-existing-pages or create a new one by clicking on "+ New Item". Page Builder has 2 tabs, Widgets & Setting. You can't use the "Widgets" tab before creating the page. In order to create a page enter a title, seo slug and click on "Create". Page will be created and you'll be redirected to "Widgets" tab

How to use widgets

In order to add a widget to your page, go to your "RKHM admin-area -> Setting -> Page Builder -> Edit a page". Upon entering Page  Builder, sidebar will get reloaded with available widgets. To add an available widget to your page, you just need to grab a widget with your mouse and drop it on page. You can also re-order existing widgets by dragging & dropping. Check the video below

Widget types

There are currently 3 types of widgets

  1. Content: These widgets can be used to display and link content. More info
  2. Design: These widget can be used to create beautiful UI designs. More info
  3. Other: search widget, Editor.js widget & advertisement widget. More info