Derek Garnett

Web Development and Services

Content and Page Building

Content and Page Building

Content is what drives the entire site. In the clip above, you can see that adding content is as easy as adding a title, a tag to be referenced later, an image (if you want one), and some text. Then click the "publish" button and your content is ready to use! Because of the tag we used (sample), our new content was inserted and used in a page that already exists.

Building a page

Building a pageUsing the page builder is how you can build beautiful, robust pages with your content. The first step is to enter a page title (used both as an identifier and in the nav menu at the top), a route (used in the url for the page), a number to order it in the nav menu (or 0, if you wish to exclude it from the nav menu), and a page wrapper class (this is for custom CSS, so feel free to leave this blank).

Next, you can pick a section to add to your page. In your section, you can insert any tags (comma separated) used to identify what content you want to include in the section. Other sections have other options like the maximum number of posts to display in the section or a title specific to the section. Sections also have wrapper class names for custom CSS. You can see an example of how you can apply your custom styles based on the wrapper class names.

While we used the standard section at first, which is our most simple section, there are several other types of sections. Here, we show you two more sections: a strip section and a card section. These render multiple pieces of content. With these, you can give the sections a unifying title and a maximum number of content posts. If your maximum number is more than the number of content posts available, it will simply show all available posts.

Each section also has two arrow buttons. If you wish to rearrange your sections, simply use these arrows to move the section up or down. As seen in the videos, you can also see a preview of your page at the bottom of the page builder. You can use this to hone in your custom CSS, make section ordering decisions, or ensure you are using the right tags.

You can also add content from the page builder. In the example above, we made a four card section that would have two rows (a maximum of 8 posts), but we only had 5 posts with the "sample" tag, so we were able to create more to be added to the section.

Happy page-building!