Elliott Richmond
Elliott Richmond
  • 65
  • 59 283
WordPress Block Editor Speed Build Challenge
Hi I’m Elliott Richmond, organiser of the Cheltenham WordPress Meetup, this video is partly to announce the first-ever WordPress Block Editor Speed Build Challenge in the UK on October 16, 2024 but also a training episode for me to see how far I can get using the block editor to build a landing page. In this fast-paced challenge, participants race against the clock to build a nominated website using the WordPress Block Editor in just 30 minutes. In this video, I’ll explains the origins of the challenge, its global popularity at WordCamp Europe and US, and what to expect during the event. Whether you're a seasoned pro or new to WordPress, this challenge is the perfect opportunity to test your skills and have some fun.
Jamie Marsland UA-cam channel www.youtube.com/@UC8uTMlOeXtwxstq8UPjHgTw
Spin up the Instawp assets app.instawp.io/launch?t=wordcamp-us&d=v2
Переглядів: 246

Відео

How to Set Up Spacing Sizes in WordPress Theme JSON for Precise Padding and Margins
Переглядів 197Місяць тому
Learn how to customize spacing sizes in your WordPress theme.json file for precise control over padding, margins, and block gaps. This guide covers using spacingSizes with CSS functions for responsive design.
WordPress theme json units and spacing scale
Переглядів 230Місяць тому
Let me show you how to manage spacing units and scales in WordPress by customising the theme.json file. This guide explains how to control spacing options like padding and margin by adding or removing units, disabling custom spacing sizes, and configuring a precise spacing scale. Perfect for developers looking to maintain design consistency or limit user customisation in their themes. Chapters ...
How to Manage BlockGap in WordPress Using theme.json for Precise Block Spacing
Переглядів 187Місяць тому
Learn how to control blockGap in WordPress using the theme.json file. This tutorial walks you through fixing unwanted spacing in columns by targeting specific blocks without affecting global styles. Perfect for anyone looking to fine-tune their theme's design settings.
How to add or remove color in WordPress theme json file
Переглядів 150Місяць тому
Learn how to customise your WordPress theme's color options by editing the theme.json file. This guide shows you how to restrict or expand color choices, including removing custom colors, disabling default palettes, and adding a custom color palette to maintain consistent branding across your site.
How to Install Google Fonts in WordPress and register them in theme json
Переглядів 157Місяць тому
This tutorial demonstrates an efficient method for managing Google Fonts in WordPress using the Create Block Theme plugin. It guides you through removing previously added fonts from the theme.json file and using the Site Editor to install and apply Google Fonts via the backend. The Create Block Theme plugin then allows you to save these font settings directly to your theme, ensuring that all cu...
How to add custom fonts to WordPress in the theme.json file
Переглядів 114Місяць тому
This guide walks you through the process of adding custom fonts to your WordPress theme. By editing the theme.json file, you can bundle and integrate a custom font like "SpicyPizza" using the CSS @font-face rule. The tutorial covers setting up the fontFamily, fontStyle, and fontWeight properties, specifying the font's source file, and applying the custom font to specific site elements like head...
How to Change Typography in WordPress to use System Fonts with the theme.json file
Переглядів 162Місяць тому
This guide explains how to manually set up system fonts in a WordPress block theme using the theme.json file. It covers defining font families like Arial and Helvetica, configuring CSS variables, and applying typography settings to different site elements such as body text and headings. The process ensures that your WordPress site displays the correct fonts, even when defaults like Times New Ro...
theme.json using fluid min/max in fontsize : WordPress Block Theme Development
Переглядів 177Місяць тому
Learn how to add custom font sizes to your #WordPress #Block #theme using the theme.json file and the 'fluid' property for adaptive typography. Discover the concept of Intrinsic Design versus traditional Responsive Design with practical CSS examples. Simplify your CSS with the clamp function, reduce code, and enhance performance. This tutorial shows you how to enable and configure fluid typogra...
How to override default fontsizes in theme.json : WordPress Block Theme Development
Переглядів 208Місяць тому
How to override default fontsizes in theme.json : WordPress Block Theme Development
How to use theme.json layout spacing and root padding : WordPress Block Theme Development
Переглядів 408Місяць тому
How to use theme.json layout spacing and root padding : WordPress Block Theme Development
How to use theme.json to enable disable custom font sizes : WordPress Block Theme Development
Переглядів 356Місяць тому
How to use theme.json to enable disable custom font sizes : WordPress Block Theme Development
theme.json Default Configurations & Overrides Explained : WordPress Block Theme Development
Переглядів 562Місяць тому
theme.json Default Configurations & Overrides Explained : WordPress Block Theme Development
WordPress 6.6 negative margins
Переглядів 4412 місяці тому
WordPress 6.6 negative margins
Create a Dynamic Ken Burns Gallery in WordPress | How to code Custom Gutenberg Blocks
Переглядів 1,1 тис.2 місяці тому
Create a Dynamic Ken Burns Gallery in WordPress | How to code Custom Gutenberg Blocks
WordPress Classic Theme vs Block Theme Development, 5 reasons to invest in block theme development!
Переглядів 1,6 тис.5 місяців тому
WordPress Classic Theme vs Block Theme Development, 5 reasons to invest in block theme development!
WordPress security plugin to automatically expire your session cookie after a defined amount time.
Переглядів 3176 місяців тому
WordPress security plugin to automatically expire your session cookie after a defined amount time.
What is the Interactivity API in WordPress 6.5?
Переглядів 4,5 тис.6 місяців тому
What is the Interactivity API in WordPress 6.5?
Block Theme Development and Block Bindings API WordPress 6.5
Переглядів 3 тис.7 місяців тому
Block Theme Development and Block Bindings API WordPress 6.5
WordPress Extending Core Blocks
Переглядів 2,5 тис.7 місяців тому
WordPress Extending Core Blocks
WordPress Block Theme Development
Переглядів 26 тис.8 місяців тому
WordPress Block Theme Development
How to test WordPress wp_mail(); between local and production server
Переглядів 40410 місяців тому
How to test WordPress wp_mail(); between local and production server
A practical guide to using WP-Cli to install and manage WordPress
Переглядів 1,5 тис.10 місяців тому
A practical guide to using WP-Cli to install and manage WordPress
WordPress core Covers Block & Gradients to create Diagonal Banners & CTAs
Переглядів 320Рік тому
WordPress core Covers Block & Gradients to create Diagonal Banners & CTAs
Getting Setup for Modern WordPress Development
Переглядів 2,4 тис.Рік тому
Getting Setup for Modern WordPress Development
NEW! Rename Gutenberg Group Blocks in WordPress
Переглядів 348Рік тому
NEW! Rename Gutenberg Group Blocks in WordPress
WordPress 6.3 Navigation Block, Avoid This Issue!
Переглядів 766Рік тому
WordPress 6.3 Navigation Block, Avoid This Issue!
5 Creative WordPress Gradients to Transform Your Website Design
Переглядів 288Рік тому
5 Creative WordPress Gradients to Transform Your Website Design
Create Stylish Pricing Tables in WordPress 6.3 with Gutenberg Blocks Step-by-Step
Переглядів 521Рік тому
Create Stylish Pricing Tables in WordPress 6.3 with Gutenberg Blocks Step-by-Step
How you can craft creative layouts using blocks with WordPress 6.3 in 216s
Переглядів 359Рік тому
How you can craft creative layouts using blocks with WordPress 6.3 in 216s