Videos

Back to homepage
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-blockCHAPTERS --------------------------------------------------- 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-blockMy dynamic create-block template https://www.npmjs.com/package/@robcruiz/dynamic-block-templateMore Rob Ruiz links https://www.linkedin.com/in/robcruiz/ https://github.com/robruiz
Create Custom Dynamic WordPress Blocks the Easy Way
Talk by: Rob RuizHere 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/QWybJxWThere 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, JavascriptThis 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-IntermediateMany 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
Testing
SPEAKER: Rob Ruiz, Bizzle Designs (http://www.bizzledesigns.com/) Rob is a co-organizer of WP Omaha and owner of Bizzle Designs in Omaha. He was also a speaker at WordCamp Omaha earlier this year. Oh, and he's a WHIZ at WooCommerce!DETAILS: Rob will walk us through a general introduction to WooCommerce and then dive deeper depending on attendees' level of expertise. He'll also touch on some creative ways to use WooCommerce to fit the needs of any client.We will also discuss creative strategies to optimize sales and click-thru to your products.You don't want to miss this one!
E-Commerce, WordPress, and making the $$$s
Speakers: Rob Ruiz Tech: WP Admin Complexity: Beginner-IntermediateMany 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
  Close Window

Loading, Please Wait!

This may take a second or two. Loading