A Blog for Tutorials, Free Videos, and Updates on Courses, Talks and Workshops
While working on my Gutenberg Development Course I realized that default toolbar buttons have a nice Tooltip that appears over them on hover. I also remembered seeing a Tooltip component in Gutenberg when walking through the source code. It turns out it is pretty easy to add these in our own block as well. Setting Up the … Continue reading How to Use the Tooltip Component in Gutenberg
At WordCamp US in early Dec 2017 I set out a goal to release a Gutenberg Development Course by the end of the year. As of writing it is New Years Eve 2017 and I just made it! One of the important functions I learned about while working on the course is registerBlockType, which is used to register … Continue reading Sneak Peak Video from My Gutenberg Development Course – “An Overview of registerBlockType”
I have wanted to write a blog post on the registerBlockType() JavaScript function in WordPress for a while now. While working on my Gutenberg Development Course I learned that this function is at the heart of Block Development in WordPress since you must use it to create custom blocks. How to Access registerBlockType() The creation of a block in WordPress (as … Continue reading How to Use to registerBlockType() to Create Blocks in WordPress
While working on my Gutenberg Editor Development Course I had a simple question early on: "How do I enqueue my block JavaScript and CSS to work with the Gutenberg Editor?" The short answer is there are two ways: enqueue_block_editor_assets - For enqueueing JavaScript and CSS in the admin editor only. enqueue_block_assets - Enqueues on both the frontend of the site … Continue reading How to Add JavaScript and CSS to Gutenberg Blocks the Right Way in Plugins and Themes
While working on my Gutenberg Editor Development Course I stumbled upon a cool feature for Gutenberg Blocks that let's someone to find your block using words not found in the title of your block. Searching for Blocks in Gutenberg One of the easiest ways to find a specific block in Gutenberg is by using the search … Continue reading Create Additional Search Keywords for Your Gutenberg Editor Blocks
While working on my upcoming Gutenberg Editor Development Course I came across the question, "How do you create a custom icon for a block in the new Gutenberg editor." This post explains my process in figuring this out 🙂 Block Icons in the Gutenberg Editor With the new Gutenberg editor in WordPress you have the option to … Continue reading How to Add Custom Icons to Gutenberg Editor Blocks in WordPress Using Dashicons or SVG
It's been a good number of years since I last attended a WordCamp New York. But it holds a warm place in my heart. My first WordCamp was WordCamp New York 2008 🙂 This year, my good friend, David Parsons, took up the lead organizer role and put on a great WordCamp New York. From … Continue reading WordCamp New York JavaScript Workshop
Wow! What an honor to attend the 3rd annual WooConf! Last year I did a workshop on WooCommerce Theme Development. This year it was all JavaScript, API, and Data Visualization. https://twitter.com/BFTrick/status/921481970315542528 I was a little unsure going into the event how the talk would go. Originally it was a workshop using the Woo API and Chart.js … Continue reading Data Visualization Talk at WooConf
¡Pura Vida! Is the best way to start my review of attending WordCamp San José (formally WordCamp Costa Rica). Organizers Roberto Remedios and Alfredo "El Puas" invited me to do a workshop at WordCamp San José 2017 earlier this year while we were all hanging out at WordCamp Miami (also a great camp to attend). What started as a JavaScript … Continue reading Teaching JavaScript Deeply at WordCamp San José 2017
This weekend I had the opportunity to attend WordCamp Denver, a great example of a well attended and run local camp. The first day included two tracks of great talks. The second day featured 13 different workshops (including one from me on JavaScript + WP REST API). Site SEO Checkup Flexbox Defining, Mapping and (Sometimes) Automating … Continue reading Workshopalooza at WordCamp Denver 2017
WordPress Educator Zac Gordon 