Upgrade to Pro — share decks privately, control downloads, hide ads and more …

field_guide_2023.pdf

Michelle Schulp Hunt
August 26, 2023
420

 field_guide_2023.pdf

Michelle Schulp Hunt

August 26, 2023
Tweet

More Decks by Michelle Schulp Hunt

Transcript

  1. @marktimemedia I Design & Build DIGITAL INTERFACES HI, I’M MICHELLE.

    Rockstar at saying stuff. Adorable badass. Carefully curated spontaneity. Meticulously organized chaos. The Anxious Alicorn.
  2. @marktimemedia THE HERO’S JOURNEY In which our hero embraces a

    disruption, faces challenges, and comes out changed
  3. @marktimemedia 12 STAGES OF TRANSFORMATION IN 3 ACTS 1 2

    3 4 5 6 7 8 9 10 11 12 The Ordinary World Call of Adventure Refusal of the Call Tests, Allies, Enemies Crossing the First Threshold Meeting the Mentor Approach the Innermost Cave The Ordeal The Reward The Long Road Back Resurrection (Final Battle) Return with the Elixir DEPARTURE RETURN INITIATION Departure: Leaving the Ordinary World Initiation: The trials & tribulations of the Special World Return: Journey back to the Ordinary World
  4. @marktimemedia The independent theme developer ROLES Client Service Creation &

    Building Support & Consulting HR, Finance, Sales, Marketing, Janitorial… ROLES Design Consulting Development Support Marketing Finance Family Hobbies
  5. @marktimemedia The independent theme developer Fine-tuned workflows Custom suite of

    tools Knows what to do Able to get help SKILLS Plugins Custom Fields HTML CSS PHP Page Builders Dev Tools JS
  6. CALL TO ADVENTURE The release of a new suite of

    tools BLOCK EDITOR WP 5.0 (DEC 2018) FULL SITE EDITING WP 5.8 (JULY 2021)
  7. @marktimemedia The lure of adventure WYSIWYG interface Powerful content layout

    tools More options Faster page builds Easily register global styles More unified theming framework AS A SERVICE PROVIDER: AS A DEVELOPER
  8. @marktimemedia The resistance to adventure Glitchy interactions Missing features More

    support requests Too many options Inconsistent documentation New development tools & language Missing or obscured functionality Constant changes AS A SERVICE PROVIDER: AS A DEVELOPER
  9. @marktimemedia The impossible journey No one is supporting/paying us to

    …learn an entire new programming language …learn and debug all of these new build tools …keep up with all of the changes
  10. @marktimemedia Find support social & slack communities tutorials & talks

    developer.wordpress.org learn.wordpress.org/ fullsiteediting.com wordpress.tv RESOURCES Manage expectations changes, support, & updates learn new skills during paid projects take the journey at your own pace
  11. @marktimemedia Navigate The Post Editor Block & Pattern Inserter Tools

    Document Overview View & Preview Settings Screen Options
  12. @marktimemedia Navigate the FSE Editor View, Edit & Create Templates

    View & Edit Styles View, Edit & Create Patterns (6.3+) Navigation & Pages (6.3+)
  13. @marktimemedia Understand the new interface from a client perspective Understand

    the options available to us as a developer Time to set up a test environment and use the editor Time Level BENEFITS Change Level OBSTACLES
  14. @marktimemedia add_theme_support Block Tools Core Block Patterns Editor Color/Gradient Palettes

    Editor Text Size Palettes Alignment Custom Color/Gradients Spacing Responsive Embeds Editor Styles Custom Units Line Height developer.wordpress.org/block-editor/how-to-guides/themes/theme-support/
  15. @marktimemedia Theme.json In Traditional Themes Settings Styles Templates – only

    used in FSE Template Parts – only used in FSE developer.wordpress.org/block-editor/how-to-guides/themes/theme-json/
  16. @marktimemedia Theme.json Settings enable/disable of features theme presets (color/spacing/fonts/sizing/etc) block-level

    controls preset & custom variables fullsiteediting.com/lessons/remove-settings- in-theme-json/
  17. @marktimemedia Theme.json + CSS theme.json generated variable format • --wp--preset--{category}--{slug}

    • --wp--custom--{nested}--{object-keys} variables/settings automatically loaded in both editor and frontend enqueue_block_assets adds custom scripts and stylesheets to the editor and frontend
  18. @marktimemedia Opens up the block editor to client & developer

    use Provide branding control via theme styles and default controls (limiting options) Setting up theme.json Reworking CSS to use variables Time Level BENEFITS Change Level OBSTACLES
  19. @marktimemedia Additional customization options (bespoke needs) Additional controls and guided

    brand options (locking it down) Time to set up Learning new functions Block template PHP syntax Time Level BENEFITS Change Level OBSTACLES
  20. @marktimemedia Fully take advantage of Full Site Editing Full rebuild

    or replacement Learning new and uncommon syntax Lack of error reporting (WSOD) Time Level BENEFITS Change Level OBSTACLES
  21. @marktimemedia Transpiled Javascript ES5 vs ES6/ESNext & JSX WP Scripts

    developer.wordpress.org/block-editor/how-to-guides/javascript/js-build-setup/ / boldermail.com/reactjs-and-gutenberg-concepts-and- tools-to-getting-started-with-the-new-block-editor
  22. @marktimemedia Custom controls and options more seamlessly integrated with UI

    Familiarity with CLI Setting up build tools Package and dependency management JS syntax Time Level BENEFITS Change Level OBSTACLES
  23. @marktimemedia Static Blocks Content and markup are created and saved

    to the post in the editor developer.wordpress.org/block-editor/how-to-guides/block-tutorial/ writing-your-first-block-type/
  24. @marktimemedia Dynamic Blocks Content and markup are rendered on the

    server May be dependent on changes or updates in other parts of the site Can still have styles/options developer.wordpress.org/block-editor/how-to-guides/block-tutorial/ creating-dynamic-blocks/
  25. @marktimemedia Fully custom functionality Fully custom UI Lack of documentation

    (“wild west”) Setting up build tools Package and dependency management React syntax Time Level BENEFITS Change Level OBSTACLES
  26. THE HERO You are a hero every step of the

    way 1 2 3 4 5 6 7 8 9 10 11 12 The Ordinary World Call of Adventure Refusal of the Call Tests, Allies, Enemies Crossing the First Threshold Meeting the Mentor Approach the Innermost Cave The Ordeal The Reward The Long Road Back Resurrection (Final Battle) Return with the Elixir
  27. @marktimemedia QUESTIONS? Here’s how to get in touch: Michelle Schulp

    Hunt [email protected] @marktimemedia mynameismichelle.com bit.ly/2023-wp-themes 𝕏