@WordCampLanc @erikteichmann Some advanced styling you can do: When you add a featured image, update the header of the editor using that featured image as a background image.

#WCLANC

@WordCampLanc @erikteichmann “When I’m looking for best practices, I look to default themes like twentynineteen to see how things are done” – @erikteichmann

#WCLANC

@WordCampLanc @erikteichmann Now with Gutenberg adding a stylesheet allows for conflicting styles between blocks. We need some more specific targeting.

#WCLANC

@WordCampLanc @erikteichmann What we used to do with the classic editor: Use add_editor_style() and boom we’re done.

developer.wordpress.org/referenc…

#WCLANC

@_pbrocks @WordCampLanc @paulbarthmaier Your a man of many names.

@WordCampLanc @erikteichmann “Clients hate surprises. They want to know what they’re going to get before they hit publish” @erikteichmann

#WCLANC

@WordCampLanc @erikteichmann Gutenberg is beginning to address trusting that your editor looks like your website.

#WCLANC

@WordCampLanc @erikteichmann Does your editor look just like the frontend of your website?

(No one raises their hand)

#WCLANC

@WordCampLanc @erikteichmann WYSIWYG (what you see if what you get)? More like WYS is? WYG (what you see, is it, what you get?)

#WCLANC

@WordCampLanc @erikteichmann A lot of developers use a default WordPress theme to go along with the “cobbler’s children have no shoes” expression.

#WCLANC

@WordCampLanc @erikteichmann We’re building things that are getting more and more complicated and we’re not providing enough feedback in the backend to show what the frontend is going to look like!

#WCLANC

@WordCampLanc @erikteichmann Why put work into styling the backend?

Because every client asks “What is it [the content] actually going to look like?”

#WCLANC

@WordCampLanc @erikteichmann Poll:
Who here would call themselves a theme editor? (about half of the room)

Who here has used the Gutenberg editor? (a lot less)

Who has developed a block? (not much)

#WCLANC

@WordCampLanc @erikteichmann As themes have changed are styles have gotten more complex. The first default theme had ~ 600 lines of CSS. The default twentynineteen theme has over 6,000 lines of CSS.

#WCLANC

@WordCampLanc @paulbarthmaier In my own view I think block filters are important because they enable flexibility for developers to customize blocks to meet their needs without having to redo the whole block. Actions and filters are key to making WordPress more flexible.

#WCLANC

@WordCampLanc @paulbarthmaier “Why are block filters important for the user editor interface?”

“I dunno, I’m a developer” – @_pbrocks

#WCLANC

@WordCampLanc @paulbarthmaier PHP Block example from @GaryPendergast gist.github.com/pento/cf38fd73ce…

#WCLANC

@WordCampLanc @paulbarthmaier When you create a block all of the data for that block winds up in the database via an HTML comment embedded into the post_content field where the block should be rendered.

#WCLANC

@WordCampLanc @paulbarthmaier “With the advent of the new block editor, our shared understanding of development best practices is changing. It’s like the wild wild west all over again.”

@_pbrocks

#WCLANC

@WordCampLanc @paulbarthmaier You can’t create a block with just PHP (yet) you do need a little bit of JavaScript.

#WCLANC