Document Category: Basics

Intro + Base Video Tutorial

Basics

https://www.youtube.com/watch?v=P-LsFfZ3o68 We become what we behold. We shape our tools and then our tools shape us. Marshall McLuhan LiveCanvas is a creative powerhouse, which allows Read more...

Read more

The Stack: meet Picostrap

Basics

WordPress is a flexible and powerful CMS—but it becomes fragile when overloaded with plugins. Every additional plugin introduces risk. Your site is often only as Read more...

Read more

Installing LiveCanvas

Basics

Download the LiveCanvas plugin; get the latest .zip archive from the Members area Install the plugin like any standard WordPress plugin. Here below the required Read more...

Read more

Creating your first LC page

Basics

After installing the LiveCanvas plugin, let's create your first LiveCanvas page. In the top WordPress admin bar, just click New > LiveCanvas Page Draft. You Read more...

Read more

The main Editor Interface

Basics

Upon launching the editor, you will see the web page with the addition of a black toolbar on top:   Let's dive into the elements, Read more...

Read more

Adding Sections

Basics

Using Readymade sections We’ve enriched LiveCanvas with a collection of useful readymade sections to quickly get started in your projects. Click  the Add New Section  Read more...

Read more

The Contextual Menus

Basics

In the LiveCanvas editor, while hovering the page, you will see some contextual menus popping up, where different colours are for different elements in the Read more...

Read more

The LiveCanvas HTML structure

Basics

LiveCanvas builds  an HTML code structure based upon some simple rules - it mostly adheres to HTML best practices and Bootstrap 4 / 5 with Read more...

Read more

The Text Editing Toolbar

Basics

Upon clicking "editable" text areas, a text editing toolbar is revealed. Let's discover the interface: https://www.youtube.com/watch?v=4eoVwpMZGsw

Read more

The Properties panel

Basics

  This panel allows you to edit the visual properties of the chosen element, via simple widgets that interact with the element’s HTML classes or Read more...

Read more