This helps protect our community. Learn more

How to build and use image variations in Gutenberg using the variation library from the CBB plugin

BoldBlocks - Power Up WordPress Gutenberg

215 subscribers

135 views 2 years ago #cbb #wordpresswebsite #wordpress

The video guide for using and creating image variations in the CBB Variation Library. #wordpress #gutenberg #wordpresstutorial #wordpresswebsite #blockeditor #wordpressplugin #contentblocksbuilder #cbb #boldblocks #block #blocks #cbbblocklibrary #cbbvariationlibrary --------------------- Get this plugin free here https://wp.org/plugins/content-blocks... How to install CBB • How to install the CBB plugin from wp... Website https://contentblocksbuilder.com --------------------- © Copyright by BoldBlocks 0:00 Introduction 0:23 Import an image variation from the variation library 1:42 Use the imported variation 2:26 Customize the style of the variation 3:55 Create a custom block as the wrapper of this variation 5:58 Use the new custom block 7:40 Import another image variation 8:12 Use the new imported variation 8:35 How to create a new image variation 9:09 Create an image variation from the block toolbar 10:12 Add custom style for the variation 11:48 Add custom CSS variables to allow users to customize the variation's style 16:55 Outroduction

...more

How to build and use image variations in Gutenberg using the variation library from the CBB plugin

3Likes

135Views

2023Feb 8

Introduction

0:00

Import an image variation from the variation library

0:23

Use the imported variation

1:42

Customize the style of the variation

2:26

Transcript

Follow along using the transcript.

BoldBlocks - Power Up WordPress Gutenberg

215 subscribers

How to build and use image variations in Gutenberg using the variation library from the CBB plugin

Chapters View all

Introduction

Introduction

Introduction

Import an image variation from the variation library

Import an image variation from the variation library

Import an image variation from the variation library

Use the imported variation

Use the imported variation

Use the imported variation

Customize the style of the variation

Customize the style of the variation

Customize the style of the variation

Create a custom block as the wrapper of this variation

Create a custom block as the wrapper of this variation

Create a custom block as the wrapper of this variation

Use the new custom block

Use the new custom block

Use the new custom block

Import another image variation

Import another image variation

Import another image variation

Use the new imported variation

Use the new imported variation

Use the new imported variation

BoldBlocks - Power Up WordPress Gutenberg

How to build and use image variations in Gutenberg using the variation library from the CBB plugin

Comments

Chapters

Introduction

Introduction

Introduction

Import an image variation from the variation library

Import an image variation from the variation library

Import an image variation from the variation library

Use the imported variation

Use the imported variation

Use the imported variation

Customize the style of the variation

Customize the style of the variation

Customize the style of the variation

Create a custom block as the wrapper of this variation

Create a custom block as the wrapper of this variation

Create a custom block as the wrapper of this variation

Use the new custom block

Use the new custom block

Use the new custom block

Import another image variation

Import another image variation

Import another image variation

Use the new imported variation

Use the new imported variation

Use the new imported variation

How to create a new image variation

How to create a new image variation

How to create a new image variation

Create an image variation from the block toolbar

Create an image variation from the block toolbar

Create an image variation from the block toolbar

Add custom style for the variation

Add custom style for the variation

Add custom style for the variation

Add custom CSS variables to allow users to customize the variation's style

Add custom CSS variables to allow users to customize the variation's style

Add custom CSS variables to allow users to customize the variation's style

Outroduction

Outroduction

Outroduction

Description

Chapters View all

Introduction

Introduction

Introduction

Import an image variation from the variation library

Import an image variation from the variation library

Import an image variation from the variation library

Use the imported variation

Use the imported variation

Use the imported variation

Chapters

Chapters