Tempe Meetup Notes July 2019

Idea swap
David Wordfence login security plugin protect site 2 factor authentication
Free check it out, particularly for business site.
Jeremy javascriptforwp.com conference today is the start of the 2 day conference. Presented by Zac C.new tech being built into WP.

I Built a Site with a Page Builder called Gutenberg by Jeremy Scott

Jeremy started working in WP in 2010
Big custom complicated pages needed solutions
One of the problems with doing things the way they were

WP searches in content field not in custom fields
We want content to be valuable and searchable

Another solution page builder
Page builders take over the WP screen to give a visual experience then adds a ton of shortcodes

15 yrs ago data was separated from structure. Don’t get married to a system that becomes obsolete.

How do we move away from page builders into the actual Gutenberg
Gutenberg now has a content grouping look
He had to find one

Using 1 atomic blocks plugin that’s it

His code is pure html and all content is fully searchable and the data and content is not mixed. If a builder changes their way of doing things, we are stuck With Gutenberg we know WP is always backward compatible and forward-facing to making improvement
New Gutenberg containers, oops groups, have built-in padding
Columns will be added in the next update
Gutenberg plugin has all features right now

Separate style from structure
Is possible in Gutenberg it’s a functional page builder
Gutenberg has many new stock options that replace builder plugins
cleaner code in back end

Created his own color palette and disabled custom colors to keep his colors consistent through the site
Then allowed editors to have access to that color

CSS code
Creates css codes he can then write for. 200 lines of custom css but mostly core Gutenberg

Rank difficulty
Easier than customizing with a page builder
Forward compatibility is good
Can reuse content moving forward

Gutenberg is still improving and actively working on it.
Don’t reject it. Embrace it
Give it a try and push it to its limits then give feedback

Every single block has a custom css ability where you can specify an action to that block

Dave recommends “Stackable” plugin as an extension.
Core has a stable version of Gutenberg
The plugin has faster updates
Install the plugin and it will overwrite current Gutenberg features
The plugin is More stable

Huge benefits moving forward in doing it the right way.
Huge benefits in doing it the right way. Don’t go out and change sites that are working just move forward.
Wp5.0 already has Gutenberg

Once you move from a page builder to pure Gutenberg you can’t switch back.
Duplicate current pages and then pull the scrap code from the builder. Build it from there.
Play around w it.

He uses Genesis sample child theme for all fresh start sites.
Gutenberg is the new WP default experience
Themes work with Gutenberg
Many people created page builders as their solution
The new standard solution moving forward is Gutenberg
There are benefits to using the new core editor

Dave has played a massive role in bringing documentation out for Gutenberg
He understands the flaws as well.

Dave
Like any new tool, getting used to it like going from pencil to pen,
In the old editor, we had all this text to insert media into
Now everything is a new block
Shrinkwrap around your content
One action has helped him get used to the flow
Is to use a slash inserted
/image looks for insta and flicker
/Header brings up a header

Insert the / and start typing what you’re looking for.
It takes the overwhelm out of the process.
Stackable is great for familiarity

Reusable blocks are helpful
Make blocks that you would use on various sites, into reusable blocks.
Add groups to reusable blocks
Reusable blocks are powerful for call to actions
Company videos
Update the content of the reusable block it updates everywhere you would use that block.
Reusable blocks can also be used as a starter template and then be individualized to the specific use
Once you change it, the reusable block is changed and won’t globally update.