… 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
Gutenberg Development ~ Beginner's Tip of the Day #20 π€:
Yes. You do actually need to know some React to work with Gutenberg. Or at least you will learn some React in learning Gutenberg π #thisisagoodthing#WordPress #Gutenberg #Deeply
— Zac Gordon (@zgordon) January 2, 2018
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
Gutenberg Development ~ Beginner's Tip of the Day #18 π€:
In general, custom blocks belong in plugins, not themes. Themes can style and integrate to an extent with blocks though! IMHO#WordPress #Gutenberg #Deeply pic.twitter.com/iNAYlLDbW9
— Zac Gordon (@zgordon) December 29, 2017
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