Videos | WP Omaha

Videos

Back to homepage

WP Engine and Buildertrend present a meetup on Faust.js.

April 2023 Developer Meetup featuring Faust.js team

WP Omaha Live Stream

Although much of this can also be applied to any kind of Gutenberg block, we will specifically focus on Dynamic blocks to nicely follow up on the previous video we made on quickly creating simple dynamic blocks.

WordPress Gutenberg Component Storybook
https://wordpress.github.io/gutenberg/

WordPress Developer Docs for Block Controls
https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/block-controls-toolbar-and-sidebar/

WordPress Block Supports - to easily add existing universal block functionality
https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/block-supports-in-static-blocks/

More about block attributes:
https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/

Creating Custom Attributes on Dynamic Blocks

In this video, we'll explore some even easier and faster ways to make dynamic Gutenberg blocks in WordPress. These will get created as a WordPress plugin. We will use a combination of the @wordpress/create-block package, Webpack, React, wp-scripts, block.json, and PHP. We will also dive into how to take one of these plugins that gets generated from create-block and turn it into a plugin that contains multiple dynamic blocks. We also go into use the --variant option and the --no-plugin option to create blocks.

Be sure to have the latest version of Node and NPM installed.

@wordpress/create-block Links
https://developer.wordpress.org/block-editor/reference-guides/packages/packages-create-block/#variant
https://www.npmjs.com/package/@wordpress/create-block

CHAPTERS
---------------------------------------------------
0:00 Intro
2:01 Create dynamic block variant
6:52 Add ServerSideRender component
9:21 Create multiple blocks in one plugin
18:06 Create new block in plugin using the --no-plugin option
22:15 Outro

Generate Dynamic WordPress Blocks The Easier Way

You don't need to use ACF blocks to create blocks using PHP. Using standard dynamic gutenberg blocks gives you way more control and flexibility while maintaining a light codebase and removing the dependency on 3rd party plugins.

@wordpress/create-block npm package https://www.npmjs.com/package/@wordpress/create-block

My dynamic create-block template
https://www.npmjs.com/package/@robcruiz/dynamic-block-template

More Rob Ruiz links
https://www.linkedin.com/in/robcruiz/
https://github.com/robruiz

Create Custom Dynamic WordPress Blocks the Easy Way

Talk by: Rob Ruiz

Here Rob Ruiz demos a nifty little self-contained sponsorship matrix component he made with minimal Javascript and some custom HTML elements. This can easily be slapped into any HTML WP widget or Elementor element. It would also be quite simple to convert this into a GBlock or something along those lines if anyone is up to the task.

Link to the pen: https://codepen.io/robruiz/pen/QWybJxW

There was some additional CSS added to the final site implementation to make it fit the design for the site, however, there is some base CSS in the pen.

Sponsorship Matrix Demo

WP Omaha: Dev
Speaker: Rob Ruiz (yet again)
Tech: PHP, Javascript

This will be our first dev meetup trying out this new time-frame. The reason for this time change for the dev meetups is to attempt to appeal to the real local WordPress professionals in Omaha. In previous years, we have seen lower than desirable involvement from local working WP professionals, so this is an attempt to remedy that. If you are a working WP professional, don't be afraid to inform your employer of what we are trying to do here and influence the professional tech community.

At this meetup, we are going to look into all things performance. Common tricks to avoid common performance pitfalls. From wpdb, to transients, to ob_caching. Let's make sure when we develop plugins/themes for WP that they do not slow down sites that use them. We will also look at common tools to measure performance while we develop.

Lets start off 2020 with speed in mind and make sure we show JAMstack users that WP and PHP can still be fairly performant if you know what you are doing.

Programming for Performance

Speakers: Rob Ruiz and hopefully others
Tech: WP Admin
Complexity: Beginner-Intermediate

Many times, it's easy to only think about the desktop user experience when it comes to a WordPress site. However, it's about time we dedicate an entire talk to all things mobile when it comes to our WP sites. Mobile today was much different than mobile last year, and I'm sure next year will yield an equally dramatic change.

In this talk, we will explore a few big players in the mobile game when it comes to WordPress. Let's talk about Responsive (of course), but lets also explore AMP and it's benefits, PWAs, and browser/device notifications. Did you know all of these things are not only possible in WordPress, but they are tremendously popular and powerful.

We are going to look at some plugins, some themes, and explore some core concepts of these emerging technologies. We will also open it up to Q&A and explore your concerns when it comes to the mobile experience.

Game of Phones: Optimizing Websites for a mobile user-base

Load More... Subscribe