… and #Gutenberg course offers by Zac Gordon for developers and by Joe Casabona for Site Users and Owners, special for WordPress Meetup SWFL members below🙂
Gutenberg Development ~ Beginner's Tip of the Day #30 🤓:
Whoot whoot! Documentation for Block Templates is up on the GB Handbook! Theme devs ~ you're gonna love these 🙂 https://t.co/WYWriXX8a2#WordPress #Gutenberg #Deeply pic.twitter.com/l5eQAVaTQn
— Zac Gordon (@zgordon) January 17, 2018
Gutenberg Development ~ Beginner's Tip of the Day #29 🤓:
The optional "description" setting for registerBlockType will let you set a translatable description for your block. https://t.co/LZEZU8RpYC#WordPress #Gutenberg #Deeply pic.twitter.com/RK3tCOkZ0k
— Zac Gordon (@zgordon) January 17, 2018
Gutenberg Development ~ Beginner's Tip of the Day #28 🤓:
For API requests w/out React inside Gutenberg, try wp.apiRequest() – https://t.co/a8uoSjHMDE
OR, if you're using React, try withAPIData() in your component 👍 – https://t.co/3BR5ziqHfS#WordPress #Gutenberg #Deeply pic.twitter.com/3m31Aad9Q7
— Zac Gordon (@zgordon) January 12, 2018
Gutenberg Development ~ Beginner's Tip of the Day #27 🤓:
Gutenberg has a few add_theme_support() options for Theme Developers.🎨 📖 Check out the reference for these in the Gutenberg Handbook here – https://t.co/FNQEUUBok6#WordPress #Gutenberg #Deeply pic.twitter.com/WCsbmJ6xYA
— Zac Gordon (@zgordon) January 11, 2018
Gutenberg Development ~ Beginner's Tip of the Day #26 🤓:
Using JSX to create your block UIs can save you time and provide cleaner, more readable code. 👍 📖 Read this Official Guide to Get Up and Running https://t.co/bdg3DSRfix #WordPress #Gutenberg #Deeply pic.twitter.com/6UWDtFat4K
— Zac Gordon (@zgordon) January 10, 2018
Gutenberg Development ~ Beginner's Tip of the Day #25 🤓:
You will likely use wp.i18n.__() all over the place in your block code to make your block UI text available for translation. 👍 📖 It's simple, here's how! https://t.co/LdmNb2fgp6#WordPress #Gutenberg #Deeply pic.twitter.com/cUBWl8Nlf2
— Zac Gordon (@zgordon) January 9, 2018
Gutenberg Development ~ Beginner's Tip of the Day #24 🤓:
As it will roll out at first, Gutenberg is not a replacement for rich front end site or page builder plugins. It is a greatly enhanced editing experience, but not a replacement.. yet. #WordPress #Gutenberg #Deeply
— Zac Gordon (@zgordon) January 8, 2018
Gutenberg Development ~ Beginner's Tip of the Day #23 🤓:
Block Templates let you assign default blocks to posts, pages or custom post types. You can even lock them down. 📖 Here's how they work https://t.co/YIVMZVOQ6w#WordPress #Gutenberg #Deeply pic.twitter.com/ceGpqwfs2B
— Zac Gordon (@zgordon) January 5, 2018
Gutenberg Development ~ Beginner's Tip of the Day #22 🤓:
The <Tooltip> component in Gutenberg is an easy way to add accessibility and slickness to your custom block controls. 👍 📖 Learn how to use it in your blocks – https://t.co/W8BwG7jv1W#WordPress #Gutenberg #Deeply pic.twitter.com/WFlDbXi0PX
— Zac Gordon (@zgordon) January 4, 2018
Gutenberg Development ~ Beginner's Tip of the Day #21 🤓:
Want to customize the color palette for blocks and make them match the color scheme for your theme? It's just a few lines of PHP 🙂 Here's how – https://t.co/f2jupdNYOF#WordPress #Gutenberg #Deeply pic.twitter.com/M5DmIdufde
— Zac Gordon (@zgordon) January 3, 2018
https://twitter.com/zgordon/status/948208026544168961
Gutenberg Development ~ Beginner's Tip of the Day #19 🤓:
Use this helpful online tool to convert any SVG into valid JSX that can be copied and pasted as the icon for your custom block https://t.co/rj689I6Zq2#WordPress #Gutenberg #Deeply pic.twitter.com/czlXV4fVqx
— Zac Gordon (@zgordon) January 1, 2018
https://twitter.com/zgordon/status/946758465627807744
Gutenberg Development ~ Beginner's Tip of the Day #17 🤓:
registerBlockType() is at the heart of building custom blocks. 📓 Here's how it works https://t.co/DH0LLorxkR#WordPress #Gutenberg #Deeply pic.twitter.com/2rfoPoq34s
— Zac Gordon (@zgordon) December 28, 2017
Gutenberg Development ~ Beginner's Tip of the Day #16 🤓:
If you find yourself starting to or wanting to rebuild Core blocks… It's possibly time to switch to a template or reusable blocks approach.#WordPress #Gutenberg #Deeply
— Zac Gordon (@zgordon) December 27, 2017
Gutenberg Development ~ Beginner's Tip of the Day #15 🤓:
How to Add JavaScript and CSS to Gutenberg Blocks the Right Way in Plugins and Themes https://t.co/G3jl227on1#WordPress #Gutenberg #Deeply pic.twitter.com/zwZvJz6AgA
— Zac Gordon (@zgordon) December 26, 2017
Gutenberg Development ~ Beginner's Tip of the Day #14 🤓:
Ever use the Gutenberg Demo when you install the plugin? Checkout the simple JS file that loads the block content. See GB comment attributes in work. https://t.co/fnEp7IIVcd#WordPress #Gutenberg #Deeply pic.twitter.com/ytmUGJdYtX
— Zac Gordon (@zgordon) December 25, 2017
Gutenberg Development ~ Beginner's Tip of the Day #13 🤓:
There are 5 categories of blocks you can choose from when creating a custom blocks: common, formatting, layout, widgets & embed https://t.co/kgYI3j2jFw#WordPress #Gutenberg #Deeply pic.twitter.com/neix7rOLET
— Zac Gordon (@zgordon) December 22, 2017
Gutenberg Development ~ Beginner's Tip of the Day #12 🤓:
There is an interesting discussion on how plugins should handle fallback to the Classic Editor. If you're a plugin dev, you should check it out – https://t.co/4zr8ACW65s#WordPress #Gutenberg #Deeply pic.twitter.com/PKCSaz1nQ0
— Zac Gordon (@zgordon) December 21, 2017
Gutenberg Development ~ Beginner's Tip of the Day #11 🤓:
To use JSX in your blocks, simply add the 'transform-react-jsx' plugin like done in the Gutenberg Core .babelrc file – https://t.co/s27KdRe0M0#WordPress #Gutenberg #Deeply pic.twitter.com/TZLIwFKrZG
— Zac Gordon (@zgordon) December 20, 2017
Gutenberg Development ~ Beginner's Tip of the Day #10 🤓:
Did you know there is a @wpcli command for scaffolding blocks? https://t.co/yRg0mOG2dt#WordPress #Gutenberg #Deeply pic.twitter.com/r62NDneF3B
— Zac Gordon (@zgordon) December 19, 2017
Gutenberg Development ~ Beginner's Tip of the Day #9 🤓:
Did you know there is a "Gutenberg Theme" in development you can checkout? twentyeighteen?
https://t.co/K5E1QWUnem#WordPress #Gutenberg #Deeply pic.twitter.com/hJcXnTn9IS— Zac Gordon (@zgordon) December 18, 2017
Gutenberg Development ~ Beginner's Tip of the Day #8 🤓:
In case you haven't explored it yet, the Gutenberg Developer Handbook is pretty helpful – https://t.co/Yyr7vgTYuj#WordPress #Gutenberg #Deeply pic.twitter.com/4TUbYRCL4p
— Zac Gordon (@zgordon) December 15, 2017
Gutenberg Development ~ Beginner's Tip of the Day #7 🤓:
Read this article from Core Gutenberg Developer @riadbenguella – "One thousand and one way to extend Gutenberg today" – https://t.co/SLVQV5WObc#WordPress #Gutenberg #Deeply pic.twitter.com/JgLl1dbVUl
— Zac Gordon (@zgordon) December 14, 2017
Gutenberg Development ~ Beginner's Tip of the Day #6 🤓:
Use the 'keyword' setting to have your Block show up for keywords not found in the name of the block. Here is a tutorial showing how => https://t.co/2WOkAAyevK#WordPress #Gutenberg #Deeply pic.twitter.com/eerpacEqxp
— Zac Gordon (@zgordon) December 13, 2017
Gutenberg Development ~ Beginner's Tip of the Day #5 🤓:
/blocks/library is where all of the default Gutenberg Blocks live. Check out how they are built – https://t.co/tsYb2BoLVC#WordPress #Gutenberg #Deeply pic.twitter.com/kq6h8T1qWl
— Zac Gordon (@zgordon) December 12, 2017
Gutenberg Development ~ Beginner's Tip of the Day #4 🤓:
You can use default WordPress Dashicons as Block Icons. You can also use custom SVG Icons 🙂 Here is a tutorial how => https://t.co/xsQzAahrxF#WordPress #Gutenberg #Deeply pic.twitter.com/qrmZdOzK7A
— Zac Gordon (@zgordon) December 11, 2017
Gutenberg Development ~ Beginner's Tip of the Day #3 🤓:
wp.i18n is the client side library for localization in WordPress, make it a dependency in your block JS files as 'wp-i18n' – https://t.co/VFVQsd4b2r#WordPress #Gutenberg #Deeply pic.twitter.com/9wpZwhph1A
— Zac Gordon (@zgordon) December 8, 2017
Gutenberg Development ~ Beginner's Tip of the Day 🤓:
Use 'enqueue_block_editor_assets' to hook your custom block's JavaScript into Gutenberg#WordPress #Deeply pic.twitter.com/6SAvLjJwzH
— Zac Gordon (@zgordon) December 6, 2017
Gutenberg Development ~ Beginner's Tip of the Day 🤓:
wp.element is the WordPress abstraction layer on top of React and ReactDOM#WordPress #Deeply https://t.co/BKqq0gHX2L pic.twitter.com/gkdjb3P1Pc
— Zac Gordon (@zgordon) December 7, 2017
#Gutenberg course offers by Zac Gordon for developers and by Joe Casabono for Site Users and Owners
