Storytelling with Gutenberg

•

1 gostou•1,444 visualizações

Andrea Zoellner

Gutenberg blocks allow bloggers to improve their blogs in several ways: 1. Add style and formatting to text using blocks like headings, quotes, and lists. 2. Diversify posts with different images, audio, video, and other multimedia. 3. Integrate other post types like galleries and files. 4. Simplify workflows by creating reusable blocks.

Storytelling with Gutenberg:
How to use the new editor to boost your blog
Andrea Zoellner

Organizers
Alex Sirota Andy McIlwain Dan Stramer Jacques Surveyer
Jeremy Choi Kristine Black Robin Macrae

Sponsors

4
gutenberG:
How To Use the New Editor to Boost Your Blog
Storytellingwith

5
• Chief Content Creator at SiteGround
• Journalism Major
• Lives in Montreal
• On Twitter @andreazoellner
• Excited about Gutenberg
AndreazoellneR

6
haveyouused
Gutenberg?

7@andreazoellner
WordPress 4.9.8
WordPress 5.0

8@andreazoellner

9
“tosnowfall”
@andreazoellner

11
withGutenberg,
anyonecansnowfalL.
@andreazoellner

14
Gutenbergblocks
•Paragraph
•List
•Heading
•Subhead
•Table
•Button
•Classic Block
•Text Columns
text layoutquotes codemedia
•Image
•Audio
•Video
•Embeds
•Shortcodes
•Cover Image
•Image Gallery
•File
•Quote
•Pullquote
•Verse
•Code
•Code
•Preformatted
•Custom HTML
•Shortcodes
•Embeds
•Columns
•Separator
•Read More
•Pagination
@andreazoellner

15
Howtoimproveyourblog
withGutenberg

16
1.Addstyletoyourtext

19
2.Diversifyyourimages

22
3.integrateotherposttypeS
@andreazoellner

26
4.Spiceitupwithmultimedia

29
5.Addbreathingroom
@andreazoellner

31
6.buildinaCall-to-action

33
7.simplifyyourworkfloW

35
1.stylizeyourtext
2.Addimages
3.maximizepost-types
4.Addaudioandvideo
5.Addwhitespace
6.addacall-to-action
7.createReusableblocks
insummary

36
ThankYou!
@andreazoellner

Storytelling with Gutenberg

Mais conteúdo relacionado

Mais de Andrea Zoellner

This talk was given at WordCamp Toronto 2018. When we think about UX we’re often too focused on fonts, colors, and flow to think about microcopy‚ those small bits of text that guide users through almost every part of a web interface. These words may be tiny, but they can make a significant difference in the usability of your design and even affect your site’s conversion rates. This presentation offers copywriting and communication tips that will immediately improve your user interface microcopy, such as error messages and interface instructions, so your users experience less frustration and more delight.

Effective Copywriting Tips for Better UX - WordCamp Toronto

Effective Copywriting Tips for Better UX - WordCamp Toronto

Effective Copywriting Tips for Better UX - WordCamp Toronto

Andrea Zoellner

Believe it or not, you don't have to know how to code to get a job in tech. There are plenty of roles for people with a diverse set of skills and you never know what seemingly irrelevant experience can bring value to your team. In this talk, I'll share some examples of non-technical positions, how to find them, and how to pitch yourself for the job. I'll give practical tips on how to capitalize on your unique skill set and build a personal brand hiring managers will notice.

The Non-Techie's Guide to Getting a Job in Tech

The Non-Techie's Guide to Getting a Job in Tech

The Non-Techie's Guide to Getting a Job in Tech

Andrea Zoellner

Why Tech Conferences Can Suck for Women (And How to Fix It)

Why Tech Conferences Can Suck for Women (And How to Fix It)

Why Tech Conferences Can Suck for Women (And How to Fix It)

Andrea Zoellner

Five Newsroom Tips for Better Website Content

Five Newsroom Tips for Better Website Content

Five Newsroom Tips for Better Website Content

Andrea Zoellner

This talk was given at WordCamp NYC 2018. When we think about UX we’re often too focused on fonts, colors, and flow to think about microcopy‚ those small bits of text that guide users through almost every part of a web interface. These words may be tiny, but they can make a significant difference in the usability of your design and even affect your site’s conversion rates. This presentation offers copywriting and communication tips that will immediately improve your user interface microcopy, such as error messages and interface instructions, so your users experience less frustration and more delight.

Effective Copywriting Tips for Better UX

Effective Copywriting Tips for Better UX

Effective Copywriting Tips for Better UX

Andrea Zoellner

Video is one of the hottest mediums in marketing today. It can also be one of the most confusing and expensive. From low-cost channels like Facebook Live or Snapchat, to YouTube ads and TV spots, there are many ways you can integrate video into your marketing plan and see immediate results. In this talk, I’ll give an overview of the current video landscape and offer tools to develop a video content plan that works for your audience, objectives, and budget. Whether you’re an independent professional, a non-profit, or a business, find out how video can help you achieve your goals. This presentation was given at WordCamp Kansas City 2017.

Developing a Video Strategy That Will Change Your Business

Developing a Video Strategy That Will Change Your Business

Developing a Video Strategy That Will Change Your Business

Andrea Zoellner

*** These slides accompany a talk given at WordCamp Kansas City on June 11, 2016. *** Revamping the design of a website can be a fun and exciting project. Hopefully, the result is a prettier and more user-friendly site. But don’t forget about content! It’s easy to be consumed by theme design and features while overlooking the impact of a content review on the success of your website redesign. I’ll share best practices for good website content, audits, and page rewrites while handling the challenges of simultaneous design and text overhauls. This talk is aimed at webmasters, small business owners, web developers, or anyone interested in tips for effective copywriting, information hierarchy, and project management.

The Great Dis-Content: Tackling Content in a Website Redesign

The Great Dis-Content: Tackling Content in a Website Redesign

The Great Dis-Content: Tackling Content in a Website Redesign

Andrea Zoellner

*** These slides accompany a talk given at WordCamp Toronto on October 4, 2015. *** Think only coders can make a living using WordPress? Think again! There are a surprising number of ways to make a career using WordPress without knowing a single line of code. This presentation will tackle some of the barriers that discourage beginners from using WordPress professionally, like a lack of technical skill and feeling like an impostor. Shed the fear and discover different career options and simple WordPress tips while learning to leverage your unique skill set for the tech industry.

How I Made a Career Using WordPress Without Knowing a Line of Code

How I Made a Career Using WordPress Without Knowing a Line of Code

How I Made a Career Using WordPress Without Knowing a Line of Code

Andrea Zoellner

Mais de Andrea Zoellner (8)

Effective Copywriting Tips for Better UX - WordCamp Toronto

Effective Copywriting Tips for Better UX - WordCamp Toronto

Effective Copywriting Tips for Better UX - WordCamp Toronto

The Non-Techie's Guide to Getting a Job in Tech

The Non-Techie's Guide to Getting a Job in Tech

The Non-Techie's Guide to Getting a Job in Tech

Why Tech Conferences Can Suck for Women (And How to Fix It)

Why Tech Conferences Can Suck for Women (And How to Fix It)

Why Tech Conferences Can Suck for Women (And How to Fix It)

Five Newsroom Tips for Better Website Content

Five Newsroom Tips for Better Website Content

Five Newsroom Tips for Better Website Content

Effective Copywriting Tips for Better UX

Effective Copywriting Tips for Better UX

Effective Copywriting Tips for Better UX

Developing a Video Strategy That Will Change Your Business

Developing a Video Strategy That Will Change Your Business

Developing a Video Strategy That Will Change Your Business

The Great Dis-Content: Tackling Content in a Website Redesign

The Great Dis-Content: Tackling Content in a Website Redesign

The Great Dis-Content: Tackling Content in a Website Redesign

How I Made a Career Using WordPress Without Knowing a Line of Code

How I Made a Career Using WordPress Without Knowing a Line of Code

How I Made a Career Using WordPress Without Knowing a Line of Code

Último

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Dubai, often portrayed as a shimmering oasis in the desert, faces its own set of challenges, including the occasional threat of flooding. Despite its reputation for opulence and modernity, the emirate is not immune to the forces of nature. In recent years, Dubai has experienced sporadic but significant floods, testing the resilience of its infrastructure and communities. Among the critical lifelines in this bustling metropolis is the Dubai International Airport, a bustling hub that connects the city to the world. This article explores the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Bhuvaneswari Subramani

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

ICT role in 21st century education and its challenges

ICT role in 21st century education and its challenges

ICT role in 21st century education and its challenges

rafiqahmad00786416

Architecting Cloud Native Applications

Architecting Cloud Native Applications

Architecting Cloud Native Applications

Discover the innovative features and strategic vision that keep WSO2 an industry leader. Explore the exciting 2024 roadmap of WSO2 API management, showcasing innovations, unified APIM/APK control plane, natural language API interaction, and cloud native agility. Discover how open source solutions, microservices architecture, and cloud native technologies unlock seamless API management in today's dynamic landscapes. Leave with a clear blueprint to revolutionize your API journey and achieve industry success!

WSO2's API Vision: Unifying Control, Empowering Developers

WSO2's API Vision: Unifying Control, Empowering Developers

WSO2's API Vision: Unifying Control, Empowering Developers

💥 You’re lucky! We’ve found two different (lead) developers that are willing to share their valuable lessons learned about using UiPath Document Understanding! Based on recent implementations in appealing use cases at Partou and SPIE. Don’t expect fancy videos or slide decks, but real and practical experiences that will help you with your own implementations. 📕 Topics that will be addressed: • Training the ML-model by humans: do or don't? • Rule-based versus AI extractors • Tips for finding use cases • How to start 👨‍🏫👨‍💻 Speakers: o Dion Morskieft, RPA Product Owner @Partou o Jack Klein-Schiphorst, Automation Developer @Tacstone Technology

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

UiPathCommunity

Boost Fertility New Invention Ups Success Rates.pdf

Boost Fertility New Invention Ups Success Rates.pdf

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Angeliki Cooney has spent over twenty years at the forefront of the life sciences industry, working out of Wynantskill, NY. She is highly regarded for her dedication to advancing the development and accessibility of innovative treatments for chronic diseases, rare disorders, and cancer. Her professional journey has centered on strategic consulting for biopharmaceutical companies, facilitating digital transformation, enhancing omnichannel engagement, and refining strategic commercial practices. Angeliki's innovative contributions include pioneering several software-as-a-service (SaaS) products for the life sciences sector, earning her three patents. As the Senior Vice President of Life Sciences at Avenga, Angeliki orchestrated the firm's strategic entry into the U.S. market. Avenga, a renowned digital engineering and consulting firm, partners with significant entities in the pharmaceutical and biotechnology fields. Her leadership was instrumental in expanding Avenga's client base and establishing its presence in the competitive U.S. market.

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Angeliki Cooney

Retrieval augmented generation (RAG) is the most popular style of large language model application to emerge from 2023. The most basic style of RAG works by vectorizing your data and injecting it into a vector database like Milvus for retrieval to augment the text output generated by an LLM. This is just the beginning. One of the ways that we can extend RAG, and extend AI, is through multilingual use cases. Typical RAG is done in English using embedding models that are trained in English. In this talk, we’ll explore how RAG could work in languages other than English. We’ll explore French, Chinese, and Polish.

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Tracing the root cause of a performance issue requires a lot of patience, experience, and focus. It’s so hard that we sometimes attempt to guess by trying out tentative fixes, but that usually results in frustration, messy code, and a considerable waste of time and money. This talk explains how to correctly zoom in on a performance bottleneck using three levels of profiling: distributed tracing, metrics, and method profiling. After we learn to read the JVM profiler output as a flame graph, we explore a series of bottlenecks typical for backend systems, like connection/thread pool starvation, invisible aspects, blocking code, hot CPU methods, lock contention, and Virtual Thread pinning, and we learn to trace them even if they occur in library code you are not familiar with. Attend this talk and prepare for the performance issues that will eventually hit any successful system. About authorWith two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Scaling API-first – The story of a global engineering organization Ian Reasor, Senior Computer Scientist - Adobe Radu Cotescu, Senior Computer Scientist - Adobe Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Passkeys: Developing APIs to enable passwordless authentication Cody Salas, Sr Developer Advocate | Solutions Architect - Yubico Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

FWD Group - Insurer Innovation Award 2024

FWD Group - Insurer Innovation Award 2024

FWD Group - Insurer Innovation Award 2024

The Digital Insurer

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

DBX First Quarter 2024 Investor Presentation

DBX First Quarter 2024 Investor Presentation

DBX First Quarter 2024 Investor Presentation

Corporate and higher education. Two industries that, in the past, have had a clear divide with very little crossover. The difference in goals, learning styles and objectives paved the way for differing learning technologies platforms to evolve. Now, those stark lines are blurring as both sides are discovering they have content that’s relevant to the other. Join Tammy Rutherford as she walks through the pros and cons of corporate and higher ed collaborating. And the challenges of these different technology platforms working together for a brighter future.

Corporate and higher education May webinar.pptx

Corporate and higher education May webinar.pptx

Corporate and higher education May webinar.pptx

Rustici Software

Último (20)

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Elevate Developer Efficiency & build GenAI Application with Amazon Q

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ICT role in 21st century education and its challenges

ICT role in 21st century education and its challenges

ICT role in 21st century education and its challenges

Architecting Cloud Native Applications

Architecting Cloud Native Applications

Architecting Cloud Native Applications

WSO2's API Vision: Unifying Control, Empowering Developers

WSO2's API Vision: Unifying Control, Empowering Developers

WSO2's API Vision: Unifying Control, Empowering Developers

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

Boost Fertility New Invention Ups Success Rates.pdf

Boost Fertility New Invention Ups Success Rates.pdf

Boost Fertility New Invention Ups Success Rates.pdf

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

FWD Group - Insurer Innovation Award 2024

FWD Group - Insurer Innovation Award 2024

FWD Group - Insurer Innovation Award 2024

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

DBX First Quarter 2024 Investor Presentation

DBX First Quarter 2024 Investor Presentation

DBX First Quarter 2024 Investor Presentation

Corporate and higher education May webinar.pptx

Corporate and higher education May webinar.pptx

Corporate and higher education May webinar.pptx

Storytelling with Gutenberg

1. Storytelling with Gutenberg: How to use the new editor to boost your blog Andrea Zoellner

2. Organizers Alex Sirota Andy McIlwain Dan Stramer Jacques Surveyer Jeremy Choi Kristine Black Robin Macrae

4. 4 gutenberG: How To Use the New Editor to Boost Your Blog Storytellingwith

5. 5 • Chief Content Creator at SiteGround • Journalism Major • Lives in Montreal • On Twitter @andreazoellner • Excited about Gutenberg AndreazoellneR

6. 6 haveyouused Gutenberg?

7. 7@andreazoellner WordPress 4.9.8 WordPress 5.0

8. 8@andreazoellner

9. 9 “tosnowfall” @andreazoellner

11. 11 withGutenberg, anyonecansnowfalL. @andreazoellner

14. 14 Gutenbergblocks •Paragraph •List •Heading •Subhead •Table •Button •Classic Block •Text Columns text layoutquotes codemedia •Image •Audio •Video •Embeds •Shortcodes •Cover Image •Image Gallery •File •Quote •Pullquote •Verse •Code •Code •Preformatted •Custom HTML •Shortcodes •Embeds •Columns •Separator •Read More •Pagination @andreazoellner

15. 15 Howtoimproveyourblog withGutenberg

16. 16 1.Addstyletoyourtext

19. 19 2.Diversifyyourimages

22. 22 3.integrateotherposttypeS @andreazoellner

26. 26 4.Spiceitupwithmultimedia

29. 29 5.Addbreathingroom @andreazoellner

31. 31 6.buildinaCall-to-action

33. 33 7.simplifyyourworkfloW

35. 35 1.stylizeyourtext 2.Addimages 3.maximizepost-types 4.Addaudioandvideo 5.Addwhitespace 6.addacall-to-action 7.createReusableblocks insummary

36. 36 ThankYou! @andreazoellner