WP Bakery Advanced Editor

Course Overview

WP Bakery is an add-on to WordPress that allows you to add fancy elements to your pages, and also to help you with column and row layouts (positioning items on your web pages).

It will also assist with creating responsive pages easily (pages that will expand or contract based on screen size) or adjust preferences you need to ensure your website looks perfect on mobile or tablet.

This training will take you through some basic features, and then delve into the more in-depth configurations of the elements.

Course Content

Introduction to WP Bakery
- Getting Started with WP Bakery
- Beginner Tutorial and Navigating Interface
- Drag and Drop in WP Bakery Explained
- Clone Elements in WP Bakery
Handling Images
- Media and Masonry Media Grid
- Add and Edit Images in WP Bakery
- How to Add A Fancy Image Gallery
- Image Filters
Rows and Columns
- Add WP Bakery Row and Column
- Full Height Row and Video Background
- Full Width Row
- How to Save Row as a Template
- Create a Full Height Section with Parallax Effect
- Inner Row Structure
- Parallax Effect for Row Background
CSS
- Add Custom CSS to Specific Elements
Working with Grids
- Post and Custom Posts Type Grid
- Grid Builder Part 1
- Grid Builder Part 2
Templates
- Create and Reuse Templates
- Save Rows and Sections as Templates
Layouts
- Create Empty Space Between Elements with Custom Height
- How to Use Element Design Options
- How To: Build Feature List Layout
- Create a Layout with Equal Height Columns
Formatting and Design
- Add and Edit Text Blocks in WP Bakery
- Add Background Color or Image
- Create Tabs, Tours and Accordions
- Custom Heading Element with Google Fonts
Taking It to the Next Level
- Home Page Design with WP Bakery
- Responsive Settings

Course Overview

Course Content

Getting Started with WP Bakery

Beginner Tutorial and Navigating Interface

Drag and Drop in WP Bakery Explained

Clone Elements in WP Bakery

Media and Masonry Media Grid

Add and Edit Images in WP Bakery

How to Add A Fancy Image Gallery

Image Filters

Add WP Bakery Row and Column

Full Height Row and Video Background

Full Width Row

How to Save Row as a Template

Create a Full Height Section with Parallax Effect

Inner Row Structure

Parallax Effect for Row Background

Add Custom CSS to Specific Elements

Post and Custom Posts Type Grid

Grid Builder Part 1

Grid Builder Part 2

Create and Reuse Templates

Save Rows and Sections as Templates

Create Empty Space Between Elements with Custom Height

How to Use Element Design Options

How To: Build Feature List Layout

Create a Layout with Equal Height Columns

Add and Edit Text Blocks in WP Bakery

Add Background Color or Image

Create Tabs, Tours and Accordions

Custom Heading Element with Google Fonts

Home Page Design with WP Bakery

Responsive Settings