Let's face it.
Building high quality web pages is not easy as drinking a glass of water.
Whether you are a junior webmaster or a seasoned full-stack dev dealing with WordPress, you've surely heard these lines:
- Custom coding by hand your themes assures maximum power, flexibility and optimization if you're a pro developer, but can be a slow and painful process.
- As a quicker alternative, using page builders makes it faster but has its drawbacks. They usually spit a mixed soup of DIVs which of course is sub-optimal in terms of SEO, speed, and code maintainability. Lots of black boxes here, and no easy way out.
- On another side WordPress, if used with the wrong themes and plugins, can turn from being a good friend into a dog-slow nightmare. The much-abused "piling plugins on plugins" approach to web design results in a unmaintainable, poor performance website.
Unfortunately, most people will agree: there's quite a lot of truth in these sentences.
So, here is our challenge:
Can we still develop fast, powerful websites using a mixed approach, bringing the best of both worlds?
Let's try to focus on this question and propose a solution.
There's no perfect, "one-fits-all" approach to page creation on the web
Page Builders suck.
They bring to the table their own dose of:
- Customer lock-in: once a page is built, you're tied to the plugin.
- Inferior performance - with a "one fits all", bloated approach.
- Lack of freedom: They force your HTML code to be in a certain way.
....yet the opposite approach is still not the best....
Custom coding sucks too.
Especially if you're a one-man band.
- Requires you to be an always careful,
- it's a slow, error-prone process.
- Makes you focus more on the tool and
less on the message that you need to deliver.
HTML5, WordPress and Bootstrap...like you never experienced before
LiveCanvas: a Pure HTML page builder.
LiveCanvas is a creative powerhouse, which allows you to quickly craft and refine HTML code - using readymade, pure Bootstrap 4-based blocks.
You can also define and reuse your own custom HTML blocks too - using some unique HTML5 attributes to make text areas editable.
It comes as a convenient, zero configuration WordPress plugin, with a minimal footprint. It's less than 150k gzipped!
But an editor is not enough. You need a complete, stable foundation for your next successful Web project.
A top performing stack
WordPress High performance
The LiveCanvas plugin is optimized to work with CustomStrap: a no-compromise, top performing, solid, open-source barebones Theme.
CustomStrap is a lean child theme of UnderStrap, the most starred Bootstrap 4 based WordPress starter theme on GitHub.
A rock solid foundation, easy to hack and extend.
Using this combination you'll get a speed that feels like you've installed that caching plugin - but you haven't.
[By the way, LiveCanvas can easily work with any other BootStrap 4, standards compliant Wp Theme, but for best results and performance guarantee, we really recommend CustomStrap or UnderStrap is supported at the moment]
Optionally, let's be static.
Static sites are having a huge comeback. LiveCanvas allows you to optionally explore this world, keeping things easy (no command line involved).
We all love WordPress, but sometimes it makes little sense to leave a WordPress installation in the wild, eg for handling a one-page site, or a landing page.
For all these cases, LiveCanvas allows you to easily export your pages to a single HTML file.
A one-click option (in LiveCanvas, Options menu > Download as HTML) allows to download the page content, surrounded by the official Bootstrap 4 starter template so if you're not using dynamic shortcodes or advanced features, you can export a simple landing page in one click, in a simple, independent HTML file.
You'd be basically getting an independent version of the page (albeit for media) in a single index.html file, which loads the standard, plain default styled Bootstrap build from the official Botstrap CDN. Here is an export example of the current page
This is done very easily as LiveCanvas saves pure HTML into WordPress.
LiveCanvas lets you avoid vendor lock-in.
Top Ten reasons to love LiveCanvas
- You're always in control of what happens
- It allows you to steal HTML stuff from CodePen or any tutorial, and try it into your page.
- Easy to get started
- Creates FAST web pages
- You can always view and refine the HTML code, of the whole page, or of single elements
- Preview on all responsive breakpoints while working
- Automatic code indent
- Automatic fixing of broken DIVs / elements when editing blocks
- Uses WordPress as a backend, leveraging the standard revisions history for maximum safety
- No vendor lock-in: keep things inside WordPress, or publish static HTML via FTP, or grab the code and do whatever you want