This page is for the Bullock Restaurant website (https://www.bullockrestaurant.co.nz/) staff who administer the website. It is not for public view, but has some handy videos that can be used to quickly show how to edit/change/update various pages or stories on the website.
You will notice the majority of pages use the Divi page builder to more easily create a different layout, rather than the standard WordPress system e.g. where columns are needed or special design elements. The homepage uses Divi Builder to create the layout. Below there are also some fundamental guides to how the Divi Page Builder works.
** Note to Staff:
When editing any existing pages, I suggest opening a copy of the same page in a separate tab as it looks to the public to make it easier to see which section you are dealing with.
Some of the videos are older and may not exactly replicate the look of the admin areas, but still explain the fundamentals.
Most sections and modules should be named for the various sections on each page.
You will generally click on the cog icon (settings) in each module to edit it. Once you have created a section and want to replicate the layout, you can click either the module clone tool to replicate the settings (then just change the text). You can also replicate rows, and whole sections. There are also numerous layouts already stored in the Divi Library including designs by Divi as well as layouts I have used already which can be imported into a whole page, a section, a module.
Also these days there is a visual builder which may suit you rather than the way I do it via the back end. You can always create a test or demo page and have a play, as long as you don’t add it to the main menu, or just save as a draft so that Google doesn’t add it to their search database.
As always if there are any questions contact Mark @ Medlicott Design
Always back up before you start as you can restore if it goes horribly wrong!
WordPress Video Guides
Pages v Posts
The basic principles behind how WordPress works and what pages & posts do.
Creating & Editing Posts or Pages
Adding / Editing Images
Widgets – What they are and how they work
A basic look at the Dashboard Admin Section where all updates begin
How to use the Media Library
What are Tags?
Divi Builder Guide
The Divi Builder has been used on your website to create the various different looks, layouts, columns, insertion of elements, etc. Watch these videos to help get a understanding of how it all works. Half an hour watching these will save you hours of work in the long term 🙂
How to use the Divi Page Builder
Divi Advanced Design Settings & Custom CSS
Divi Visual Builder
As time allows I will also add videos created by Medlicott Design, but believe the videos shown here from other developers are certainly a good starting point.
Simple product: 00:02:47
Variable Product: 00:13:05
Grouped Product: 00:23:53
Affiliate Product: 00:29:25
Virtual Products: 00:32:30
Downloadable Products: 00:34:20
What is a cross sell and up sell?
Cross-sells and up-sells: 00:06:34
WooCommerce Settings: 00:40:25
This official Woocommerce video guide shows the process for setting up Stripe on your shopping cart.
This video shows the process for setting up Stripe in a bit more detail but is also a bit older.