WordPress Planet

June 18, 2024

WordPress Foundation: Announcing the 2024 Kim Parsell Memorial Scholarship Recipient: Cynthia Norman


In 2015, the WordPress Foundation established an annual memorial scholarship to honor the memory of Kim Parsell, a beloved and influential contributor to the WordPress community. This scholarship ensures that Kim’s core values continue to inspire and enrich the WordPress community.

This scholarship is awarded each year to a female WordPress contributor who has never attended WordCamp US and would require financial assistance to do so. More information on the scholarship, including past recipients, is available here.

We’re happy to announce that this year’s scholarship recipient is Cynthia Norman! Cynthia’s commitment to WordPress training and education embodies the values that Kim cherished.

A photo of Cynthia Norman standing in a garden, smiling at the camera.

Cynthia joined the WordPress Contributor Mentorship Program in its inaugural year as a mentee, and she credits that program with giving her the boost she needed to dig into WordPress and grow professionally. Cynthia began contributing to the WordPress Training team shortly after and hasn’t let up since!

When asked about her proudest contribution to WordPress, Cynthia points to a Learning Pathway course she developed for Learn WordPress:

I am an avid content creator with the Training Team and, so far, my proudest contribution to the WordPress open source project has been creating my first lesson for the Learning Pathway: Beginner Developer
course. Working collaboratively with WordPress educators has been so rewarding, and exactly what I needed to complement my freelance work as a WordPress developer.

If Cynthia’s name sounds familiar to you, it might be because she was recently featured in a WordPress Contributor Spotlight.

It’s also possible you’ve crossed paths with her in a WordPress Training team meeting.

You may have even stumbled across her YouTube channel full of WordPress tutorials!

To say that Cynthia keeps busy is an understatement.

When she’s not contributing to WordPress or playing with her six grandchildren, Cynthia enjoys spending her time outdoors in beautiful Ontario, Canada where she lives with her husband and her dog, Mya.

by Julia Golomb at June 18, 2024 05:00 PM under WordCamp

WordPress.org blog: WordPress 6.6 Beta 3


WordPress 6.6 Beta 3 is here! Please download and test it.

This beta version of the WordPress software is under development. Please do not install, run, or test this version of WordPress on production or mission-critical websites—you risk unexpected results if you do.

Instead, test Beta 3 on a local site or a testing environment in any of these four ways:

PluginInstall and activate the WordPress Beta Tester plugin on a WordPress install. (Select the “Bleeding edge” channel and “Beta/RC Only” stream).
Direct DownloadDownload the Beta 3 version (zip) and install it on a WordPress website.
Command LineUse this WP-CLI command:
wp core update --version=6.6-beta3
WordPress PlaygroundUse a 6.6 Beta 3 WordPress Playground instance to test the software directly in your browser. This might be the easiest way ever—no separate sites, no setup. Just click and go! 
Four ways to test WordPress Beta 3.

The target release date for WordPress 6.6 is July 16, 2024. Your help testing Beta and RC versions over the next four weeks is vital to making sure the final release is everything it should be: stable, powerful, and intuitive.

If you find an issue

If you run into an issue, please share it in the Alpha/Beta area of the support forums. If you are comfortable submitting a reproducible bug report, you can do so via WordPress Trac. You can also check your issue against a list of known bugs.

The bug bounty doubles in the beta period

The WordPress community sponsors a financial reward for reporting new, unreleased security vulnerabilities. That reward doubles between Beta 1, which landed June 4, and the final Release Candidate (RC), which will happen July 9. Please follow the project’s responsible-disclosure practices detailed on this HackerOne page and in this security white paper.

The work continues

Catch up with what’s new in 6.6: check out the Beta 1 announcement for the highlights.

Beta 3 packs in more than 50 updates to the Editor since the Beta 2 release, including 39 tickets for WordPress core:

The beta cycle is all about fixing the bugs you find in testing.

Do you build themes? Feedback from testing has already prompted a change in the way you offer style variations to your users.

In Beta 1, if you made preset style variations for your theme, it automatically generated a full set of color-only and type-only options your users could mix and match across the different variations.

In Beta 3, your theme no longer generates those options automatically—you do. So you can present a simpler set of choices, curated to guide users’ efforts to more pleasing results. For more insight into the rationale, see this discussion.

Thanks again for this all-important contribution to WordPress!

Props to @meher, @rmartinezduque, @atachibana, and @mobarak for collaboration and review.

A Beta 3 haiku

Beta ends at 3
One more week, then comes RC
When we freeze the strings!

by marybaum at June 18, 2024 04:37 PM under releases

Do The Woo Community: Bye Bye WooBits

Often, with everything, there is a lesson to be learned. No exception here.

by BobWP at June 18, 2024 08:41 AM under Uncategorized

June 16, 2024

Gravatar: Level Up Your Conference Game: Effective Networking Tactics

Walking into a networking event can be one of the most daunting experiences for new networkers. Beforehand, you often ask yourself a hundred and one questions about what to say, how to say it, and how to approach people. But don’t worry—we can help. 

Networking is extremely important in the professional world. It allows for knowledge sharing, collaboration, and forming partnerships that are hard to find elsewhere. In this article, we’ll share advice and strategies to boost your confidence, establish meaningful connections, and make the most out of networking events. Whether you are an experienced professional or a first-time attendee, let’s see how you can maximize your impact at conferences. 

Exploring top tips for networking at a conference

Have a clear agenda

Make sure you define your goals upfront. These might include investigating new trends, connecting with specific individuals, or promoting your product/service. Setting these goals lets you focus your efforts and measure your success. Ask yourself: What do you want from this networking event?

Research attendees and participants in advance

Before attending a professional conference, have a close look at the conference agenda and attendee list to pinpoint key speakers, industry leaders, and influencers. Researching speakers and attendees beforehand makes it easy to figure out who you should be speaking to! Research key people on LinkedIn and other relevant social media profiles. A great strategy for this is to see if they have a Gravatar profile, as this will contain all their social media information and other important links and give a solid overview of what they do.

Nigel Cameron’s Gravatar profile

For example, Nigel Cameron’s Gravatar profile provides a snapshot of his engagement in technology and policy discussions, which could be important for meaningful interactions at the conference. Establish clear goals for whom to meet, which sessions to attend, and the outcomes you aim to achieve. This preparation will ensure your event time is productive and impactful. 

Establish connections beforehand and create a meeting schedule

Plan ahead by contacting potential connections via email or social media. Use platforms like LinkedIn to introduce yourself and express interest in meeting. You can also use Google Calendar or conference apps to schedule face-to-face meetings. This means you won’t miss anyone you plan to talk to, nor do you have to awkwardly approach them! 

Strengthen existing connections

While forming new connections is important, don’t forget to nurture existing relationships. Reinforcing pre-existing ties can lead to deeper professional ties and opportunities. 

Pro tip: After an initial meeting, follow up with a personalized message referencing previous interactions, shared interests, and potential for future collaboration. You can take it a step further by scheduling a one-on-one meeting during the conference and using that time to catch up.

Make time for new networking opportunities

A well-structured schedule is great, but allowing room for spontaneous networking opportunities is equally important. These unplanned moments can often lead to the most valuable connections and insights.

Be open to impromptu meetups or casual conversations in common areas like coffee shops, lounges, or hallways. If you overhear a discussion that piques your interest, please join in and contribute your thoughts politely. These organic interactions can generate genuine connections and reveal shared interests or challenges.

Another way to embrace spontaneity is to participate in conference-specific social media hashtags. Many attendees use these hashtags to share insights, ask questions, and arrange informal gatherings to further professional relationships, which brings us to the next point. 

Leverage social media to amplify your conference presence

Identify the official platforms and social profiles used by the conference, and engage with them to maximize your visibility. Share compelling content that resonates with your audience throughout the event, including session takeaways, personal insights, and behind-the-scenes moments. Actively engage with posts from speakers, attendees, and influencers to cultivate meaningful online interactions that can translate into valuable offline connections.

When live-tweeting or providing real-time updates, balance digital engagement and in-person networking. Remember, while social media offers a powerful platform for extending your reach, face-to-face interactions remain essential for building lasting relationships and maximizing the impact of your conference experience. Using social media, you can amplify your presence, create meaningful connections, and leave a lasting impression on virtual and physical audiences.

Prepare conversation starters and ask leading questions

Engaging in meaningful conversations at conferences begins with the right conversation starters. Personalized openers are more impactful than generic ones, as they demonstrate genuine interest and help you stand out. One of the most important things you can do is to make sure you appear curious and knowledgeable by asking informed questions about current industry trends or recent publications.

Before the event, research industry news and trends to develop conversation starters tailored to different professionals you might meet, such as developers, executives, or marketers. Consider asking leading questions that prompt thoughtful discussions and enable you to better understand the other person’s perspective and challenges. Here are some examples:

For developers: “I noticed your recent project on GitHub. Can you tell me more about the technology stack you used and any challenges you faced?”

For executives: “I read about your company’s recent expansion into international markets. What drove that decision, and what are your goals for the future?”

For marketers: “I saw your recent article on social media strategies. How will emerging platforms impact marketing efforts in the coming year?”

Remember, ask questions that show genuine interest in the other person’s work and experiences!

Refine your elevator pitch

Crafting an elevator pitch is a great way to make a memorable first impression at conferences. Start by determining the core message of your professional narrative. Ask yourself what sets you apart and makes you memorable. Focus on your value to potential contacts or employers, highlighting how your skills and expertise can benefit them. 

Keep your pitch concise, aiming for 30 to 60 seconds to respect the listener’s time and maintain their attention. Ensure your pitch is adaptable, allowing you to tailor it to different audiences and situations for maximum impact.

Plan your exit strategy

Having a solid exit plan is not just about escaping a failed conversation; it’s a crucial aspect of professional networking that allows you to gracefully transition between interactions and make the most of your time at a conference. A well-crafted exit strategy enables you to smoothly end conversations, both successful and unsuccessful, while maintaining positive connections and your reputation. Knowing when to politely wrap up an interaction is just as important as starting one, as overextending a conversation can be detrimental. Clear exit strategies and steps can minimize disruptions, help you adapt strategically to new possibilities, and ensure you have the opportunity to connect with a diverse range of people.

Here’s how to do it right:

  • Understanding social cues: Read body language and conversational cues to gauge when to exit a conversation.
  • Creating natural transition points: Guide conversations toward a courteous conclusion by finding natural pauses or wrapping up current topics.
  • Offering a tangible follow-up: Suggest specific ways to reconnect, such as exchanging emails or connecting on LinkedIn, and use tools like Gravatar to streamline the process.
  • Excusing yourself politely: Use phrases like “It’s been great chatting, but I don’t want to monopolize your time” to signal departure graciously.
  • Timing your departure: Find the right moment to leave, neither lingering too long nor exiting abruptly, to ensure a positive impression.

Use Gravatar as your contact-sharing app

Gravatar profile example

Using Gravatar as your go-to contact-sharing tool can revolutionize your conference experience. Gravatar is a platform that allows you to create a comprehensive professional profile linked to your email address. This profile contains essential information about yourself, including your photo, bio, and contact details, making it an ideal touchpoint for networking.

Here’s why Gravatar stands out and how to make the most of its features:

  • Universal profile consistency: Gravatar ensures consistency across multiple platforms with a single, universal profile image and information. This unified presence enhances personal branding, making it easier for new contacts to recognize and recall you amidst the conference crowd.
Using links in your Gravatar profile

  • Displaying social information and relevant links: Integrate direct links to your relevant social networks (e.g., LinkedIn, X/Twitter) within your Gravatar profile. This allows contacts to explore your online identity and connect with you across various platforms.
Adding contact information

  • Adding contact details: Enhance accessibility by including essential contact information such as your business email and phone number (if comfortable sharing publicly). Additionally, integrate your online calendar into your Gravatar profile, simplifying the process for contacts to schedule follow-up meetings and engagements.
  • Privacy controls: Gravatar empowers users with privacy controls, allowing selective sharing of personal information. You can publicly display only the contact details you’re comfortable sharing, maintaining control over your privacy.

To make it even easier to share your contact details, you can add a QR code that connects to your Gravatar profile on your conference tag or business card. By doing this, you can make it more visible and accessible for potential connections. Check out Gravatar’s step-by-step instructions on creating QR codes for details!

Follow up with your connections

Networking is an ongoing process. Cultivating relationships requires follow-ups to solidify connections and create meaningful engagement. Here’s how you can effectively follow up with your connections:

  • Encouraging follow-ups with Gravatar: Include your email, phone number, online calendar, and contact form to increase the chances of people contacting you. Gravatar makes it easy for others to contact you and promotes proactive communication.
  • CRM systems: Use Customer Relationship Management (CRM) systems to track new connections and manage interactions smoothly. Integrating with email tools allows you to send automated messages and set reminders for follow-up tasks to ensure no missed connections.
  • Template messages: Prepare message templates in advance that can be personalized for each new connection. This improves the follow-up process while maintaining a personalized touch that resonates with recipients.
  • Workflow automation: Implement workflow automation to trigger a series of actions post-conference. Set up sequences for LinkedIn connection requests, thank-you emails, and reminder tasks for future follow-ups. This ensures consistent engagement and maximizes the potential of your networking efforts.

Transform connections into career milestones with Gravatar

With these tips, you’re ready for any networking event or conference. To be even more prepared, create your Gravatar profile. Maintaining a consistent Gravatar across platforms improves your personal branding, ensuring you’re recognized and respected in your field.

By linking a QR code to your Gravatar profile on your business card or digital conference tag, you can quickly transfer your contact information to new connections, and by adding your contact details, including your calendar link, to your Gravatar profile, it’s easy for new contacts to follow up with you!

Gravatar is the perfect companion tool for making new connections and nurturing existing ones. Build your own Gravatar profile today and start networking like a pro!

by Ronnie Burt at June 16, 2024 07:37 PM under Guides

June 15, 2024

WordPress.org blog: Highlights from WordCamp Europe 2024

2,584 attendees participated in the 12th annual WordPress event in Europe, held at the Lingotto Conference and Exhibition Centre in Torino, Italy.

The Mole Antonelliana in Torino, illuminated to celebrate WordCamp Europe 2024

From June 13-15, 2024, WordPress enthusiasts from across the globe gathered in Torino to explore and celebrate the world’s most popular web platform. A dedicated team of 250 volunteers, led by WordCamp veterans Wendie Huis in ‘t Veld, Juan Hernando, and Takis Bouyouris, organized and produced the event.

Impact in Action on Contributor Day

Contributor Day brought together 726 contributors working across 25 teams to support the WordPress project. Their accomplishments included translating 79,059 “strings” for the WordPress user interface across 29 languages, updating documentation for the forthcoming 6.6 release, onboarding new contributors for the support forums and testing teams, and identifying ways to improve plugin security.

Contributors gathering during WCEU 2024 Contributor Day

Sustainable open source is the future

Keynote presenters, Joost de Valk and Juliette Reinders Folmer

Joost de Valk and Juliette Reinders Folmer delivered the event’s opening keynote address on sustaining open source software projects. Their keynote covered funding open source, contributing beyond code, and convincing buyers in commercial enterprises that open source is a viable alternative to proprietary platforms.

Two days of engaging sessions

Friday and Saturday saw 60 presentations and workshops held across three tracks. Topics included WordPress development, accessibility, design, business, community, artificial intelligence, and cybersecurity.

Speed Build Session
Connect Series

A youth workshop gave younger attendees hands-on opportunities to build WordPress websites, explore new tech, and learn about internet safety. Meanwhile, a wellness-themed track included yoga lessons and walking tours of Torino, encouraging attendees to step away from their screens and explore the beauty of this year’s host city.

Mid-year project update

WordPress Cofounder Matt Mullenweg shared a mid-year project update on WordPress and concluded by fielding questions from the audience on various topics, from Gutenberg Phases to the WordPress Playground, and acknowledging a request to escalate a bug fix.

Matt’s presentation highlighted the success of the contributor mentorship program and WCEU Contributor Day, demoed Translate Live, and shared an update on the Data Liberation initiative. 

Matt also covered the latest innovations with WordPress Playground, highlighted performance gains, and previewed features anticipated in future releases, like rollbacks for auto-updates and zoomed-out view.

WordPress Cofounder Matt Mullenweg

Acknowledging an exciting new trend in the WordPress community, Mullenweg discussed “speed build challenges,” where onlookers watch WordPress experts build websites in real-time, showcasing tips, shortcuts, and best practices. One such event took place during a WCEU session, and in the Q&A portion of Matt’s presentation, he was invited to participate in one–an invitation he accepted!

Matt reflected on WordPress reaching its 21st anniversary since he and Mike Little launched the first version in 2003. He shared 11 things to ensure that WordPress remains sustainable for decades to come:

  1. Simple things should be easy and intuitive, and complex things possible.
  2. Blogs and dynamic sites are better.
  3. Documentation should be wiki-easy to edit.
  4. Forums should be front and center.
  5. Plugins and themes with community infrastructure.
  6. Great theme previews and diverse aesthetics.
  7. We can’t over-index for guidelines and requirements.
  8. Feedback loops are so important.
  9. Core should be opinionated and quirky.
  10. If you make WordPress, use WordPress.
  11. Stay close to our end-users
Watch Matt’s project update on the WordPress YouTube channel

Closing remarks

In their closing remarks, the event organizers expressed gratitude for the endorsements of the European Parliament, the city of Torino, and Turismo Torino, the regional tourism board. The volunteer team was celebrated for their hard work in producing the event. 

Closing out a robust three days of programming, the organizing team announced that WordCamp Europe 2025 would be held in Basel, Switzerland, from June 5 to 7, 2025. The announcement was met with hearty applause and plans to meet in a year’s time.

Attendees gather for a photo at WCEU in Torino

Stay connected

WordPress events enable technologists, open source enthusiasts, and community members around the globe to meet, share ideas, and collaborate to drive WordPress and the open web forward.

Mark your calendars for WordCamp US (Portland, Oregon, United States), State of the Word (Tokyo), and next year’s WordCamp Asia in Manila!


This post is a collaboration between the contributors who produce content for wordpress.org/news and the WordCamp Europe Communications team.

by Dan Soschin at June 15, 2024 09:29 PM under WCEU

Do The Woo Community: Learn About All the Shows on the Do the Woo Podcast Channel

With our launch we now have 12 shows on the Do the Woo podcast channel. Learn about all them today.

by BobWP at June 15, 2024 08:10 AM under Uncategorized

June 14, 2024

Do The Woo Community: Do the Woo Podcast Channel 4.0 Official Launch

How does one even summarize our launch in this excerpt?

by BobWP at June 14, 2024 07:40 AM under Uncategorized

June 13, 2024

BuddyPress: BuddyPress 14.0.0 Beta 1

  • Please note the plugin is still in development, so we recommend running this beta release on a testing site.
  • Please note BuddyPress 14.0.0 will require at least WordPress 6.1.
  • The current target for final release is: July 8, 2024.

The BuddyPress contributors have been hard at work baking our next release, version 14.0.0. This release is all about code modernization, focusing on these areas:

  • Adding BuddyPress information to the WordPress Site Health reporting tool.
  • New functionality and improvements for the BuddyPress Command Line Interface (CLI), resulting in a new version, v3.0.
  • Many code improvements bringing the BP code base more in line with WordPress Coding Standards.
  • Even more code improvements bringing the BP code base in line with PHPDoc Standards.
  • Treating Signups the same way whether BuddyPress is installed on a multisite network or on a single site.
  • Allow group moderators to… moderate content in groups! This sounds obvious, but we’ve finally given site admins the opportunity to grant all the power to group moderators.
  • Preparing to bring new BuddyPress features playing nice with BuddyPress standalone themes using a second argument to current_theme_supports( 'buddypress', [ 'component', 'feature'] ).
  • Laying the groundwork for supporting PHP 8.3 by adding this version to our continuous integration testing routine.
  • Starting a whole new documentation project! We’re reviewing every doc about BuddyPress and migrating the necessary information to an all-new docs repository. (This is going to be amazing!).
  • Making sure we can preview BuddyPress using WP Playground!

We are excited for you to try our new release. Please run it through its paces, and let us know what problems you run into! Thanks for your help in crafting the best release we can build.

How to test BuddyPress 14.0.0-beta1?

You can test BuddyPress 14.0.0-beta1 in 5 ways :

Props @dcavins for his great contribution crafting this announcement post!

Thanks to BuddyPress: get together safely, in your own way, in WordPress.

by Mathieu Viet at June 13, 2024 10:54 PM under releases

Do The Woo Community: Thinking About Our Launch on WCEU Contributor Day

As I ponder this launch, there is a lot of crossover between it and the Contributor Day here at WordCamp Europe.

by BobWP at June 13, 2024 07:00 AM under WordCamps

June 12, 2024

Do The Woo Community: A Pre-Launch Chat with Jay Walsh at WooCommerce

Jay Walsh, Public Relations at WooCommerce and BobWP have a conversation about what Do the Woo means to the community.

by BobWP at June 12, 2024 08:02 AM under Uncategorized

HeroPress: Providing great value to WordPress without coding – Denna text finns även på svenska nedan – Это эссе также есть на русском ниже

Pull Quote: I want the WordPress community to become even stronger and more sustainable. Here is Tobi reading his own story aloud.

Denna text finns även på svenska nedan.

Это эссе также есть на русском ниже.

There are a lot of ways to contribute to WordPress, many of which require no coding skills. Here, I’d like to share my journey into WordPress and what this project means to me.

Who am I?

I’m Swedish but have been living abroad for the last 23 years. I like technology in general, IT and Telecom in particular. I love writing and do it regularly in three languages: English, Swedish, and Russian.

Professionally, I’ve gained lot of experience over the last 30 years as Project Manager, Product Manager, and Change Manager, mainly in Telecom and IT. During this time, I have lived and worked in ten countries. I’ve been leading small and large teams, working both on-site and remotely, in positions with both system vendors and operator companies (startups, as well as large, mature companies). I’ve been doing both traditional “waterfall” projects, and leading Scrum teams.

In parallel, between projects, I’ve also worked many years as a professional linguist (English, Swedish, and Russian).

Discovering WordPress

I started blogging in Russian on a different platform in early 2005. A couple of years later I picked up writing poetry and short form fiction in Swedish, publishing it initially on a specialized Swedish resource.

In 2011, I decided to gather most of my writing in one place. I got me a domain, installed WordPress and built my own three-language web site. I still remember how magically easy it was to migrate my Russian blog from LiveJournal to WordPress already in 2011.

Initial contribution to the WordPress eco-system

For use on my own sites, I improved the Swedish and Russian translations of the theme I was using and shared these translations with the theme developer for other people to use.

Contributing more actively

Using WordPress was fun. Now and then I help friends and family setting up simple sites. I was gradually becoming more interested in participating in the making of WordPress as a way of giving back to the community. I happened to have some spare time available when WordPress 4.7 was being prepared. Being a professional translator, I quickly suggested several hundreds of strings for the Swedish translation and was quickly promoted to General Translation Editor for Swedish. Soon I was expanding and mentoring the Swedish translation team.

But there was more to it

As an experienced Project Manager and Change Manager, I strived to understand the fuller picture better, and helped fellow GTEs for other language teams to discuss and solve problems they encountered. Here, too, I was soon promoted to team representative and global mentor.

Since then, I’ve been contributing in several ways: co-organizer of a WordCamp in Stockholm, co-organizer of several translation events, Support contributor (especially in the Swedish support forum), as speaker, and more.

Recently, I’ve participated actively in discussions around improving “discoverability” of contributing to WordPress and creating smoother on-boarding for new contributors. I also participated as mentor in the pilot cohorts of our new mentoring program for new contributors. This kind of building structure and improving processes come naturally to me, because of my professional experience and my interests in general.

I want the WordPress community to become even stronger and more sustainable. There’s much more to be done, especially when it comes to building up strong local communities that can translate, train, popularize and support WordPress in many different languages and locations around the world.

I’d be enormously happy to contribute much more to these processes. A perfect solution would be to become a full-time sponsored contributor, where I’d be fully able to bring big value. It may go the other way, too: If I get hired for some intensive project, I may not have time and energy for WordPress, even if contributing here brings me happiness and fulfillment.

Tor-Björn (Tobi) Fjellner

You can start contributing to WordPress today:

There are more than 20 volunteer teams contributing to WordPress.

For instance, there are teams that:

  • translate WordPress to more than 60 language versions
  • develop and maintain documentation (in several languages)
  • create trainings and self-study material (in several languages)
  • edit, subtitle, and publish video recordings of presentations
  • organize meetups and WordPress conferences
  • gather photos and other media files that are free to use on any site
  • … and much more

Go to https://make.wordpress.org/contribute/ to find which team suits you the best.

You can also:

Welcome!


Att tillföra stort värde till WordPress utan programmering

Här läser Tobi själv sin berättelse på svenska.

Man kan bidra till WordPress på många sätt, och långt ifrån alla kräver kunskaper i programmering. Här vill jag berätta om hur jag hittade fram till WordPress och vad projektet betyder för mig personligen.

Vem är jag?

Jag är från Sverige men bor utomlands sedan 23 år. Jag gillar teknik i allmänhet, framför allt IT och telekom. Jag älskar att skriva och gör det regelbundet på tre olika språk: engelska, svenska och ryska.

Genom mina jobb har jag samlat på mig stor erfarenhet under de senaste 30 åren som projektledare, produktchef och change manager, främst inom telekom och IT. Sammanlagt har jag bott och arbetat i tio länder. Jag har lett både små och stora team, arbetat direkt på plats och på distans, för både systemleverantörer och telekomoperatörer (både nystartade och etablerade operatörer). Jag har både arbetat med traditionellt projektformat och lett Scrum-team.

Mellan projekten, har jag också arbetat många år som professionell översättare och redaktör (på engelska, svenska och ryska).

Hur jag upptäckte WordPress

Jag började blogga på ryska på en annan plattform i början av 2005. Ett par år senare började jag skriva poesi och korta skönlitterära texter på svenska, som jag i början publicerade på en specialiserad webbplats (poeter.se).

År 2011 bestämde jag mig för att samla det mesta av mitt skrivande på en plats. Jag skaffade en domän, installerade WordPress och byggde min egen trespråkiga webbplats. Jag minns fortfarande hur magiskt enkelt det var att migrera min ryska blogg från LiveJournal till WordPress redan år 2011.

Mitt första bidrag till WordPress ekosystem

Jag förbättrade de svenska och ryska översättningarna av temat jag använde för eget bruk och skickade dem även till temats utvecklare så att andra kunde ha nytta av dem.

Bidrar mer aktivt

Det var roligt att använda WordPress. Ibland hjälpte jag familj och vänner att skapa enkla webbplatser. Efterhand började jag intressera mig mer för att bidra till WordPress som ett sätt att ge tillbaka till communityn. Jag råkade ha tid över när WordPress 4.7 var på väg att lanseras. Med min erfarenhet som professionell översättare föreslog jag svenska översättningar för hundratals strängar och blev snabbt befordrad till svensk översättningsredaktör för WordPress (General Translation Editor). Kort därefter var jag sysselsatt med att hitta fler översättare och fungera som mentor för det svenska översättningsteamet.

Mer än så

Som erfaren projektledare och förändringsledare strävade jag efter att förstå helhetsbilden bättre och hjälpte även GTE:er med råd och stöd om de undrade över något. Även här blev jag snart befordrad till teamrepresentant och global mentor.

Sedan dess har jag bidragit på flera sätt: jag var med och organiserade en WordCamp-konferens i Stockholm, medorganisatör av flera översättningsevenemang, aktiv i supportforumen (särskilt det svenska supportforumet), talare på konferenser, med mera.

På senare tid deltar jag aktivt i diskussioner kring hur vi kan göra det enklare att ”upptäcka” möjligheter att bidra till WordPress och göra processen smidigare för nya volontärer. Jag deltog också som mentor i pilotomgångarna av vårt nya mentorprogram för nya bidragsgivare. Att strukturera verksamhet och förbättra processer är naturligt för mig, som en följd av min yrkeserfarenhet och intressen i allmänhet.

Min önskan är att WordPress-communityn ska bli ännu starkare och tåligare. Det går att göra mycket mer, i synnerhet när det gäller att bygga upp starka lokala communities som kan översätta, skapa utbildning, popularisera och stödja WordPress på många olika språk runt om i världen.

Jag vore enormt glad om jag får möjlighet att bidra mycket mer till dessa processer. En perfekt lösning skulle vara att bli en WordPress-volontär på heltid med sponsring från något företag i branschen. Jag kommer att kunna tillföra stort värde. Det kan gå åt andra hållet också: Om jag får anställning med något intensivt och krävande projekt utanför WordPress kanske jag inte kommer att hinna eller orka att bidra till WordPress, trots att det ger mig glädje och tillfredsställelse.

Tor-Björn (Tobi) Fjellner

Du kan börja bidra till WordPress idag:

Det finns över 20 volontärteam som bidrar till WordPress på olika sätt.

Till exempel finns det team som:

  • översätter WordPress till fler än 60 språkversioner
  • utvecklar och underhåller dokumentation (på flera språk)
  • skapar utbildningar och självstudiematerial (på flera språk)
  • redigerar, undertexter och publicerar videoinspelningar av presentationer
  • organiserar träffar och WordPress-konferenser
  • samlar foton och andra mediafiler som är fria att använda på vilken webbplats som helst
  • och mycket mer

Gå till https://make.wordpress.org/contribute/ för att hitta vilket team som passar dig bäst.

Du kan också:

Välkommen!


Как быть полезным для WordPress если ты не программист

Тут Тоби сам читает свой рассказ.

Есть ряд способов внести свой вклад в WordPress, и многие из них не требуют навыков программирования. Хочу поделиться своим путем в WordPress и тем, что этот проект значит для меня.

Кто я?

Я швед, но живу за границей последние 23 года. Мне нравится технологии в целом, а IT и телекоммуникации в частности. Я люблю писать и делаю это регулярно на трех языках: английском, шведском и русском.

За последние 30 лет я был менеджером проектов, менеджером по продуктам и менеджером по изменениям, главным образом в телекоммуникациях и IT. Жил и работал в десяти странах мира, в разных культурах. Я руководил малыми и большими командами, работал как на месте, так и удаленно. Работал и у поставщиков систем, и у операторских компаний (стартапы и крупные, зрелые компании). Я вел как проекты в традиционном стиле, так и руководил Scrum-командами. Как видите, у меня богатый и разносторонний опыт.

Кроме этого, между проектами, я также много лет работаю профессиональным переводчиком и редактором (на английском, шведском и русском). Языки моë особое увлечение.

Как я пришел в WordPress

Я начал вести блог на русском языке на другой платформе в начале 2005 года. Спустя пару лет я начал писать стихи и короткие рассказы на шведском. В начале я публиковал эти тексты нa специализированном сайте.

В 2011 году я решил собрать большую часть своих произведений в одном месте, и выбрал для этого WordPress и построил свой собственный трёхъязычный сайт. Я до сих пор помню, как неожиданно легко было перенести мой русский блог с ЖЖ на WordPress, уже в 2011 году.

Первый вклад в экосистему WordPress

Я исправил русский и шведский переводы моей темы, и отправил их разработчику той самой темы, чтобы и другие люди могли пользоваться ими.

Активное участие

WordPress увлëк меня по-настоящему. Время от времени я помогал друзьям и семье настраивать простые сайты. В благодарность за то, что мне дал WordPress, мне захотелось внести свой вклад в проект. 

За месяц до выхода WordPress 4.7 у меня появилось немного свободного времени. Как профессиональный переводчик, я смог быстро предложить сотни строк для шведского перевода и тут же меня назначили общим редактором шведского перевода (GTE). После этого я начал расширять и наставлять шведскую переводческую команду.

Но это ещë не всë!

Как опытный Project Manager и Change Manager, я стремился лучше понять общую картину и помогал переводчикам на другие языки, когда у них возникали проблемы и вопросы. И вскоре я стал представителем команды и глобальным наставником.

С тех пор, я вносил вклад в развитие WordPress различными способами: как соорганизатор WordCamp в Стокгольме, как соорганизатор нескольких переводческих мероприятий, как активный участник команды поддержки (особенно в шведском форуме поддержки), выступал на конференциях, и многое другое.

В последнее время я активный член команды, которая популяризирует участие в развитие WordPress среди пользователей. Для новых участников проекта мы максимально облегчаем вход в проект. Я также был ментором в двух пилотных группах нашей новой программы по наставничеству. Оптимизация рабочих структур и процессов мне хорошо знакома по моей профессиональной деятельности, как Project Manager и Change Manager.

Я хочу, чтобы сообщество WordPress становилось крепче и устойчивее. Есть много работы, особенно в формировании сильных команд в разных странах, для перевода, обучения, популяризации и поддержки WordPress на языках всего мира.

Я буду рад внести гораздо больший вклад в эти процессы. Идеальным вариантом было бы стать полностью спонсируемым участником. Так я мог бы максимально приносить большую пользу. Когда занят другими проектами, не связанными с WordPress, не остаëтся ни времени, ни сил для WordPress, несмотря на то, что мое участие приносит мне радость и удовлетворение.

Тур-Бьëрн (Тоби) Фьелльнер

Вы можете начать участвовать в развитии WordPress уже сегодня:

Есть более 20 волонтерских команд, вносящих вклад в WordPress.

Например:

– переводят WordPress на более чем 60 языков

– разрабатывают и поддерживают документацию (на нескольких языках)

– создают учебные материалы и материалы для самостоятельного обучения (на нескольких языках)

– редактируют, создают субтитры и публикуют видеозаписи презентаций

– организуют встречи и конференции WordPress

– собирают фотографии и другие медиафайлы, которые можно свободно использовать на любом сайте

– и многое другое

На странице https://make.wordpress.org/contribute/ можете проверить, какая команда вам лучше подойдет.

Вы также можете:

– Посмотреть список основных команд на https://make.wordpress.org/

– Зарегистрировать свой личный аккаунт на форуме на https://login.wordpress.org/register?locale=ru_RU 

– Найти мероприятия WordPress рядом с вами на https://events.wordpress.org/

Добро пожаловать!

The post Providing great value to WordPress without coding – Denna text finns även på svenska nedan – Это эссе также есть на русском ниже appeared first on HeroPress.

by Tor-Björn Fjellner at June 12, 2024 05:30 AM

June 11, 2024

WordPress.org blog: WordPress 6.6 Beta 2


WordPress 6.6 Beta 2 is here! Please download and test it.

This beta version of the WordPress software is under development. Please do not install, run, or test this version of WordPress on production or mission-critical websites—you risk unexpected results if you do.

Instead, test Beta 2 on a local site or a testing environment in any of these four ways:

PluginInstall and activate the WordPress Beta Tester plugin on a WordPress install. (Select the “Bleeding edge” channel and “Beta/RC Only” stream).
Direct DownloadDownload the Beta 2 version (zip) and install it on a WordPress website.
Command LineUse this WP-CLI command:
wp core update --version=6.6-beta2
WordPress PlaygroundUse a 6.6 Beta 2 WordPress Playground instance to test the software directly in your browser. This might be the easiest way ever—no separate sites, no setup. Just click and go! 
Three ways to test WordPress Beta 2.

The target release date for WordPress 6.6 is July 16, 2024. Your help testing Beta and RC versions over the next five weeks is vital to making sure the final release is everything it should be: stable, powerful, and intuitive.

If you find an issue

If you run into an issue, please share it in the Alpha/Beta area of the support forums. If you are comfortable submitting a reproducible bug report, you can do so via WordPress Trac. You can also check your issue against a list of known bugs.

The bug bounty doubles in the beta period

The WordPress community sponsors a financial reward for reporting new, unreleased security vulnerabilities. That reward doubles between Beta 1, which landed June 4, and the final Release Candidate (RC) that will happen July 9. Please follow the project’s responsible-disclosure practices detailed on this HackerOne page and in this security white paper.

The work continues

Catch up with what’s new in 6.6: check out the Beta 1 announcement for the highlights.

Beta 2 packs in more than 50 updates to the Editor since the Beta 1 release, including 40+ tickets for WordPress core:

The beta cycle is all about fixing the bugs you find in testing. Thanks again for this vitally important contribution to WordPress!

Props to @priethor, @dansoschin, @davidb, @atachibana, @meher, @webcommsat, and @juanmaguitar for collaboration and review.

A Beta 2 haiku

Testing is vital:
It makes everything better.
Let’s find all the bugs!

by marybaum at June 11, 2024 04:26 PM under releases

Do The Woo Community: A New Show. Scaling Enterprise, WordPress and OSS

The Scaling Enterprise show features hosts Brad Williams, Karim Marucchi, and Tom Willmot discussing WordPress, OSS and enterprise.

by BobWP at June 11, 2024 08:06 AM under Uncategorized

Matt: Apple Intelligence

It was so cool to see WordPress highlighted (although with a lowercase P in in the closed captioning) on the Apple keynote today. 

I recommend watching the entire keynote, but especially the Apple Intelligence section starting at 1:04 not because we’re mentioned but because it shows the future of computing, which is the future of society.

Apple is an exciting company because they push so much compute and capability to the edge with their devices, it gives people superpowers. The Grammarly-level editing and spell-check alone is amazing, on par with their math stuff. Some of these superpowers will be directed into blogging, and I can’t wait to see what people do with all these new generative tools at their disposal. I really love the Promethean model where all of us have devices in our pocket or desktop that can turn us into superheroes.

I think it’s actually going to turn the hosting world upside down because complex transformations that would be difficult to run on the server-side will be trivial to run client-side with these millions and billions of processors being distributed through people’s smartphone upgrades. This innovation should exist at the operating-system layer (I include browsers and WASM in this) not be replicated in every application. WordPress Playground plays into this trend. (Interesting that Apple has now started to adopt the playground terminology.)

by Matt at June 11, 2024 02:35 AM under Asides

June 10, 2024

BuddyPress: BuddyPress 12.5.1 Security Release

BuddyPress 12.5.1 is now available. This is a security release. All BuddyPress installations should be updated as soon as possible.

The 12.5.1 release addresses the following security issue:

  • The Members block was vulnerable to a Stored Cross-Site Scripting. Discovered by Wesley (wcraft) from the Wordfence organization.

This vulnerability was impacting BuddyPress branches from 9.0 to 12.0. It was reported privately to the BuddyPress team, in accordance with WordPress’s security policies. Our thanks to the reporter for practicing coordinated disclosure.

For complete details, visit the 12.5.1 changelog.

You can get the latest version by clicking on the above button, downloading it from the WordPress.org plugin directory or checking it out from our Subversion repository.

If for a specific reason you can’t upgrade to 12.5.1, we have also ported the security fix to BuddyPress versions going all the way back to branch 9.0. Here’s the list of the available downloads for the corresponding tags, you can also find these links on our WordPress.org Plugin Directory “Advanced” page:

  • If you are using BP 9.x and can’t upgrade to 12.5.1, please upgrade to 9.2.4
  • If you are using BP 10.x and can’t upgrade to 12.5.1, please upgrade to 10.6.4
  • If you are using BP 11.x and can’t upgrade to 12.5.1, please upgrade to 11.4.2

by Mathieu Viet at June 10, 2024 09:17 PM under security

WordPress.org blog: WP Briefing: Episode 81: It’s your first WordCamp? Welcome!

Get ready to dive into the vibrant world of WordCamps with this special episode of the WordPress Briefing, hosted by Josepha Haden Chomphosy! This episode is designed for first-time attendees; we’ll explore what to expect, from Contributor Day activities to mastering the art of socializing and networking. Whether you’re aiming to contribute to the WordPress community or simply looking to make new connections, this episode will help you navigate your first WordCamp with confidence and excitement. Join us for a fun and informative guide to ensure you’re prepared and energized for all the activities these dynamic events have to offer.

Credits

Host: Josepha Haden Chomphosy
Editor: Dustin Hartzler
Logo: Javier Arce
Production: Brett McSherry
Song: Fearless First by Kevin MacLeod

Show Notes

Transcript

[00:00:00] Josepha: Hello, everyone, and welcome to the WordPress Briefing, the podcast where you can catch quick explanations of the ideas behind the WordPress open source project, some insight into the community that supports it, and get a small list of big things coming up in the next two weeks. I’m your host, Josepha Haden Chomphosy. Here we go.

[00:00:28] (Intro Music) 

[00:00:40] Josepha: A pivotal moment in my WordPress journey was when someone invited me to a WordCamp. I was sort of aware of WordPress, but certainly not aware of the community or the ways of open source. And when I look back, there were a few things I wish I had known going in. I am, of course, an unapologetic extrovert and therefore unstoppable at events, but if you are headed to your first WordCamp and are feeling a little nervous or confused, then pop in some earbuds because the next 10 minutes are for you.

[00:01:11] Josepha: We’re going to first take a look at some basic tactical things about WordCamps, and then I’m going to tell you a few, like, human things about being a human going to events. If you’re a dog going to these events, I think that your prep is different, but also that is not my area of expertise. So the first thing, some tactical stuff about going to WordCamps. All of this happens before you even get in the front door. And so this is stuff that you can do in the comfort of your own home, on your own time, using your own computer. If you’ve got questions, you’ve got a search engine nearby to take some quick searches. Make sure you know what you’re talking about.

But first things first, the shape of a WordCamp. All WordCamps have at least one day of talks, one social event, and sponsors to connect to. Some also have extra events that you need to sign up for, like Contributor Days, workshops, things like that. But we’ll start with the main event, right? We’re going to start with the day of talks and things.

[00:02:09] Josepha: So when we’re looking at the main event of a WordCamp, what you should do is you should head to the WordCamp’s website and check out the schedule. I suggest that you plan for two, maybe three things that you might want to learn and look around at the schedule to see if there are any presenters or presentations that look like they fit those things that you think you might want to learn. Because if it’s not working for you, if it’s not teaching you something, then you don’t necessarily need to be in that one. Even if you’re not sure about a session a talk that you’re planning to go to, I recommend that you stop by, and then if you find out that it’s not for you, you can leave again. That’s fine. But I do encourage you to go to at least one thing that feels a little bit outside of your comfort zone. Even if you feel lost right now. It at least gives you an idea of what to search for once you do get to that point. I would never have known the things to search for early on in my learning of WordPress without going to at least one or two sessions that were just way over my head. 

[00:03:14] Josepha: Second thing is don’t forget to check when lunch is available. And if you have dietary restrictions, let them know ahead of time. I realize this sounds silly, and I don’t know about you, but I can’t focus when I’m hungry. But also, it’s really a great, low-stakes networking time, and I think one of the overlooked networking times as well. I mean, everyone’s gotta eat, right? And it’s easier to strike up a conversation over a meal than just out of thin air or, you know, in the middle of a presentation when you’re supposed to be listening to a talk. So yeah, check out when lunch is happening! And yeah, make a friend or two, sit down at a table, and ask somebody what they’re doing with WordPress and how long they’ve been doing it.

And the third thing that I would recommend that you do when you’re looking at kind of the main event for a WordCamp is to schedule in time to wander around and meet the event sponsors. They are all experts in some WordPress problem or other, so probably they have a solution to a problem that you have got. But they’re also how we keep our prices super low, so even if you have no problems or you think you have no problems. Still, check them out. They’re also staffed with wonderful people that are building really cool stuff with WordPress and so you might just get some inspiration out there. 

[00:04:28] Josepha: Now for the side events.

So the side events, we’re going to kind of start close to the main event and work our way out. So you’ve got generally three types of side events if you don’t count the networking things, which, in this case, I’m not. But just know that almost every WordCamp has some networking event, either an after-party or, like, a happy hour, a social that happens before the event.

You’ll get emails about those if you have signed up for updates on the website. Also, you can look on the website directly. Just check out the schedule. Always go to those. The networking is the best at a WordCamp. But the side events—we’re talking about specific types. Like I said, we’re going to start close and work our way out.

[00:05:11] Josepha: So, workshops. These are just what they sound like. They’re classroom-style opportunities to practice the things you’ve learned at meetup events or on learn.WordPress.org, depending on how you found your way to this WordCamp. They mostly happen during the WordCamp itself. in a separate track, and there are like stacks of workshops in that track in that series of sessions. But a lot of them do require preregistration simply so that the trainer has an idea of how many people to expect. Again, if you get in the workshop and it’s way over your head, you feel like you absolutely cannot get it done, you’re always welcome to leave and check out some other area. But, in general, the workshops that we have WordCamps are pretty solid.

So a little bit further removed from that are our Youth and Teen Days. So this is more of an event series that is specifically designed for teens or kids who are trying to learn more about WordPress and other related business and entrepreneurial topics. It’s kind of a catch all but also has a lot of WordPress content in it. They have age limits, of course, and require separate registration for safety and planning purposes both. And those, in general, are either half-day during the WordCamp itself or a full-day during that WordCamp.

[00:06:32] Josepha: Which brings us then to the big one, the major side event. This is a full-day side event called Contributor Day. If your WordCamp has a Contributor Day, it will happen either the day before or the day after the WordCamp itself. It is an entire day where attendees come together to learn how to contribute to the future of the WordPress open source project. Now, if you are listening to this as part of, like, you’re getting ready to go to a WordCamp, and you don’t know what I meant by open source or open source project or WordPress open source project, that’s fine.

[00:07:08] Josepha: You’re going to learn all about it at the Contributor Day if you go, but the TLDR is that this software that you are about to choose to build your website on is built by thousands of people across the planet who are looking for the best solutions to problems that they have in their businesses that probably you will encounter or have encountered before. There’s no new problems under the sun, and open source methodologies kind of use the collective wisdom of everybody who has ever worked with a WordPress project or site and ran into a problem that they had to solve on their own, like this open source project, this community of people just make sure that that wisdom is collected and standardized and made available for all of eternity.

That’s all you need to know. Low key. I’ve made Contributor Days sound so calming. However, that is a whole day thing. It happens before or after the WordCamp. It has separate registration so that organizers of your WordCamp can plan for how many folks need to be there to teach new and returning contributors, what to do. If I’m going to be honest, if you’re going to get overwhelmed at any WordPress event, it’s going to be one of these, but they are well worth the effort.

[00:08:30] Josepha: Even if you just make a single contribution and never return, which I hope is not the case for you. I hope you do return. Even if you make a single contribution and never return, there’s something really grounding about seeing how much expertise and time, and care goes into this software that is, against all odds, completely free. So that’s all the tactical stuff, or a lot of it anyway.

It at least gives you a sense for what you’re getting yourself into for your first-ever wonderful WordPress weekend. But I promised you some human stuff too. So here is my considerably shorter list of stuff to bring as a human being going to a WordCamp. There’s an optional one. I’ll start you off with an optional one. Come with an idea of what you think you want to learn. You don’t have to come with that if you don’t want to. Some of us don’t know what we don’t know yet, and that’s fine too. But if you have a sense for what you think you need to learn, you’ll have an easier time figuring out how to spend your time while you’re here.

[00:09:30] Josepha: So, the non-optional things. Bring some way to exchange information. It can be QR codes, business cards, or pen and paper. It doesn’t really matter as long as it’s something that works for you to be sharing information with people that you meet. Because you never know when you’re going to meet your business soulmate, but the odds that you’re going to do it at a WordCamp are pretty dang high.

The second thing to bring is bring what you need to be comfortable. Bring your water bottle, a change of shoes if you need it, spare battery for your phone, your glasses. This day is going to be long enough without worrying about small inconveniences. So bring what you need to make yourself comfortable. 

[00:10:09] Josepha: And finally bring your bravery. You will not know by looking at someone whether they’ve been doing WordPress stuff for two years or two weeks. But you can know that at some point, they were in the first two days of trying to figure this all out. One of the most endearing things about this community is the zeal they bring to solving a problem. So if you get lost or stuck, just ask the person next to you. We all remember what it was like to know nothing, and we are rooting for you to succeed. And that’s it. That’s your whole list. That’s everything you need to know to be the most prepared first-time attendee to a WordCamp ever. If that all sounded more overwhelming than just showing up, don’t worry.

You can also just show up. That’s what I did. And even though I knew next to nothing, those WordCampers made me feel welcome and included and kept me coming back to learn more.

[00:11:04] Josepha: Ah, WordCamps. Gosh, I love those things. So glad that we’re all getting back together for them. 

[00:11:10] (Music interlude) 

[00:11:18] Josepha: That brings us now, my friends, to our small list of big things. If you’re a first-time WordPresser, if you’ve never been to a WordCamp, and you don’t know what any of these things are, don’t worry; you can still go take a look at them, or you can wait until later when you’re less overwhelmed.

Either way, but this is our small list of big things for middle of the year 2024. First thing on my list, the gender equality in WordPress businesses survey is still open. It aims to gain critical insight into the gender composition of leadership teams, the experiences of women and gender-diverse leaders and employees, and also take a look at the challenges and barriers to their career success. I care deeply about making sure that we have a way for folks who are traditionally and historically underrepresented in technology have a way to get into our space. Obviously, women and nonbinary folks are an area that I feel particularly called to help build those on-ramps for, but I have a great concern for that across the entire ecosystem and any intersection that we run into as we get more and more users into our space. 

[00:12:30] Josepha: If you are a woman, if you work with women, if you work in WordPress, if you work in a WordPress business, go take that survey, and let’s see what we find out about what it’s like to work in this space, as somebody that we normally don’t see. 

The second thing on our list is that WordCamp Asia 2025 dates and venue have been revealed. So WordCamp Asia 2023 and 2024 were both major successes, and we are excited to share that the dates and venue for next year will be February 20th, 21st, 22nd in 2025 in Manila, and you’ll be able to go over to that website, take a look at it, we’ll have a link in the show notes as always and maybe start planning your your next big Asian adventure.

[00:13:13] Josepha: The third thing on my list is this new contributor wizard questionnaire. So, there are more than 20 teams to contribute to in the WordPress project. They all show up at those Contributor Days that I talked about. But there are more than 20 of them. They work on different parts of the WordPress project every day. And our passionate community offers contribution opportunities for everyone. I know, we know, that finding the right team is the key to a meaningful contributor experience. So, our interactive questionnaire is here to help you determine where to start. It is sometimes difficult to know whether you can contribute to a software if you are a designer, if you are a writer, if you are in marketing.

And it turns out that you can contribute to WordPress with a bunch of skills that you otherwise would not have realized. So, we’ll have a link to the questionnaire in the show notes again. Also, it’s probably going to pop up on WordCamp sites, Contributor Day sites, anything that helps you all understand where you might find a little bit of success as a contributor is a good place for it to be. Take the questionnaire, see where you land, the WordPress sorting hat. 

[00:14:18] Josepha: And item number four. So we’ve made some updates, not we’ve made some updates, we have some updates from the Five for the Future program. So the Five for the Future program has a long history in the WordPress project. There are a couple of different episodes in this podcast where you can learn more about it.

But, to bolster transparency and openness, we have an update on the current state of WordPress contributions as of the end of May 2024. In the past few months, we’ve made a lot of efforts to improve the program and contributor experience in WordPress. We’ve also done a little bit of work to kind of clean up the pledges that are in there for, people or companies or teams that have found that they couldn’t continue their contributions over time. That is fine too. But we’ll have a link to that update in the show notes as well.

[00:15:09] Josepha: And that, my friends, is your small list of big things. Don’t forget to follow us on your favorite podcast app or subscribe directly on WordPress.org/news. You’ll get a friendly reminder whenever there’s a new episode. If you liked what you heard today, share it with a fellow WordPresser. Or, if you had questions about what you heard, you can share those with me at WPBriefing@WordPress.org. I am your host, Josepha Haden Chomposy. Thanks for tuning in today for the WordPress Briefing, and I’ll see you again in a couple of weeks. 

[00:15:36] (Music outro) 

by Brett McSherry at June 10, 2024 12:00 PM under wp-briefing

Do The Woo Community: Press Release: Do the Woo 4.0 Official Launch: Elevating Voices in the WordPress Community

Press Release: The official launch of the Do the Woo Podcast Channel 4.0 takes place during WordCamp Europe in Turino, Italy.

by BobWP at June 10, 2024 09:09 AM under Uncategorized

Do The Woo Community: Do the Woo 4.0, This Week at WordCamp Europe

This coming week we are at WordCamp Europe where we a launching Do the Woo 4.0.

by BobWP at June 10, 2024 07:00 AM under WordCamps

June 09, 2024

Matt: Gravatar is Back

Gravatar, which has been humming along quietly serving hundreds of billions of avatars into every app you love like Slack, Github, ChatGPT, Atlassian, Coinbase… has a new API which allows people to bring in not just the avatar but more profile data. Check it out. Gravatar continues to be a useful Schelling point for the internet to allow to choose what they want to share and liberate their data from a single platform.

by Matt at June 09, 2024 09:24 PM under Asides

Gutenberg Times: Gutenberg Changelog #101 – WordPress 6.6 Beta 1, Gutenberg 18.3, 18.4, 18.5

In this episode, Magdalena Paciorek and Birgit Pauli-Haack discuss WordPress 6.6 Beta 1, Gutenberg releases 18.3, 18.4, 18.5 and WordCamp Europe

Show Notes / Transcript

Show Notes

Special Guest: Magdalena Paciorek

Upcoming Events

WordPress 6.6

Gutenberg Releases

Stay in Touch

Transcript

Birgit Pauli-Haack: Hello and welcome to the 101st episode of the Gutenberg Changelog podcast. In today’s episode, we will talk about WordPress 6.6 beta one. The last three Gutenberg plugin releases 18.3, 18.4, and 18.5, and WordCamp Europe, not necessarily in this order. I’m your host, Birgit Pauli-Haack, curator at the Gutenberg Times and a full-time core contributor for the WordPress Open Source project, sponsored the Automattic’s five for the future program. Today, I’m also happy to have Magdalena Paciorek as co-host with me. Magda has been one of the shining tutorial writers for the WordPress developer blog, and I’m also looking forward to learning more about building custom post types with blocks at WordCamp Europe. It’s definitely a topic that many developers have questions about. Magda, welcome to the Gutenberg Changelog podcast. Thanks for making the time today. How are you?

Magdalena Paciorek: Hi, Birgit. Yeah, I’m great. I’m happy to present the new features.

Birgit Pauli-Haack: Awesome, awesome. So happy to have you on the show. So please tell us all more about you, where you live and what is your day job when you’re not writing for the developer blog, or presenting, or being a co-host.

Magdalena Paciorek: Okay. I live in Poland and well, I’m basically a WordPress developer. I work in the marketing department, where I do maintenance of our websites that are built with WordPress. I’m mostly responsible for maintaining our blocks that we built for our team, so that they can build landing pages for marketing purposes. So that’s where my interest in Gutenberg came from my team, because that’s what I do in my everyday job, but I also work in marketing, so I write content around WordPress. I present at WordCamps and other WordPress events. My company also sponsors WordPress events, so I would always also attend these events. So yeah, so my work life is pretty much also WordPress, and also sometimes after work, because of the community that I’m involved with. So it’s a big part of my life.

Birgit Pauli-Haack: Do you have family?

Magdalena Paciorek: No, I don’t have kids.

Birgit Pauli-Haack: Yeah. Wonderful, wonderful. So you might not have seen the tweet by Luis Herranz, “By the way. I think this is the best tutorial on the interactivity API available so far. It’s going to be my new recommendation for anyone looking for a quick introduction to the interactivity API.” That’s great. Kudos from one of the lead developers on the Interactivity API project, so congratulations.

Magdalena Paciorek: Well, thank you. I actually haven’t seen it, because I haven’t looked into Twitter for a long time, so wow, this is nice. Yeah, I’m really happy that I could contribute to this project, because I feel like the interactivity API is one of the most important features that are coming to work. I mean, it’s already in WordPress, but it’s just the first iteration, but I feel like when it’s going to be finished, wow, this is one of the most important things that is happening right now in WordPress. So yeah, it’s well cool.

Birgit Pauli-Haack: Yeah, and you help people to get acquainted with it. So thank you for that. And I agree with you, the interactivity API is probably the most interesting pieces also for people that come over to Gutenberg and from PHP developers, that are not so much interested in JavaScript, but they can also use that and hydrate their pages with interactivity, without page loads. So it’s really cool. 

So before we go into the Changelogs and talk about all the releases that are happening since we last had a podcast, well the 100th episode was a special episode as you dear listeners already know, hopefully. And so, we skipped a Gutenberg release and now we are putting it all in one show, and you will also notice that at the end of the show, that there will be a different music. And I thought, okay, for the next 200 episodes, I think it would be good to change the music, the intro music and the outro music, but to not confuse listeners right away, we didn’t do it for this one, but only for the outro music.

Next time we will have it on. So at the beginning of the show, just to warn you, it’s a totally different vibe on that music. While I have you, dear listeners, at the beginning of the show, I wanted to also let you know start with a few announcements. 

Announcements of Upcoming Development Hours, WordCamp Europe and Hallway Hangouts

So WordCamp Europe is happening next week and there will be awesome presentations there, and I put together a list of the seven block-related talks that you will see in the live stream. So I will link it in the show notes, but one of them is Elena’s presentation. Then we have a presentation on the interactivity API with Michael and on block themes, and all the good things that come with 6.6, or are already in WordPress. It’s also Jessica Lessig is talking about the Twenty Twenty Four. Then Erica Gill and Luis Rosales talk about migrating from two blocks from a legacy website.

Bernie Rider, developer on the Gutenberg team, talks about the block hooks, how to extend block themes, and then there’s also the Gutenberg speed build challenge that Jamie Marsland has put up on YouTube, and you will get to see it live. And we just found out that Jessica Lessig and Rich Tabor are the contestants, so that’s going to be really cool. And then, Jamie also has a talk about the three key principles for beginners on blog themes, and then of course Magdalena’s building custom post types blocks. So you see this all and you can get this all through the WordCamp Europe live stream, if you’re not there to watch it live. 

Then there are three developer hours and two hallway hangouts scheduled in the next few weeks, so on June 11th, and of course all of them will have recordings and resources to share. So June 11th will be a developer hour on exploring overrides for the sync patterns that come with WordPress 6.6.

That’s a very exciting feature and I’m really looking forward to using that. It was punted from 6.5, but the developers took a totally different approach now. One is they use the block bindings API to drive all the overrides, and then also you have to name the pieces so they can be displayed in the sidebar, but we are going to talk about it a little later. But that is definitely something you don’t want to miss, or want to catch on the rerun. 

On June 17th, no, it’s the 19th, sorry. On June 19th at 1100 UTC there will be a hallway hangout on building a workflow for themes with the CreateBlock theme plugin using Playground and GitHub. So you could use Playground to make all the changes to your theme. Use the plugin CreateBlock theme block theme plugin to save those things, and then use also Playground to save it all back to GitHub as a PR for a theme update.

So that’s going to be really cool. And then on June 25th, there’s developer hours on what’s new for theme developers in WordPress 6.6. That’s more an overview and kind of sometimes deep dive. And then on June 26th, a day later, 1100 UTC, there will be a hallway hangout on the grid layouts that come to WordPress 6.6, and we will discuss all the cool things with Isabel Brison, who was one of the lead developers on the grid layouts. And then July 2nd, and that’s the end of it. July 2nd is again another developer hours and building theme with the CreateBlock theme plugin, so you can learn more about all that. So that’s it. Discussions and QA also happen asynchronously, in the Make WordPress Outreach Channel, that’s a new name for a channel that was the FSE outreach experiment, but it’s now a standard channel on the WordPress makeup for extenders, developers, site builders to come together and discuss things, or have Q&A with people.

And so, join us there. All right, that brings us to what’s released. 

What’s Released – WordPress 6.6 Beta 1

Most, but not all items in the Gutenberg plugin releases we’ll cover today will come to WordPress 6.6 version at the end of July. I think release date is, no, release date is July 26th, but you can already start testing WordPress 6.6 beta 1 version, because it was just released and I would like to point out that it’s the best way to learn about new features coming to the WordPress version, when you heed the call for testing. It has been out for together with the WordPress 6.6 beta 1 release, and you get to test 10 features coming to WordPress 6.6.

And those are all the new data views that are in the site editor for pages, templates, patterns and template parts, and how they kind of work the same pattern overrides, so you can change the content of a pattern per instance, and then if you change the design, all the other patterns will change the design as well, but not change the content. So the updates to the insert are showing all blocks. A user feedback was there that it was a little bit confusing. It now shouldn’t be, but test it out. Unified and refresh publishing workflow. We have additional information about that later on. And then, mix and match the typography and color palettes from all style variations, and then section styles, and the changes to CSS, cascading style sheets, specificity. That’s a very difficult word, specificity.

Okay. And then, another feature coming to WordPress 6.6 is a grid layout, and then a new pattern experience for the classic themes. I did some brief testing with a classic theme activated and it works real nicely. Also, the sync pattern works as well. Of course the sync pattern overrides are only enabled for certain blocks, so it does not work on all patterns, but that’s a different story. Another feature that a lot of people have been waiting for are the negative margins in the UI of the global styles. And then, there is a feature also coming to WordPress 6.6 that allows for the rollback of auto updates if they run against some error message, or something like that. A team of developers has been working probably for, if not longer, a year on that, and now it’ll come to WordPress 6.6 and it’s definitely great to test this. Now Magdalena, are there any features in 6.6 release that you are particularly excited about?

Magdalena Paciorek: Well, yes, quite a few of these features are really exciting, but I’m the most excited about sync pattern overrides. I think this is a very important feature, especially for people who build websites for clients, because it solves the problem that the page builders basically have, that you build views of pages, and then you have some common elements that you add to a few pages for example. But then when you want to change something, well you had to visit every page separately and make these changes. For example, change background code. And so, that’s of course, if you have a very small brochure website with five pages, not a problem, but it doesn’t scale, the website grows, then it’s not really usable. So these synchronized patterns that you can overwrite are a really great solution for this, because you can keep styles synchronized, but then allow overwriting text for example, the content of these patterns per page. So it’s a great feature, I really like it. I think everyone should get interested in it actually.

Birgit Pauli-Haack: Yeah, and I think a lot of people got already excited for 6.5, when it was pulled off the beta 1, because it wasn’t ready yet, but I think the additional two or three months maturing of the feature definitely helped to make it even more clear how to assign those allowed overrides, and how a user that uses them, an editor that hasn’t created them, but wants to use them, can identify the areas where they can override things. Now there are a few caveats there. One is that the overrides are only enabled for headings, paragraphs, buttons, and images, and in images only for the alt text and the file name. So if you put captions in, the captions are not part of the overrides. So somebody did some great testing there and you need to, if you want to test it out with captions and yeah, it’s probably not going to work as you expected.

Magdalena Paciorek: And there’s one more limitation, because I’ve tested it with gallery block and you can override the images, but we can set them to be able to be overwritten. But the problem is when the number of photos that add to the gallery, it can’t be changed. So if you add for example, two pictures, there can only be two, they can be three or one. So it’s not a hundred percent usable, but I’ve read the discussion on GitHub, and I feel like this is going to be solved in probably the next release, but for now, this is something to be aware of. Also, the same situation with the list book, where you have a few items, and then you can’t add or remove these items from the async pattern.

Birgit Pauli-Haack: Yeah, list block is not part of that. Yeah, that’s true. Gallery block is not assigned yet that it works. So yeah, those are the limitations, but for a first version to get in a major WordPress release, it’s in really great shape.

Magdalena Paciorek: Yes, yes, I confirm it.

Birgit Pauli-Haack: And every other feature, there’s a good first version and then we iterate on for the next steps on that. So yeah, I’m also quite excited about the section styles and the grid layout, because that’s also a part of what other page builders do, is that you can assign different styles to sections and not have to go to each part of it. So if it’s a cover block or a groups block of certain elements, you can change all the colors with a color palette kind of thing, and assign a style to it, and have that on a button change over to either dark view, or light view, or blue view, or red view kind of thing. But you don’t have to do it for each single block in that group.

So those are really time savers, but they also give designers a little more granular control over the designs that they create. And the grid layout is definitely something that a lot of people have been waiting for, that you arrange everything on your page in a grid, and then you can wrap the handles of a block and kind of make it larger, or have a row span of a block, be it an image, or a paragraph block, or anything, and to organize the blocks differently on a page.

I think that really helps with that, some people are still looking for pixel perfect, although that one went out of the window when we had mobile, and different kinds of screen sizes and we now have. I don’t know, from brownie size screen to big TV screens that are 80 inches. So yeah, we need some fluid things there. And the grid layout, if you use the automatic grid layout, it will be responsive and adhere to the various screen sizes. And negative margin is part of it as well, with the section styles and the grid layout to give more tools to the designers to have really great designs that are not following conservative flows of content and assets. Well if your listeners have a comment on that, just use the comment section on the website and let us know what you think about all the new features that are coming to WordPress 6.6. And as I said, go and test it, heed the call for testing, and you learn all about it quite by doing.

Gutenberg 18.3

Which brings us now to the first Gutenberg plugin release that we are going to cover. That’s Gutenberg 18.3. There were 165 PRs in there. It was released on May 8th, by 44 contributors and three contributors who were first timers, Jason Crist was the release lead for that release. Well, one definitely stands out is that Gutenberg is updated to a new React version. I think it’s 18.3, was it? I’m not quite sure. Yeah, it’s just a coincidence that 18.3 Gutenberg release also uses React 18.3, so I was a little confused at the moment here. And that will be important when you use some of the newer features, or if you have to update some of the legacy React features on your blocks. I’m not quite sure how much of a disruption that is or if it is at all, but I just wanted you to be aware of it.

Magdalena Paciorek: Yeah, this one I don’t actually know. I’ve checked it out, but I couldn’t make it work.

Birgit Pauli-Haack: Okay, yeah, that’s a different story. It’s a different story. It doesn’t have to work.

Magdalena Paciorek: Okay. It’s there.

Birgit Pauli-Haack: Everything needs to be tested of course, and it’s supposed to work.

Magdalena Paciorek: Onto the next thing. Also, the plugin document settings panel is now available, a slot is available in the template inspector controls, because before this release it was only available I think in post inspector contract, but now it’ll be also available in the template.

Birgit Pauli-Haack: The site editor. Yeah, and that is so plugins can have additional fields and create their own little interfaces there. The next one is classic themes get now exposure to the patterns page, and what it also removes is the template parts menu item. So classic themes now have access to the site editor design for patterns and template parts. There was a request from quite a few theme developers if that would be possible, or agency developers if that would be possible, because then they can also do all the documentation, everything for the patterns can be also used for classic themes, or users that use the classic theme. So that’s really cool.

Magdalena Paciorek: Yeah, that’s a great feature. And also patterns, the data view is changing. The team has removed icons and right now it’ll just have this label that says that if the pattern is synchronized or not. So yeah, that’s also a really nice improvement. Small, but very useful.

Birgit Pauli-Haack: Yeah. And one other PR I wanted to point out is that now you can insert patterns on the end of the canvas, or the route section of a content piece. Until then you couldn’t get to that. It was really hard to put anything on the end of a post or pages, but now you can insert patterns to the end of it by drag and drop, or just by using it.

Magdalena Paciorek: Yeah, this is a really nice usability improvement. I actually tested it and it worked really nicely. It’s a natural flow. It seems very natural to add new.

Birgit Pauli-Haack: You can now just drop and drag them to the end, because then you can stack your patterns first before you make all the changes that you need to do on the page. So you can get a really good layout very fast to just combine a few patterns, and you don’t have to rearrange them on your site. Next one is a new text alignment control component that’s for developers, when you have a few… Most text aligns are actually in the block toolbar, but some of the blocks don’t have have it in their block toolbar, but you can have it in the font section, the typography section of that block, so you can have a left center or right alignment on the text, even if the block toolbar is not there. So it’s really cool. That’s especially helpful also for custom blocks.

Magdalena Paciorek: Yes, and we also have a new improvement on the inserter tabs, because now the search bar is moved into inserter tabs. So when you type, for example, you look for the keyword, like for example, image, and you look on the block tab. Then when you switch to the patterns tab, then you still have this search phrase there and it already filters out the patterns based on this keyword. So this is a really nice improvement.

Birgit Pauli-Haack: Yeah, I saw that too, and I really love that, that I don’t have to tap in my keywords multiple times just because I’m going from blocks to patterns to the other thing. Well, I mentioned it with 18.3 Gutenberg plugin. There is now the possibility to add negative values to margin controls. So you can have overlaps, so you can have a picture and then the next paragraph you can have the margin negative 200, and it goes a little bit into the picture on the bottom of it if you want to do that. That is something that many designers have done for many, many years with just plain Cascading Style Sheets, and it was available through the theme JSON where you could add negative margins already, but now it’s also coming to the user interface, and it will be in the dimension controls on the bottom of the margin, you can see add your negative values for any of the margins, be it left, right, top or bottom.

Magdalena Paciorek: In the next feature, I think it’s only relevant for the team developers. I think so, because there is a big change to how the style variations are handled in Orpheus 6.6. Okay, so another feature is I think it should only concern the theme developers.

Birgit Pauli-Haack: Are you trying to tell me that this is something that developers actually wouldn’t be able to use, or that’s not for developers that it’s actually just Gutenberg internal?

Magdalena Paciorek: I think it’s internal for Gutenberg.

Birgit Pauli-Haack: So we don’t talk about it.

Magdalena Paciorek: Yeah, yeah, of course.

Birgit Pauli-Haack: If it’s not for extenders, then it’s not really…

Magdalena Paciorek: I don’t think they have to do anything. It’s just how it handles when you define two or three type variations, and then people mix and match it, so it’s something internal that handles it. Not to create too many styles under the hood, something like that, but I don’t think it’s…

Birgit Pauli-Haack: Yeah, and I think I saw another filter to have the color controls and the typography styles, that they are not duplicated and all that. The team is working on that. That’s the next one, is the filter out color and typography variations. That’s also an internal one, but I think it could open up the system for the next version to be able to maybe opt out of the presets, the automatic creation. So color and typography variations when they come in, they are taken from the style variations the theme has, and isolates in a separate section, all the color palettes that come with the style variations, and in a separate section also all the typography choices that could be made for the style variations. And there is a discussion for extenders. Well, if a theme is following brand standards that has four style variations for the different brands of a company, then you don’t want colors from brand two and the typography from brand three to be maxed, and that is not yet available to opt out of that.

But I think how the filters were created, I think it would only be a small step to provide that opt out for theme developers. So I think we need to watch that space quite a bit in terms of what feedback is coming in from the beta version, and also see how that can be solved. It might not be part of 6.6, because we are six weeks away from release, but there might be time. So it’s certainly something to discuss with theme developers, agency developers, and the good mood developers. Which also brings us to the new preset, there are default font sizes in theme JSON version three, that for those you can opt out of course. Core has a few font sizes in the theme JSON and provides some. So those don’t have to be worried about theme developers if they don’t want to.

Magdalena Paciorek: Especially if you create a custom for a company, then you might want to opt out from the default font sizes and declare your own ones. And onto the next one. There are some changes in the post editor sidebar. There are a few data information about the post was shuffled around in the top area of this site editor. For example, post status work count, also the thumbnail was moved to the top of site panel. So there are quite a few changes that I’ve seen throughout these three releases of Gutenberg that we’re talking about. So it’s not a big change, because the data is still there, the same data, but it got moved up or down, and I think at the moment it’s looking quite nice. It’s quite usable, so it’s definitely worth it to take a closer look at how it looks like at the moment.

Birgit Pauli-Haack: Yeah, it definitely is a change that gives you much more information about the nature of the post or the page that you have. And I’m seeing that the word count might disappear from the inserter, no from the list view tab, because not a lot of people are going there, but you have all the information in the top section of the post editor. And they also moved up the featured image, and that is part of the also data views, because now they can use the same component and show off in a grid layout for pages or posts. They can show off the card with the featured image, and just the post metadata about their post status, and word count, and last edited information.

So there’s also a feature that comes in actually is the duplicate post feature that you can just grab from that section, where you can say, okay, duplicate that post and then restart a new one. Up until now, you actually had to use a plugin for that, and right now it’s actually only available in the Gutenberg plugin. I’m not sure it comes to WordPress 6.6, I need to research that. So you might get too excited now, but if you use the Gutenberg plugin, you definitely have it, but it seems to be only for the plugin right now.

Magdalena Paciorek: But it’s such a needed feature, just to be only available through plugins, but now it’s coming to WordPress, it’s really great. 

Documentation

Okay, so now we have documentation. There’s a lot of going on in the documentation field, especially the editor package of Gutenberg. The documentation for this package was updated and at the moment I think almost all components are documented, so it’s great for developers who want to use these components from the editor package.

Birgit Pauli-Haack: It definitely made some strides with the documentation on the components. Some of the components actually moved from one package to the other, because of the synchronization from the site editor and the post editor. So there is no duplication of code anymore, but they had to move the packages. And so, they also moved some of the documentation and made the discovery that some of the components were actually not documented well enough. So there were two birds with one stone so to speak. Speaking of moving the interactivity, API documentation has also moved from the package area to the reference guide area. When you go to the developer.wordpress.org/block editor documentation, you’ll find it under different heading in the reference guide and another update that you as if you do theme development or create themes for clients, you definitely want to look at the documentation for the theme JSON version three.

There are quite a few changes and you need to declare it in your theme JSON, which schema you’re following to make sure that you are still compatible. All right, that was 18.3. See that was pretty harmless. Cool. Yeah, we’re getting better at it. 

Gutenberg 18.4

We are going to the Gutenberg 18.4 release, which was released two weeks ago with 185 PRs, merged by 58 contributors, seven of them were new with their first merge PRs, and release lead was Alex Lende and he has all published release post what’s new in Gutenberg 18.4. So let’s dive in. 

The first item I wanted to point out was that the grid layout, visualizer and resizer features have been stabilized, and we can always cheer about that. The listeners, I think grid layout is going to be the new gradient. I had an early times on the podcast, even with Mark Uraine. Again, I was always very happy to say gradients and new features, and now it’s grid layout with new features. I’m really happy about that.

Magdalena Paciorek: Yes, this feature is definitely going to be useful, very useful, very excited about it. And the next feature that’s coming, this Gutenberg version is the aspect ratio presets are now supported through theme JSON. So you can define your own aspect ratios for images basically. That will be available in the controls for the cropping images. So I think this is great, especially for the theme developers, that you can now have your own dimensions of the images that are custom to the theme.

Birgit Pauli-Haack: Yeah, it definitely makes some nice designs when you can have images uploaded and they follow your personalized, so to speak, aspect ratio presets. Also, there was an update on color variations. I mean, the PR isn’t very descriptive what that means, but it is that it moves the color presets to the palette tab in the global styles. So there will now be a palette section in the sidebar, in the right sidebar under the global styles, where you see palettes, and then you click on it and it gives you all the palettes that are set for the themes, or the style variations, or something. So it’s a nice UI change. It also follows quite a few other design tools that have a similar feature. So I’m really glad about that.

Magdalena Paciorek: Okay, the next change is interesting for developers, because it’s a change to the register block style function. This function now accepts an array of blocks and it used to accept only a string with the block name. So what it means, you can now register a block style for multiple blocks at once with this one function, and you don’t have to do it separately. So this is nice if you have some common style that you would like to apply to a few blocks, you can do it at once. Now with register block site function.

Birgit Pauli-Haack: Yeah, that’s an excellent explanation. Thank you so much. Because I wasn’t quite sure when I read this beyond what actually changed, but now you can have the green border with the yellow background on not only the paragraph block, but also the group block as well, as the cover block, so you don’t have to write the code multiple times. And then, the next thing next is more about the block library. So some blocks have additional features, the list block has now block class name on the list, that is really, yeah, people were waiting to style the list block. It’s now the WP dash block dash list class, so you can style the overall list as well. I think the list items already had their own class names.

Magdalena Paciorek: And also, the new variation was added to the embeds block in Bluesky.

Birgit Pauli-Haack: What’s Bluesky?

Magdalena Paciorek: I don’t know, I have no idea.

Birgit Pauli-Haack: Bluesky. And yeah, the proliferation of social networks is kind of going on and on and on. And Bluesky is a new social network that comes close to Twitter now, and it was actually founded by a former Twitter developer, and it kind of opened up now to the public. It was for two years now, just on invitation only, but now more people can go into Bluesky. They’re still not ready to open source it, but I think they at least open it up.

So now you can have your social embed Bluesky posts as well with the embed block. So make block popover component public, meaning that now developers can also use it. And that is an additional block toolbar that you can use to kind of put your own stuff in there. I’m not quite, and have your own navigation pretty much in the block toolbar. I really am eager to try that out. I only saw some WooCommerce implementations, but I have not yet seen any documentation about that. So it definitely has the label needs dev note on the PR, but I’m excited about for any extension that is in the block editor.

Magdalena Paciorek: And the next thing is a new keyboard shortcut was added. This shortcut, which is common G or Ctrl G, you can now create a group from the selected box. So we can select a few blocks and then with the shortcut, the group will be created for the…

Birgit Pauli-Haack: Yeah, that’s really nice. Yeah, it removes the searching for menu items that are kind of multiple levels deep in the block toolbar settings. The next one is enhanced block outlines and selection interactions. That means that you know where interactions happen, and there’s a blue outline on certain sections, and group blocks and all that. I think that has been a major improvement on the UI when you create content, that you actually have the outlines where you are and what you’re doing. I think with the sync patterns, those outlines also become quite important to signal where is the place where I can override some of that from sync pattern.

Documentation

Magdalena Paciorek: In this version of Gutenberg also, the documentation was updated. We have quite a lot of items on the list, but I think it’s worth mentioning there were some new pages added to the interactivity API documentation about and FAQ. So I think it’s really important to read about it, as the interactivity API will have become more and more important in themes, especially in theme creation. I think it’s good to learn about it and I’m happy that the team provides the documentation for it.

Birgit Pauli-Haack: And I just want to highlight that for the interactivity API, there is some change that in the block JSON, you started to put in view script and that changed to view script module. So for the developers who have already been testing out some of the interactivity API directives, that’s a slight change. It’s not a breaking change, because I think they put in the controls, but just make sure that that is something to update. Yeah, that’s pretty much all I wanted to point out, except I mentioned it before that the pattern overrides, they’re now using block bindings API. So the pattern overrides are its own source for the block bindings API, but it follows the same block markup notation. So you could use a pattern and rewrite some of the block bindings or some of the overrides in code if you’ve ever wanted to do that.

But I think it opens up the feature to maybe even be available for themes to add it to the theme patterns in further releases. Not for this one, but because it uses a common API. And if that is already in the markup of a pattern that comes with a theme in the patterns folder, those overrides could even be updated through a theme update or those patterns could even be updated through a theme update. So when the theme developer has a new way of designing those patterns, they could override the certain things and then every site who has that theme gets an update to it. That is actually a dream of a block theme developer right now, but I think with the pattern overrides using that block bindings API, it might come to pass. Definitely not in 6.6, but maybe 6.7 or 6.8. All right, I’m talking maybe I haven’t rolled that out, but it’s definitely on the list or it’s on the roadmap so to speak, to make those extensible. So we’ll see how that happens. 

Gutenberg 18.5

That concludes our Gutenberg 18.4 and we are going right into Gutenberg 18.5 was released this week. The release lead was Vincente Canales with 295 PRs, just short of 300 PRs. That’s a mammoth release. There were also more contributors, and 71 contributors and 10 of them with first time contributors. So great. It’s not surprising that there are so many PRs in there, because Gutenberg 18.5 is the last Gutenberg plugin release that goes into WordPress 6.6 from the feature set. So everything after that, and if it’s a new feature or something that will not be part of WordPress 6.6, only bug fixes get in. So if there was an enhancement that needed to be made and to be valid for 6.6, it needed to get into that plugin release. And as we all know, if it weren’t for the last minute, not a whole lot would get done in the world, so we were all kind of just in time on some of the features.

And I promise you we would talk about some of the post summary updates. In 18.5, we had quite a few that were the sidebar for the documentation settings, or document settings, or post settings, or page settings. So you get some post format controls. They moved around the URL and the author on it, the trash button has been removed; it was too prominent. It’s now in the three.menu, where you also find the duplicate post feature and also the remove feature. And then, there is a post sticky setting is now a tarter. Yay. Anything else that if I get something? Oh yeah, the revisions panel is also under the three point menu, so if you want to look at revisions, you need to go three point menu and then click on the revisions. So it’s all a little bit well organized. Some of them new designs or the alignment was kind of adjusted and some of the features were not removed. They were in the three.menu. I think it’s important to know that because it looks a little bit different in the new version.

Magdalena Paciorek: Yes, it definitely does. I also checked it out and at first you might be surprised, there is no trash button, there’s no revisions panel. But yeah, it’s just hidden under the menu, so it’s good to know about it. And then the next change in Gutenberg is how the custom CSS is handled, because you can add your custom CSS to override the ones that you can choose from the controls. Before, whenever you change the variation, the style variation, you would lose the changes to custom CSS that you’ve made. But now they are saved, and so you can switch the variations and your custom CSS will override the variation, the style that is in the variation. So yeah, actually this was needed, so it’s great.

Birgit Pauli-Haack: Yeah, I actually don’t think that’s an enhancement. I think that’s a bug fix, because there was pretty much the expectation of anybody who put in custom CSS, that they are not disappearing when you’re just going to switch on the variations. You can make the argument on the other side as well, but I think the user put in the custom CSS, because neither the theme nor the variations gave them what they needed. So yes, that’s definitely a good bug fix. I don’t know if you checked out the data views, just as on our aside, the data views, they’re really coming together, and I like the modern look of that, and I wish they would come earlier to WPAdmin. But if you go to the make design site, Joen Asmussen just showed off the designs for the media library, and to bring some of that new admin also to the media library.

So they have great things to come. And I am going to share that design share from, I share the link to the design update, but Joen Asmussen in the show notes, so you can look up what’s in store for the next version or at least for the next time. That was just an aside. Yeah, I like the grid views, I like the layouts, I like the different actions. The only thing that I don’t like is when you look at the drop-downs in the data views on the right-hand side, they’re on top. They’re all kind of overlapping and it’s hard sometimes to see which one level deep am I looking at now. And for what I think there needs a little bit more refinement, but I think they’re really glorious.

Magdalena Paciorek: Yes, because there are quite a few options to customize it to your needs. I really like it. I really like it that you can bring the thumbnail featured image to the list. It’s great. I think it was missing in all the current WPAdmin list, but here you can just switch it on with a click. It’s great. And also, I think the metadata, I don’t know if at the moment, but at some point I think it’ll be able to also switch it on the list view. So yeah, it’s very useful.

Birgit Pauli-Haack: Yeah, I’m really looking forward to what other plugin developers are going to do with it for their own plugins, because of course that’s a pre-built component. Why not use it, when everybody else knows how to use it already? So use it.

Magdalena Paciorek: But it’s not ready for extending, right?

Birgit Pauli-Haack: Yeah, no, well, not as the old admin. If you have in your plugin create a list view of something, some data, like you go out and grab some data from Spotify or something like that, and you want to display that in an admin section, you could use the list view component. That’s a public component that you could use for that particular plugin page. If you use custom post types, it’ll still be the old one, because that’s just the same interface, but because it’s not yet available for posts, it’s only for pages. So though there are some things that still need to be happening, of course. But yeah, if you have a separate page for your plugin settings or something like that, use it.

Magdalena Paciorek: You can use the component, yeah.

Birgit Pauli-Haack: You can use the component, yeah. And it has I think some good documentation on these things. Yeah. All right. Where were we, side of the data views?

Magdalena Paciorek: I think we’re on the background image, add support for relative theme path, URLs, and top level JSON styles.

Birgit Pauli-Haack: What that means is that you can now set a background image for the body content if you want to through the theme JSON, and add it to the assets folder of your theme. And then everybody who uses the theme can use the background image. You don’t have to upload it through the media library to get it to be recognized as a background image, which is one step further that any theme developer would want the user to have to go. That sounded weird, but yeah. Yeah, you’ll figure it out. So the next thing is, as we had the default font size spacing in 18.4, I think in 18.5 theme JSON, or it also comes with default spacing sizes. So you can create your own presets for spacing the margins and the dimension, or the dimension controls through the JSON. And it’s theme JSON version three, so you need to look at the documentation that’s also been updated.

Magdalena Paciorek: And you can also create and edit shadows in the global styles now. So there is a new control for that, but I must say I haven’t tested it, so I don’t really know how it works. But it’s great to see it, that you can create it in no code in the editor.

Birgit Pauli-Haack: There will be in the global styles, there is now typography, and colors, and layouts, and now you also have a fourth one that’s called shadows. And then you can log all the things that you want to style on the shadow. It’s the color, it’s the angle, it’s the blur character and that. So you can really create your own styles, and it shows up on every block that supports box shadows, but it’s not all of them. And then there are presets as well that come in the natural, deep, sharp, so you can give them names as well, and add them to your global styles. So it’s the position, the blur, and the spread, and outside range set on the shadow. So they will show up with the core shadows, unless you disable the core shadows through the same JSON. So it’s not entirely, you cannot do this through the interface, but yeah, you can definitely create some nice shadows. It’s almost as good as gradients.

Yeah, I like all these design tools that you can use. So the block style variations mechanism is now extended, so you can do section styling. I think we mentioned a similar PR earlier today, but you can create sections, and then you can do block style variations for that. Oh yeah, we did this, that you can apply certain styles to multiple blocks. Now you can create sections, and then attach block styles for that. I think we should have better naming conventions, but it’s what we have right now. We need to make sure, because we have the style variations, we have block style variations, then we have section styling. It’s all kind of getting a little bit convoluted, complex, but we’ll figure it all out. I’m definitely sure that once everything is in place, we can combine it and do it how we need it.

Magdalena Paciorek: And so, the next feature is block bindings, and especially the block bindings panel that is now added to the block inspector. So when you bind certain attributes from the block to the post meta, and then they will show up in the block inspector in the site panel, so that you’ll know which attributes are connected to the meta. So I think this is really nice, because you get to see what is connected. And before, I think it was only, you can only tell it is binded by the violet like icon, or something like that, by the color, but there was no way of telling what is connected to what. So yeah, that’s definitely an improvement.

Birgit Pauli-Haack: Yeah, definitely an improvement. Yeah. Yeah, the icon was that kind of connector icon in purple on the block toolbar, but you only could see that per block. But the bindings panel, you see all the pieces, all the data that is connected to that block. And where it also tells you, because you can, for the block bindings, you can assign custom data sources. So it also adds the data source to the inspector controls. So you know okay, this comes from post meta, this comes from another data source, so that’s nice too. I really like it. And they also, that comes together with that, allow editing of the post meta source. So if you have a URL somewhere or an additional data point in the block, you can actually change it there. And it’s also then updated in the post meta table that comes with it. They didn’t put in a nice video or so they used to do it with the PRs.

Oh, here it is. So now you can edit in the block canvas, change the data, and then it will be updated also throughout every block that uses that metadata for that particular post item. So if you have that binding also for the archive templates, it’ll also be updated in the archive templates, wherever that particular post meta is showing up. So that’s a pretty cool feature. I think that is something that was never possible with WordPress until this time, that you can actually have additional custom fields be edited through core. You always needed a plugin for that.

Most developers went with advanced custom fields, but there are also others that allow you that. It’s certainly not as rich as advanced custom fields. So you can’t do field groups and all that, but it definitely gets there sooner or later. And I really like it. Yeah, it’s really cool. That can be, it also an answer to what happens to all the meta boxes that were on the bottom of the screen. So if you bind them to a block, then you don’t have to create a custom block for that. You just need to create the binding for it. So I think it gets there where a lot of people wanted the block editor to be in year two. Well we are in year, year seven, but they needed a lot of other things to come in place before this happens.

Magdalena Paciorek: But this is such a powerful API, the block bindings API. It’s also one of the most important APIs that are coming to WordPress right now. And it’s worth mentioning and it’s worth getting interested in that and learning how to use it. Especially if we build with blocks, we don’t really want to have these meta boxes on the bottom of the editor. So this is a great way to get rid of them.

Birgit Pauli-Haack: And also, for plugin developers, that they don’t need to go through all the hoops to create blocks for some of the things that they could do just in block bindings. There are two articles on the developer blog, one part one and part two, where the block binding has been a tutorial on using the block binding API. And I will share the links to those in the show notes. So Justin Tadlock had one that says, building a review site with block bindings. And the part one covers the custom fields and block variations. Part two will be released later in a couple of days. And that is about how to actually create input things in the inspector controls. So it’s kind of a predecessor. So if you don’t want to wait for WordPress six to come out, you can use that variation, but sometimes it might be just more user-friendly to use those inspector controls and control them yourselves, rather than use what comes from the editor.

Of course, we need to find a way if we could actually switch them off at some point. So I’ll share those articles in the show notes of this podcast. All right, again, a lot of documentation went in this release documentation, updates in this release, it’s all about components and blocks, and I think they updated the JSON docs for a lot of components. So they actually are automatically graded from for the documentation. So I think these are the changes for that. Check them out. All right. Wow, this was a long show. 

Well, it’s probably about an hour. So I think we come to an end of this show. Magdalena, thank you so much for being here and going through this with me. Explained quite a few things that I didn’t understand. So I’m really happy that you joined me today. When people wanted to reach you or connect with you, what would be a good place to catch up with you?

Magdalena Paciorek: I think the best place would be on LinkedIn, because that’s what I use as social media. I’m not that active on social media, not like I’m everywhere. But yeah, if you reach me out on LinkedIn, then I’ll get the message. Yes.

Birgit Pauli-Haack: Yeah. So I’m going to share that information as well in the show notes. Is there anything else that you want our listeners to know about your company, or your presentations, or there’s an article coming out, I know.

Magdalena Paciorek: Yeah. Well, I need to start writing, but I would like to invite everyone to my talk at WordCamp Europe, happening next week. I’ll be covering some of the things that we’ve talked about today, like pattern overrides or block bindings. And also, I’ll be sharing some of my, I don’t know, experiments also that I’ve done with Gutenberg with custom blocks. So I hope this will serve as inspiration of how we might create post types in the future. Maybe we could actually create them now in this new way, a new block way, block editor way, not in the custom fields way we used to do, or how it’s still popular to create them.

And this talk, I think it’s mainly, I’ve made it for people who build websites for clients, so like agencies and freelancers that maybe want to take a look at how you could build this typical for agency websites, in the new approach, like you build it with blocks, with some custom code as well, but in a different way that you would do it with, for example, ACF. So yeah, so I invite everyone. I’ll be talking I think in the morning on Saturday, on the second day of WordCamp. So I see you in Torino. I’m super excited.

Birgit Pauli-Haack: Right. Yeah. And I’m definitely going to be there, unless it’s Saturday, I need to see, I’m seeing on track one, so I’m not quite sure if I’m going to be there. But I will definitely catch it on the rerun through the live stream video. And I will share that also on that particular single post on the Gutenberg times about the WordCamp Europe. So yeah, and I’ll see everybody who is going to be in Europe and in Turin next week, and I hear the others on the next Gutenberg Changelog podcast. 

So as always, the show notes will be published on Gutenbergtimes.com/podcast. This is podcast number 101. And if you have questions or suggestions, or news you want us to include, send them to Changelog@Gutenbergtimes.com. That’s Changelog@Gutenbergtimes.com. And if you like our podcast, please write us a review on any of the podcast directories and it would help for other people to find us. All right, so thank you all so much, and I’ll see you around next time. Bye-bye.

Magdalena Paciorek: Bye.

by Birgit Pauli-Haack at June 09, 2024 02:13 PM under WordPress

June 08, 2024

Matt: Cowen Life Lessons

Sriram Krishnan calls Tyler Cowen one of the best talent spotters.

I take a few life lessons from Tyler, who I consider a mentor even though we’ve spent, at most, dozens of minutes together in the past several decades. (Don’t constrain your mentors by their availability, engage with their work!)

  1. He has blogged consistently on Marginal Revolution since 2003. As he learns he shares, and that’s a lighthouse beacon attracting smart people around the world with similar interests. So the lesson is: blog!
  2. He keeps himself open to engagement, with his email address being public. He reads and responds to his own emails.
  3. He treats everyone with with respect. I was a kid no one had heard of when I met him at an economics conference in 2003, but he spoke to me with the same respect and attention he gave to Milton Friedman, who was also there.

His advice to me was simple but true: Write every morning. Be more ambitious. Because it was coming from him I took it seriously. It’s all very open source. (I’m very curious to see how economic theory and open source intersect in the coming years, I think there’s a lot in the open source world that is novel and useful.)

I’m inconsistent compared to him in those three things but I look up and aspire to the example he sets, especially within the WordPress community where I keep myself easy to reach on the community Slack or talking to people at WordCamps. (Like WordCamp Europe in Turin next week!)

by Matt at June 08, 2024 11:35 PM under Asides

Gutenberg Times: WordPress 6.6 Beta 1, Blueprints to power Playground, Block Bindings API tutorial and so much more — Weekend Edition 295

This weekend, my husband I are traveling to Torino, Italy for work. We’ll do some sightseeing over the weekend, during the week we’ll start work as early as possible so we can explore the city some more in the afternoon and evening.

On Wednesday, I start first meetings around WordCamp Europe. Thursday is Contributor Day and more meetings. Friday I will head first into the first day of the WordCamp, meeting plenty of friends in the community in the Hallway Track. Saturday morning, I’ll be the MC in Track 1, then more session and conversations, Mullenweg’s Summer updated and After Party. Sunday we’ll head home.

This weekend edition covers updates from the last three weeks. So it’s stoke full of great information, tutorials, and videos. You’ll find below a few plugins for the block editor.

This edition needs to last for two weeks, as the next one (#296) will come out on June 22, 2024.

Until then, hope you have a great start of the Summer or Winter and you can enjoy the time with family and friends.

Yours, 💕
Birgit

Developing Gutenberg and WordPress

Beta 1 of WordPress 6.6 was released. The new version entails Gutenberg plugin versions 17.8 to 18.5. Soon we have more information coming out. For now, the Roadmap 6.6 post is the closest document to what we will see in the release.

If you want to dive into all the features and enhancements, the fastest way is to heed the call for testing with test instructions for 10 new WordPress features. Anne McCarthy put it all together for you in Help test WordPress 6.6. The table of contents allows you to pick your priorities.


The first Dev Notes for the Field Guide have been published, too.

George Mamadashvili, core developer sponsored by GoDaddy, explains in his post what plugin developer need to know to prepare for the React 19 Upgrade.

Rian Benguella write about JSX in WordPress 6.6. First he explains how to use the new JSX transforms in React and then how to update the build tools to take advantage of this new feature.

In the following weeks there will be more Dev Notes about the new features coming to WordPress 6.6


Meanwhile, WordPress 6.5.4 Maintenance Release was published and if you have automatic updates enabled your sites have already updated. Otherwise updates as soon as possible. The minor release fixes five Core bugs, among them the plugin redirect fix.

Gutenberg plugin releases

Alex Lende was the release lead for Gutenberg 18.4. The version comprises 185 PRs by 58 contributors, 7 contributors with their first merged PRs. In his post What’s new in Gutenberg 18.4 (22 May), Lende highlighted:

Gutenberg 18.5 was released this week. The release post is still in the works.

My special guest on the Gutenberg Changelog 101st episode, Magdalena Paciorek and I had fun talking through the last three Gutenberg releases as we also covered what will be in WordPress 6.6. I hope you’ll listen in. It will land in your favorite podcasting app over the weekend.

Joen Asmussen published two updates on the work of the WordPress design team since the last Weekend Edition.

In the first post, you can see work in progress about Block Bindings, revamp of Learn.WordPress and update to Openverse design. The second post shows a mockup for the Media library using Dataviews component, UI to control background images and Openverse’s About page.

Upcoming Developer Hours and Hallway Hangouts

As I will be traveling again next week, this time to Torino for WordCamp Europe, I did a little research and surface the upcoming Developer Hours session and Hallway Hangout. The difference is that Developer Hours are prepared structured presentations while Hallway Hangout are more informal discussions with lots of input from the attendees. The links lead to the announcement post. Save the Date anyway for those without links, if you are interested.

Plugins, Themes, and Tools for #nocode site builders and owners

Rich Tabor and Jonathan Jernigan were contestants at Jamie Marsland‘s Speed Building Challenge on YouTube. Tabor used a block theme (Assembler by Automattic) and the site editor out of the box, while Jernigan used a classic theme GeneratePress to build a landing page by ConvertKit.


Ryan Welcher released an update for his Advanced Query Loop plugin. In version 3.0 it now includes sorting by comment count as well as by postID. “To mark the occasion, I have just released version 3.0.0 that contains a major overhaul of the codebase to make it easier to extend. Additionally, it adds support for sorting my Comment Count and Included Post Ids.” Welcher wrote on LinkedIn


As reported by WP Weekly, Tushar Imran, founder and CEO of Kodezen and Academy LMS, from Bangladesh, released a new block collection plugin via the WordPress repository, called aBlocks. It’s a fully functional beta version and offers quite a few customizable blocks, i.e. Container, Divider, or Star Ratings blocks. At its core it offers courses Block that goes well with its Video block for the Academy LMS.


Pedro Dornelas updated his free patterns collection at WP Alpha. It now includes 100+ free patterns that work on any WordPress theme. It also offers 10+ full page patterns for a premium. (TY to WPWeekly’s Davinder Singh Kainth)


Thomas Zwirner, Web developer from Leipzig released an update of hits Download List Block plugin. This is quite a unique plugin for a very narrow use case. It provides you with block to build a list of download files and automatically adds icons according to the file types. Users have a choice of three icon set or can upload a custom icon set. It also offers a few options on for the display. It also provides a Live Preview, powered by Playground.

Theme Development for Full Site Editing and Blocks

The contributor team of the Create Block theme plugin released a new version as well. In version 2.2 you’ll find, among other updates

  • Update modal width to 65vw (#638)
  • Fixed font utilities to work with font sources as an (optional) array. (#645)
  • Handle font licenses when editing theme metadata (#649)
  • Handle font credits in the backend (#647)

Justin Tadlock published his part 2 of Building a book review site with Block Bindings tutorial to tackle queries, patterns, and templates of the new features to extend core Blocks.

 “Keeping up with Gutenberg – Index 2024” 
A chronological list of the WordPress Make Blog posts from various teams involved in Gutenberg development: Design, Theme Review Team, Core Editor, Core JS, Core CSS, Test, and Meta team from Jan. 2024 on. Updated by yours truly. The previous years are also available: 2020 | 2021 | 2022 | 2023


Fränk Klein contemplates in his post Pattern or Post Type: Discover the Best Way to Structure Your Content how the approach to handling different content types has changed from classic to block themes. You can use block patterns to display various kinds of content. Only when you need more data handling power, a custom post type might be needed. See the post for details.


With his post Moving the sidebar into a theme pattern Bernhard Kau continues to share in on his block theme building journey.

Building Blocks and Tools for the Block editor.

Nate Finch takes you on the journey on Setting up a multi-block plugin using InnerBlocks and post meta, a tutorial on how to use ‘create-block’ to set up a multi-block plugin and create two blocks: a Rating block and a Review Card block.


Ryan Welcher took his livestream audience along Creating a slide deck with the Interactivity API to add transistions.

WordPress Playground

The recording of the Developer Hours: Creating WordPress Playground Blueprints for Testing and Demos is now available on YouTube. Nick Diego and I first discussed what Playground and Blueprints are and then showed some examples from the Blueprint Gallery on how to configure Playground for specific use cases. Then I walked the audience through an example from beginning to end: Add a dashboard widget, set permalinks, import prepared content including features images. The code is available on GitHub.


Nathan Wrigley interviewed Adam Zieliński on How Playground Is Transforming WordPress Website Creation. “This project really does change the way that WordPress can be used, and there are so many exciting prospects for how it might shape the future of website design and development. If you’re interested in hearing about cutting-edge advancements reshaping the WordPress landscape, this episode is for you.” Wrigley wrote and it’s not hyperbole.


Rhys Wynne, WordPress freelancer from Manchester, England explored Can WordPress run Doom? (of course it can, here’s how) and share his process to making it work, including his success with blueprints to demo the plugin and the game.

Need a plugin .zip from Gutenberg’s master branch?
Gutenberg Times provides daily build for testing and review.

Now also available via WordPress Playground. There is no need for a test site locally or on a server. Have you been using it? Email me with your experience

GitHub all releases

Questions? Suggestions? Ideas?
Don’t hesitate to send them via email or
send me a message on WordPress Slack or Twitter @bph.


For questions to be answered on the Gutenberg Changelog,
send them to changelog@gutenbergtimes.com


Featured Image: Montreal – Sunrise from the 20th Floor photo by Birgit Pauli-Haack


Don’t want to miss the next Weekend Edition?

We hate spam, too, and won’t give your email address to anyone
except Mailchimp to send out our Weekend Edition

Thanks for subscribing.

by Birgit Pauli-Haack at June 08, 2024 11:25 AM under Weekend Edition

June 07, 2024

Do The Woo Community: And Now, Some Speakers from WordCamp Europe

Listen in as we hear 11 speakers from WordCamp Europe 2024 invite you to their sessions.

by BobWP at June 07, 2024 07:23 AM under WordCamps

June 06, 2024

Do The Woo Community: The WordPress Community, Training, and DEIB with Laura Adamonis

Laura Adamonis, a dynamic member of the WordPress community, shares her journey, contributions to training, and DEIB advocacy.

by BobWP at June 06, 2024 09:39 AM under DEIB

June 05, 2024

WordPress.org blog: WordPress 6.5.4 Maintenance Release

WordPress 6.5.4 is now available!
This minor release features 5 bug fixes in Core. You can review a summary of the maintenance updates in this release by reading the Release Candidate announcement.

WordPress 6.5.4 is a short-cycle release. The next major release will be version 6.6 planned for July 2024.

If you have sites that support automatic background updates, the update process will begin automatically.

You can download WordPress 6.5.4 from WordPress.org, or visit your WordPress Dashboard, click “Updates”, and then click “Update Now”.

For more information on this release, please visit the HelpHub site.

Thank you to these WordPress contributors

This release was led by Tonya Mork, Colin Stewart, and Aaron Jorbin.

WordPress 6.5.4 would not have been possible without the contributions of the following people. Their asynchronous coordination to deliver maintenance fixes into a stable release is a testament to the power and capability of the WordPress community.

Aaron Jorbin, adrianduffell, Andrew Ozz, Andy Fragen, Beau Lebens, Bernhard Reiter, Brian Alexander, Colin Stewart, Darren Ethier (nerrad), David Baumwald, Enrico Battocchi, Estela Rueda, John James Jacoby, John Blackbourn, Jonathan Desrosiers, Kevin Hoffman, Louis Wolmarans, Md Abul Bashar, Miriam Schwab, Mukesh Panchal, Narendra Sishodiya, Pascal Birchler, Peter Wilson, Pooja N Muchandikar, Sarah Norris, Scott Reilly, Syed Balkhi, Tonya Mork

How to contribute

To get involved in WordPress core development, head over to Trac, pick a ticket, and join the conversation in the #core and #6-6-release-leads channels. Need help? Check out the Core Contributor Handbook.

Props to @afragen, @hellofromtonya , and @angelasjin for proofreading.

by Aaron Jorbin at June 05, 2024 03:57 PM under Releases

WPTavern: #123 – Jamie Marsland on the WordCamp Europe Speed Building Challenge

Transcript

[00:00:00] Nathan Wrigley: Welcome to the Jukebox podcast from WP Tavern. My name is Nathan Wrigley.

Jukebox is a podcast which is dedicated to all things WordPress, the people, the events, the plugins, the blocks, the themes, and in this case, a new fun, exciting event happening at WordCamp Europe next week.

If you’d like to subscribe to the podcast, you can do that by searching for WP Tavern in your podcast player of choice, or by going to wptavern.com forward slash feed forward slash podcast. And you can copy that URL into most podcasts players.

If you have a topic that you’d like us to feature on the podcast, well, I’m keen to hear from you and hopefully get you, or your idea, featured on the show. Head to wptavern.com forward slash contact forward slash jukebox and use the form there.

So on the podcast today, we have Jamie Marsland.

Jamie runs a WordPress plugin business, and has recently become a full-time content creator on YouTube. You might know Jamie from his popular WordPress speed builds on that channel, where contestants have just 30 minutes to build a website from scratch.

In this episode, we dive into Jamie’s involvement with WordCamp Europe, where he’ll be bringing this speed build format to the live stage. Contestants will race against the clock to recreate a prebuilt website, all while being interrupted with questions from Jamie and the audience.

Jamie shares how this concept evolved from his own website recreations, and how it quickly gained popularity within the WordPress community. He talks about the insights and feedback that both participants and viewers have gained from these speed builds, making it more than just a fun challenge.

We also get into the technical aspects of the competition, including what tools and plugins are allowed, and how the time constraints add both pressure and excitement.

Jamie discusses the importance of bringing more interactive and engaging content to WordCamp events, hoping to make them more dynamic and participatory in the future.

Towards the end we talk about how these speed builds can bring a fresh perspective to the WordPress community, potentially attracting a younger, more diverse audience.

If you’re attending WordCamp Europe, or you’re just curious about how WordPress can be made fun and engaging, this episode is for you.

If you’re interested in finding out more, you can find all of the links in the show notes by heading to wptavern.com forward slash podcast, where you’ll find all the other episodes as well.

And so without further delay, I bring you Jamie Marsland.

I am joined on the podcast again by Jamie Marsland. How you doing, Jamie?

[00:03:12] Jamie Marsland: Good morning. I’m very good.

[00:03:14] Nathan Wrigley: You are one of the few people that I’ve had back on, and I don’t think I’ve ever had anybody back on quite as quickly as you are. But this is time sensitive, which is not often the case because we’re going to be talking about something which is going to be featuring in WordCamp Europe, which is happening in the next few days, actually it’s about 10 days out. Something like that.

Do you want to just introduce yourself to those people who haven’t come across you before? Although that is now a dying breed of people, I suspect. But do you want to introduce yourself, and give us a little bit of background to this particular topic?

[00:03:46] Jamie Marsland: Sure. I’m Jamie and I run a WordPress plugin business, and that’s all I do. Oh, and occasionally I do some YouTube videos now, and YouTube’s kind of taken over. I’m pretty much full-time content creator, but I do have a plugin business as well. So go and check that out if you’re listening.

And I’ve been running these WordPress speed builds on my YouTube channel, and I’ve run about four or five, I think, so far, where contestants get 30 minutes to basically build a website. So it’s fast and furious, loads of fun. We get loads of people on the live chat. We’ve had some real stars of the WordPress space on so far, and it’s coming to Word, WordCamp Europe next week.

[00:04:23] Nathan Wrigley: So you are going to be on the stage at WordCamp with, what, two contestants vying to build the exact same thing in a very confined amount of time?

[00:04:33] Jamie Marsland: Yeah.

[00:04:33] Nathan Wrigley: Do you basically put a website, a pre-built website from out there on the internet somewhere and say, okay, you’ve got 30 minutes to make that. Go.

[00:04:42] Jamie Marsland: Yeah, exactly. They haven’t seen it. They see it when we see it on stage, and then they get five minutes to prep then we start the clock, they get 30 minutes to build it whilst at the same time being hassled by me asking lots of extraordinarily stupid questions, and we get people from the crowd asking questions as well.

They’ve got to build it while actually commentating on what they’re doing, whilst getting lots of questions from people as well. So it’s high pressure. It’s a great format. It’s a really short and sharp thing to watch.

[00:05:12] Nathan Wrigley: So did you initially do it as just a bit of fun to create some content and then unexpectedly realized there was some pearls of wisdom to be gained from it?

[00:05:21] Jamie Marsland: Yeah, the inspiration came from, ’cause I did, on my YouTube channel for a while, I’ve been doing website recreations. I’ve done about 10 or 15 or something. Famous websites I recreate in half an hour. So I’ve been doing it myself and my channel, just me. And I thought actually this, would be a great format if you had two.

It just popped in my head one day. You put two people actually competing to build exactly the same website in 30 minutes. So I put a tweet out just to gauge, as often do, gauge interest and people were really interested in it. And then I approached Brian Coords and Mike McAllister, two good friends of mine, to see whether they’d be willing to be the first on the show, and they agreed. They were amazing.

And then we’ve run about five, I think, so far, with some really famous people in the WordPress space. But it is a very fun format, deliberately fun, and aimed at being fun. But the feedback I’m getting, especially from people in the WordPress product space, like Ben Ritner from Kadence came on last week.

They find it really useful from a, just a stress testing, product user testing experience to do that. They’re finding real value in it, over and above just being a fun format. So it’s a really interesting space. And there’s lots of ideas I’ve got of where we could take it next as well.

[00:06:30] Nathan Wrigley: Do you, give them the same WordPress version? What I mean by that is in the five minutes, are they allowed to go and install into their WordPress website a whole collection of plugins, which may make the job them a little bit more straightforward? Or is it vanilla WordPress, core blocks all the way?

[00:06:47] Jamie Marsland: Yeah, no, they’re allowed to do whatever they like. So I do a little bit of prep for them. So for example, for Ben, I installed Kadence and Kadence Pro. Over and above that I don’t really want to install too much, but they’re allowed to go off and basically install anything that they like. There’s no limits on, they can go and use Bricks or Beaver Builder or Elementor, but obviously every time they go off and install a plugin that’s eating up into their time.

So it’s a bit of a time penalty every time they want to do that. But there’s no limits. Once the clock starts, they can do whatever they like.

[00:07:16] Nathan Wrigley: And I’m guessing you are not picking, for example, the Google homepage has got one search field and a logo. I’m guessing that you are trying to get them to do much more complicated things? Loops and all sorts of other things. Just describe the level of complexity. Are you deliberately trying to the most difficult website that you can manage? Lings Cars, for example?

[00:07:37] Jamie Marsland: Lings Cars is coming up at some point.

[00:07:40] Nathan Wrigley: Oh, really?

[00:07:40] Jamie Marsland: Yeah, it’s definitely going to come up. Rich Tabor would be, Rich Is coming on this Thursday actually, as well as next week. I mean I just think seeing Rich Tabor with someone with such a defined and beautiful design aesthetic, taking on Lings Cars. It’s just got to happen at some point. I don’t think I can stop myself from that happening.

[00:07:57] Nathan Wrigley: But you are picking a difficult website?

[00:07:59] Jamie Marsland: I’m picking, what I’m trying to do is a combination of a few things. One famous, so people know it. That’s not always the case. But also there’ll be some challenging, and there’ll be some good learning for people watching it.

So it’s not just 30 minutes of fun, although it is. Cause a lot of the feedback I get, after the 30 minutes is up, we ask the players to go into the back end of the sites and tell us how they built it. And people love that. They get lots of learning from it.

I try and choose sites which are visually beautiful and interesting, have some challenges, but also there’s going to be some really good learning for people as well. So those sort of combination of things.

Obviously Lings Cars meets all those criteria anyway, so it’s right in the sweet spot.

[00:08:38] Nathan Wrigley: If you haven’t come across the Lings Cars website, dear listener, please pause the podcast now. Just and Google it. Lings, L-I-N-G-S.

[00:08:47] Jamie Marsland: And actually, Lings Cars, has had a lot of people talking about it, because as a piece of design, it has some real. Like I was chatting to Tammie Lister about it the other day. People have written articles about Lings Cars, because it actually works as a piece of design.

It has enormous personality and there’s no other sites really like it, and it’s driving a lot of business to them. So, although I scoff about it, it is, as a piece of web design, it’s very effective.

[00:09:13] Nathan Wrigley: It’s a full assault on the senses in every way, it really does demonstrate what’s possible on the internet.

[00:09:19] Jamie Marsland: My accessibility friends don’t particularly think it’s great, but it has some issues on that regard.

[00:09:25] Nathan Wrigley: Yeah, I would imagine. So, everybody that you’re putting against each other. There’s two people and there’s you sitting in the middle if you like, and they’re trying to do things as rapidly as possible. Now, presumably, a lot of muscle memory for them will come in, they’re just familiar with, okay, I can see that I need to lay out this, I need a sidebar here, and what have you.

Do you get to interrupt and say, wait, hang on, what happened just then? Or do you wait until the 30 minutes is up and then quiz them? Or are you allowed to say just repeat that little bit.

[00:09:54] Jamie Marsland: I interrupt continually, ’cause I think that’s quite interesting. And it puts more pressure on them. And we actually had Nick Diego on a few weeks ago, and he was at, he was answering questions from the live chat about what’s going on in core at the moment, which is just brilliant.

I have this amazing idea that I think I’m going to introduce a bit more jeopardy. So halfway through the build, at some point I’m going to have a siren go off and it’s going to be a change spec request from the customer or something like that. We suddenly veer off in a different direction. Or the customer says, can you make the logo a little bit or something like that.

[00:10:24] Nathan Wrigley: Can you make it pop?

[00:10:25] Jamie Marsland: Can you make it pop? Yeah.

[00:10:27] Nathan Wrigley: Essentially we’re giggling about this because it feels like a lot of fun. And I do wonder, the reason that you’ve brought it into WordCamp Europe, do you have an opinion about that in terms of, do you think that the events could do with livening up a little bit? I mean we all talk about how wonderful WordCamps are. I think it’s fair to say that of us enjoy them when we go there. But do you think they could do with a little bit of excitement, drama, gimmicks, whatever the word is?

[00:10:52] Jamie Marsland: Yeah, I mean it’s not just WordCamp. I think all live events, it’s like worth thinking about, what can you bring to that event that you can’t watch online, that you can’t get if you’re just sitting at home in your office? And I think events like this, you want to be in the room for an event like this, because there’s going to be audience participation. To be in the room is going to be a different experience than watching it on your computer screen, because you can watch the live streams.

And I think the more stuff we can bring that to WordCamps, because for me the real value of WordCamps is the people bit, you know, whether it’s inside or outside. And I think this is going to be highly interactive and fun. So I think, yeah, if we can do more stuff like this, which aren’t traditional kind of event type things, then that’d be great. That said, I have no idea how this is going to go. It might be a complete disaster, in which case, we’ll come back in a month and say, that was a really bad idea.

[00:11:40] Nathan Wrigley: But you’re interested in filling up that room, and trying to get people involved. And, is it going to be a bit more pantomime than workshop? In other words, are you hoping that the crowd will, he’s behind you, that kind of thing? Are you hoping for people to be literally interjecting and yelling out, no, no, no, do it this way, that kind of thing?

[00:11:56] Jamie Marsland: Yeah, absolutely. It’s been a fairly, because I pitched it in, I don’t know, about a month ago. So it’s been a fairly, we’re still working out some technical stuff with the technical team, but, yeah, there’s going to be music, I hope. And a big part of the online ones is that there’s a clock constantly ticking down, that people can see the whole 30 minutes, which just ramps up the pressure. So we need to have a big clock on stage and stuff like that.

[00:12:16] Nathan Wrigley: But the technical aspects, so there’s going to be three people on the stage, your two contestants, for want of a better word, plus you. How is everybody going to be able to see what they’re doing? Are you going to have one big screen on one side, and one big screen on the other, showing what your two contestants are actually doing at that moment?

[00:12:32] Jamie Marsland: To be decided, at the moment. The backstop is that we do it the same way that I do it online, which is I’m kind of operating, and I’m flicking back and forth between the screens. So if we had one screen, it still works, because we can just flick back and forth between, so we can see what Rich is doing, and what Jessica is doing at different times. So ideally we’d have two screens, but I’m not sure at the moment whether that’s technically going to be possible. But we’ll see. I don’t know.

[00:12:56] Nathan Wrigley: So just speak to the actual learning then, because obviously you started this, and it was a little bit of fun. But prior to clicking record, you’ve said that you’d had a few people on who did some fairly remarkable things. Not just in terms of the speed with which they could do it, but also presumably fairly creative. Have you managed to get actual learning out of it, not just purely entertainment?

[00:13:16] Jamie Marsland: Do you mean me as a WordPress user?

[00:13:18] Nathan Wrigley: Well, yeah. Do you feel like your audience are getting something, or does the format kind of lend itself more to entertainment and less to, I don’t know, introspection of what they were actually doing?

[00:13:28] Jamie Marsland: There’s definitely more, if you’re going to have a pie chart, there’s definitely more entertainment than learning. The learning slice is relatively small, but there is a lot of learning. I was, watching, there was a great episode with Fabian and Kim Coleman, and they were incredibly quick, and a lot of that speed was through shortcuts.

So I suddenly, in my personal WordPress usage, I’m now using a lot of shortcuts, and that has saved me a whole bunch of time. The last one was Justin Tadlock and Ben Ritner from Kadence, and they were building the Rolling Stone website. There was quite a lot of complexity in the grid layouts. A lot of people wouldn’t know that stuff, or the feedback I get, don’t know that stuff is possible, and so I think there’s loads of learning.

There’s also loads of learning in terms of what’s possible in Core, and what’s possible in add-on plugins like Kadence. That was really interesting to see that direct comparison of Core can do this much, and it’s because it’s got a query loop block. But the Kadence query loop block is a lot more advanced. So if you really want to go advanced, then that’s an interesting comparison to make.

So I think there is lots of learning, and the feedback we get, because we do a washup after the half an hour is up, where we get the players to go into the front end and then the back end, and talk us through how they built it. I think that’s really interesting.

What they also do is, they always say how they would’ve done it, not just how they did it, how they would’ve done it, or how they do it for clients. Because obviously there’s, nobody’s building sites in 30 minutes for clients. So there’s obviously a big gap between the way they do it on the show and the way they do it in their real life. So they’ll share that, you know, what they would’ve done, the purest way, I guess.

So it’s a bit like speed climbing, if you’ve ever watched that, where you’ve got the wall really, really, quickly, versus the purest sort of alpine climbing. It’s a bit like that. But there’s lots of value in a shorter format.

[00:15:00] Nathan Wrigley: Yeah, just being able to cram that in, and obviously get lots and lots done in a very short space of time, because you’re highly engaged and highly focused on it. And you’ve got the competition of beating your opponent. How has that all gone down? You know, because obviously you could get fairly, well, your ego could be wounded, let’s put it that way. You know, if you really reach a brick wall and you can’t figure out how to progress. Have you had any of that?

[00:15:20] Jamie Marsland: I mean, that’s one of the most amazing things. I’m completely in awe of everyone that comes on the show. Completely in awe, because we are having like 128 people watching live, you are a WordPress professional, and yet you are prepared to go on and give it a bash. I think that’s just an incredible, incredible thing to do. And so I come out and everyone’s done great so far. And even if they don’t do great, I think people are enthralled by watching people that will have a go. And the stuff they’re doing is just incredible.

And these are people that like Ben Ritner’s the founder of Kadence. He’s got an incredibly successful business, and yet he’s coming on for 30 minutes of fun, and we are watching him build a site. And we’ve had lots of these people that are just the top of the game, like Nick Diego and Brian Coords, and Fabian, Kim, and a Rich Tabor this week. And Jonathan Jernigan, these people are like, these are serious WordPress people, and yet they’re prepared to come on, and be prepared to fail. Nobody has, but that’s an incredibly brave thing to do. So I’m completely in admiration of them.

[00:16:14] Nathan Wrigley: Do you have a winner?

[00:16:15] Jamie Marsland: Well, maybe I should do. I haven’t yet. That was the idea. So in the first few I kind of got the people in the live chat to vote, but a lot of them were just voting for the people they liked. It was a bit like a popularity contest. At the moment it’s not necessary, because it doesn’t feel like there is needing to be a winner at the moment. And that’s not really the idea of it, I don’t think.

But that said, I can definitely see where I have a day of, like a world championships of speed building, where there is a sponsor, and there is a prize, and it gets a little bit more competitive. To be honest, I’m just kind of feeling my way in the format. Some people say the format’s too short, and I understand that viewpoint. But it’s short deliberately, because it’s half an hour of people’s time. It’s half an hour of fun. And I don’t want it to be, you know, people’s time is precious, and I think it’s good to have time pressure. But the format may change a little bit, but I don’t foresee it changing a lot of moment. But yeah, no, there’s no real winners at the moment.

[00:17:06] Nathan Wrigley: Do you think WordPress, the ecosystem of WordPress, and I know that you think about this rather a lot, you know, how WordPress pitches itself into the marketplace of website building, amongst commercial competitors like Wix and Squarespace. Do you think WordPress needs something like this? Does it need a bit of a shot in the arm to make it a bit more fun, interesting, entertaining? Do you feel like projects like this give WordPress a bit of a boost, in a way that it may not have had otherwise?

[00:17:32] Jamie Marsland: Oh, I hope so. I do think about this a lot, too much probably. My view on WordPress is it’s this incredibly beautiful, radical idea that was started 21 years ago, and yet some of the content doesn’t reflect that always, especially when it’s compared to its competitors. It’s almost like, I don’t want to be too harsh, but some of the content’s almost like local government type content, in a way. It’s quite dry and technical. So yeah, I think that there is definitely a space to create some more entertaining type, fun content around WordPress, which has kind of been the rationales of my channel anyway.

[00:18:03] Nathan Wrigley: I think also we’re living in an era where, and I don’t actually have any statistics about this, but it feels like the demographics are skewed towards older rather than younger, in adoption of WordPress. And I don’t know what the throughput is of teenagers coming in and being interested by it, but in a generation brought up on platforms like Instagram and TikTok, where entertainment really does directly lead to interest in certain things.

So I can just point to my own children and see, absolutely, the straight line that’s gone from the mobile phone, the silly video that they’ve watched, into something that they’re curious about in the real world. We do need things like that because, well, we have to engage them where they are, and if WordPress as a platform wishes to continue, I suspect we are going to have to do more of these kind of entertaining, interesting, engaging pieces of content.

[00:18:50] Jamie Marsland: I mean there’s a shocking stat, which is, because I’m in a YouTube mastermind group with a few people, and generally the female demographic on YouTube runs about 10% of our audiences. Now, mine’s just gone up to 20%. If you compare that to, my guess is if you compare that to Wix, or Canva, I know Canva is running about 50% female audience, definitely users.

So just from a purely kind of selfish market point of view, WordPress has a big, and I’m not talking about equality here, I’m just talking about if you were trying to reach a market, WordPress has some big challenges in terms of its aging demographic, and its male, female split for sure.

[00:19:25] Nathan Wrigley: So tell us when it’s happening, because I suspect a few people listening to this. We’re going to try to push this out. It’ll come out hopefully before the event, but let’s just imagine a worst case scenario, I fail to do that, and it comes out after the event. But nevertheless, tell us what day it’s on, and if you are in Turin or Torino for WordCamp Europe, when is it happening? What time?

[00:19:44] Jamie Marsland: Okay, yep. So we’re on June the 14th at 5:00 PM, and we’re in track three, which is hall one. So please everyone, come along, pack out the room. It’s going to be loads of fun to finish the day.

[00:19:56] Nathan Wrigley: If this ends up being really, really popular, you are going to be the one event that nobody wants to be in the speaker lineup at the same time as. It would be a little bit like if we put you on at the same time as Matt Mullenweg’s closing address. You can be fairly confident that the, you know, lots of people are going to go in that direction, yeah.

[00:20:12] Jamie Marsland: If it okay as well, I’m hoping that they’ll invite me on all the WordCamps around the world, and this will be part of the, I mean, wouldn’t that be great.

[00:20:18] Nathan Wrigley: Part of the gimmick, yeah. Part of the infrastructure. That would be really nice. Okay, Jamie, we’ve managed to get to about 22 or three minutes there. Is there anything you want to add before we knock it on the head?

[00:20:27] Jamie Marsland: We probably haven’t mentioned who’s actually on it, which is Rich Tabor and Jessica Lyschik, are going to be the two players. So again, an epic battle. We’ve got male, female, we’ve got Europe, USA. What else do you want in 45 minutes of fun?

[00:20:41] Nathan Wrigley: Honestly, it sounds like real entertainment. I hope that it goes well, that there’s no technical gremlins, and that you manage to get through it all, and that it’s an enjoyable experience for you, as well as the audience.

[00:20:52] Jamie Marsland: Honestly, there’s so many moving parts. It’s like juggling while trying to write a speech, and a lot going on.

[00:20:56] Nathan Wrigley: Well, very best of luck. Congratulations for getting this into WordCamp, and hopefully you’ll do many more online in the near future too.

[00:21:03] Jamie Marsland: Cool. Thank you.

On the podcast today we have Jamie Marsland.

Jamie runs a WordPress plugin business and has recently become a full-time content creator on YouTube. You might know Jamie from his popular WordPress speed builds on that channel, where contestants have just 30 minutes to build a website from scratch.

In this episode, we dive into Jamie’s involvement with WordCamp Europe, where he will be bringing this speed build format to the live stage. Contestants will race against the clock to recreate a pre-built website, all while being interrupted with questions from Jamie and the audience.

Jamie shares how this concept evolved from his own website recreations and how it quickly gained popularity within the WordPress community. He talks about the insights and feedback that both participants and viewers have gained from these speed builds, making it more than just a fun challenge.

We also get into the technical aspects of the competition, including what tools and plugins are allowed, and how the time constraints add both pressure and excitement. Jamie discusses the importance of bringing more interactive and engaging content to WordCamp events, hoping to make them more dynamic and participatory in the future.

Towards the end, we talk about how these speed builds can bring a fresh perspective to the WordPress community, potentially attracting a younger, more diverse audience.

If you’re attending WordCamp Europe or you’re just curious about how WordPress can be made fun and engaging, this episode is for you.

Useful links

Jamie’s plugin business

Jamie’s YouTube Channel

Kadence Blocks

Bricks

Beaver Builder

Elementor

Lings Cars website

Gutenberg Speed Build Challenge: A Web Design Duel! at WordCamp Europe 2024

by Nathan Wrigley at June 05, 2024 02:00 PM under wceu

Gravatar: Maximize Engagement with Profile Page Design

Everyone is unique, and our uniqueness is what makes the internet a great (admittedly, sometimes wild!) place. One way users can express individuality on your site is through profile pages, which gives them control over their online information and presentation.

When designing user profiles for your websites or web apps, it’s important to create a clean and user-friendly design. Profile pages are the first point of interaction, setting the tone for the overall experience. A well-designed profile page enhances user satisfaction by providing easy navigation and interaction. It also boosts retention rates by making users feel valued and understood.

Let’s explore the important elements of a well-designed profile page, check out some examples, and see how Gravatar can make things easier!

Essential components of your website’s profile page design

Profile picture or avatar

Upload a profile picture

Allowing users to upload a profile picture is the easiest and most basic way to start a profile page. A profile picture lets someone establish their identity on your website and helps users feel more connected to the platform and each other. 

To maintain consistency, provide guidelines for acceptable image sizes and resolutions. For example, a standard size of 400×400 pixels at 72 DPI is usually sufficient. Ensure content is relevant and follows community standards. A reporting system can create a safe and respectful environment instead of approving profile pictures one by one. This method combines effective moderation with community empowerment.

Name and username

Insert your own name

Deciding whether to display the user’s real name, username, or both is an important aspect of profile page design. This decision impacts personal branding and privacy. For instance, using real names can enhance authenticity, which is beneficial for professional networking. On the other hand, usernames might be better for privacy, making them suitable for social or gaming communities.

Implement validation rules to make sure usernames are appropriate, unique, and memorable. Consider constraints like minimum and maximum character limits, prohibition of offensive terms, and the inclusion of alphanumeric characters only.

For example: 

✅ Allow usernames like LucyMcMuppet

❎ Prevent usernames like LucyXoXoMcMup<3

Bio section

Bio section 

A bio section allows users to introduce themselves, share their interests, or provide a brief professional background. This section adds a personal touch and can be a great way to build connections. 

To maintain consistency and readability, consider implementing character limits (e.g., 150-300 characters) and providing basic formatting options like bold or italic text. This ensures bios are concise and informative without overwhelming the reader.

Interests or skills

Including fields for users to list their interests, skills, or expertise enhances the social aspect of your platform by facilitating connections based on common interests. Implement a system that allows users to select from predefined categories or add custom tags to their profiles. This helps users express themselves and makes it easier for others to find and connect with them based on shared interests or skills.

Contact information

Contact information button

Allow users to provide contact information, such as an email address or social media handles, to enable communication and networking opportunities.

For instance, users should be able to choose whether their email is visible to everyone, only to connections, or kept private. This flexibility helps users feel secure and in control of their information.

Other design elements to make your user profile pages stand out

Incorporating various elements can significantly enhance user experience and engagement when designing user profile pages. However, it’s important to note that these features are unnecessary for every profile template. Choosing to incorporate them depends on the specific kind of website you’re building and the level of interaction between users.

Work information

Incorporating sections for users to show their professional experience, skills, and achievements adds depth to user profiles. Features like timelines, bullet points, or multimedia elements make work history engaging and easy to read. 

Timelines help visualize career progression, while bullet points highlight skills and achievements succinctly. Multimedia elements, such as videos or project images, provide a richer context and make profiles more dynamic.

Verified accounts and essential links

Giving users the choice to show badges or indicators for verified accounts boosts credibility and trust. Verification can involve confirming emails or integrating with social media accounts. For instance, users can link their profile to their Facebook, X/Twitter, or LinkedIn accounts, which helps verify their identity through these established platforms. This assures other users of their authenticity and adds an extra level of security.

Create a system for users to include significant links, such as personal websites, portfolios, or relevant external resources. Using icons or logos to represent various types of links or verified accounts ensures they are easily recognizable and visually appealing.

Customization options

Customization options allow users to personalize the look and feel of their profile pages, increasing their sense of ownership and satisfaction. Let users choose color schemes, layouts, or background images while ensuring these options align with your website’s overall branding and design guidelines. 

Multimedia elements

Incorporate features that let users display their work, portfolios, or media files directly on their profile pages. This is particularly valuable for creative professionals who want to display their projects. 

Make sure that these multimedia elements are optimized for fast display and loading times to maintain a smooth user experience. Use responsive design principles to ensure that multimedia content looks good on all devices.

Privacy and security settings

With 85% of adults worldwide eager to take additional steps in protecting their online privacy, it’s important to ensure that settings are in place so users can control the visibility of their contact details. Implement granular privacy settings that enable users to control the visibility of their profile information to different user groups or the public. 

Follow best practices for data security and privacy to protect user information. This includes using secure protocols for data transmission, regularly updating your security measures, and being transparent about data use policies.

Examples of websites with stunning user profile page design

If you’re looking for some inspiration for beautifully designed user profiles, these websites are great examples. Let’s take a look so you can gather ideas to build a standout profile page template on your own platform. 

Gravatar

Gravatar homepage

Gravatar is an online profile management system widely used by platforms like WordPress.com, GitHub, and Slack. It is a central hub for users to manage their online identity, adding essential information such as their name, location, bio, work details, connected accounts, important links, and contact information.

Contact information in Gravatar

Gravatar profiles form the basis of users’ online identities, enabling integration across various websites. When a user with a Gravatar profile signs up on an integrated site, their profile information is automatically imported, streamlining the registration process. This integration allows websites to design user profiles around Gravatar’s template, customizing it as needed by removing unnecessary elements.

Customization in Gravatar

Simplifying profile management, Gravatar allows users to update their profile image and information from a single location, with changes reflected across all integrated platforms. This ensures consistency and saves users the hassle of updating multiple profiles.

Profile hovercards with Gravatar

As a platform, Gravatar continually redefines user profile design with innovative features like the hovercard feature, available on platforms like WordPress.com and Jetpack. Hovercards provide a quick preview of a user’s profile information when hovering over their Gravatar image, enhancing user interaction and engagement. This feature is one of many that shows how Gravatar pushes the boundaries of profile design, offering a dynamic user experience.

WordPress.com

Michelle Kogan WordPress.com page

WordPress.com user profiles are both functional and customizable, catering to the diverse needs of its users. These profiles allow individuals to manage their personal information, profile pictures, and biographical details easily. Effortlessly integrated into the WordPress ecosystem, these profiles enable users to show their blog posts, comments, and other activities cohesively.

The design of WordPress.com profiles is clean and user-friendly, ensuring easy navigation and updates. Users can quickly access and modify their information, making the experience smooth and efficient. WordPress.com also supports the addition of custom fields through plugins or custom code, allowing for further personalization and detailed data collection. This flexibility allows users to create profiles that truly reflect their unique identities and interests, enhancing the overall user experience on the platform.

Dribbble

Adam Quest Dribbble profile

Dribbble‘s user profiles have been designed to show off the creative work of designers through “shot” thumbnails. These profiles are aesthetically pleasing and highly functional, presenting a designer’s portfolio in an engaging and easily navigable format. Each profile includes statistics, such as the number of likes, views, and comments on their shots, providing insights into the popularity and reach of their work.

Dribbble profiles also highlight a user’s skills and include links to external sites, such as personal portfolios or social media accounts. Dribbble is great for those within the design niche looking to network and get their name out there. 

Behance

Arushie Wing Behance profile

Like Dribbble, Behance‘s user profiles are tailored for creative professionals who want to display portfolios and individual projects. These profiles provide a platform for artists, designers, and other creatives to present their work in an aesthetic and organized way. Each profile features a gallery of projects, allowing users to explore an artist’s body of work easily.

Behance profiles include detailed statistics, such as the number of views, appreciations, and comments on each project. This data offers valuable insights into the engagement and popularity of the user’s work. Another standout feature is the customizable cover image, which allows users to add a personal touch to their profile and make it visually distinctive.

GitHub

Kedasha Kerr GitHub profile

GitHub‘s user profiles are catered to developers, providing a clear and straightforward layout to show their contributions, repositories, and activity. Each profile offers a view of a developer’s work, highlighting their coding projects, collaborations, and overall engagement within the GitHub community.

Features of GitHub profiles include the ability to display followers and following counts, which creates a sense of community and allows users to connect with peers and industry leaders. Additionally, developers can pin their favorite or most significant repositories to their profile, making it easy for visitors to see their best work at a glance.

This structured and minimalistic approach ensures that the focus remains on the code and contributions, providing a valuable tool for the coding community to share their work, track their progress, and engage with other developers. The simplicity and efficiency of GitHub profiles make them a powerful resource for showing technical skills and building professional connections.

Medium

Scott Lamb Medium profile 

Medium‘s user profiles are centered around the content created by the user, prioritizing the display of published articles, claps (similar to likes), and followers. The design ethos is minimalist, focusing on readability and content discovery.

Each Medium profile is a curated collection of the user’s writing, providing readers with easy access to their articles and insights. The clean layout and typography enhance readability, ensuring that the focus remains on the content itself.

By prominently featuring metrics such as claps and followers, Medium profiles offer writers a way to gauge the reception and impact of their work within the Medium community. This feedback loop encourages writers to create engaging content while creating a sense of community and interaction among readers.

Spotify

James Vickery Spotify profile 

Spotify profiles provide a dynamic and interactive platform for users to share their love of music, connect with friends, and discover new artists and songs. Its user profiles offer a preview of users’ music tastes and listening habits, showing their top artists, recently played tracks, and public playlists. The design aesthetic is modern and sleek, with a strong emphasis on music imagery that creates a personalized experience.

The design prioritizes music imagery, with vibrant album artwork and artist photos all over the profile. This visual emphasis creates an immersive user experience, making the profile a reflection of the user’s musical identity.

Take your user profiles to the next level with Gravatar integration

As we’ve seen, user profile design plays a super important role in shaping the overall user experience and creating engagement on your platform. By taking user profile design seriously, you can create a more personalized and immersive experience for your users.

By integrating Gravatar, you can:

  • Centralize profile management: Users can manage their profile information in one place, and updates are reflected wherever their Gravatar is used. This ensures consistency and saves time.
  • Streamline profile creation: New users can quickly set up their profiles by importing their Gravatar information, reducing the friction often associated with the initial sign-up process.
  • Enhance user experience: Consistent and recognizable profile images contribute to a great user experience across different applications and platforms.

Using the Gravatar API for importing profile data helps establish attractive and consistent profile designs. This improves the overall look of your application and guarantees the accuracy of profile information. 

Gravatar’s profile integration is already revolutionizing user profile design for leading websites such as Pocket Casts and WordPress.com. These platforms use Gravatar’s features to enhance user engagement and provide a more dynamic profile experience to users worldwide.

Join the thousands of people customizing their unique profiles today with Gravatar!  

by Ronnie Burt at June 05, 2024 01:01 PM under Guides

Akismet: Lead Generation Forms — 25 Best Practices with Examples

The purpose of a lead generation form is to collect information from people who have the potential to become customers. Seems simple enough, right? 

Well, if you’ve spent any time trying to make this work, you’ve discovered it’s not so simple. People have become quite familiar with filling out online forms. And, they’ve become more wary about giving away their information. 

Those two realities need to guide your thoughts and decisions about how to create and use lead generation forms on your website. People today are more suspicious about online activity than they were 15 years ago, and they are more demanding of what a “good” lead generation form will do and how it will work.

The good news is, companies and website owners also have access to at least two decades of A/B testing data on thousands of websites, plus lots of real‑world experience. So we’ve learned a few things, and there’s a robust body of knowledge about how to create high‑converting lead generation forms. When implemented correctly, these tactics minimize the number of people who turn away for avoidable reasons.

With that in mind, let’s look at 25 lead generation form best practices.

1. Keep it short and simple

Short is good. 

And short applies to all aspects of the lead generation form. Fewer fields to fill out makes for a shorter form. Less text in the headline makes the form look shorter, and makes it easier to digest in a single glance. Shorter call-to-action buttons tend to work better than longer ones. 

Of course, there’s more to all of these aspects than just the length. Testing matters. The point here is, only include in your form what you need to include. Cut the excess. Trim the fat. Discard the non-essentials. 

In other words, keep it simple. Short is good. Simple is better. Sometimes simple might mean a slightly longer lead generation form. But whatever results in the easiest possible user experience is probably the better way to go.

2. Use a benefit‑oriented headline

The worst kinds of headlines on lead generation forms say some variation of this:

“Join our newsletter!” The exclamation point isn’t going to make the difference here.

In all seriousness, if the rest of your website is doing its job, some people will join your email list and fill out your forms even with a generic headline like this. But more people will respond if you write a headline on your form that provides a benefit for filling it out.

Some companies hear this, and they change their headline to “Join our newsletter to stay updated,” or “Get the latest news — join our email list.”

You can do better.

What are the real benefits to filling out your form? Since most forms connect people to your email list, we’re using that as the example for most of these tips. But some forms have other purposes, like registering for a webinar, getting notified when a new product’s released, or becoming a member. 

Whatever the purpose of your lead generation form, spell out a key benefit in the headline. Promise something your target audience will want. For example:

  • Stay ahead of the stock gurus when you join our newsletter
  • Become a master gardener with weekly emails
  • Get exclusive email-only deals 

You can also include the benefit in the name of your newsletter. Give your email subscriber list a cool name that will resonate with your target audience. It’s no longer just your “email list” or “newsletter” anymore. Now, it’s The Market Leader’s Daily Tips, The Weekly Green Thumb, or the VIP Insider Track.

Those are just quick examples, of course. You can probably do even better. But your target audience will respond more favorably and in greater numbers to a cleverly-named email list. It feels more unique, tailored to them, original, desirable, established, and credible. 

3. Include a clear value proposition

The value proposition is similar to a benefit, except now it’s one of your foundational attractions to your target customers and leads. 

You’re promising to solve a problem they care about, answer questions that matter to them, or deliver an outcome they desire, and you’re doing this by spelling out exactly what they get for filling out your form.

One great way to do this is to offer something tangible in exchange for joining your email list. This could be a PDF like an eBook or a special report that delivers an instant reward of great value. It could be a special coupon or offer for new customers. Find something your target audience desires, and give it to them as a reward. 

You can also make a promise, without taking it too far. For example, Get Daily Writing Tips to Become a Best-Selling Author. 

In that example, the value proposition is right in the headline — it’s the thing that your target audience wants most. 

If it’s a webinar, specify that signing up reserves their spot, and include a core value proposition that the webinar will deliver. If it’s a free course, say when they have access to the course. If it’s a coupon, say when the coupon becomes active — “Sign up and save 20% instantly”.

4. Feature action‑oriented language

If you look back over the examples from the previous sections, you’ll notice lots of active verbs:

  • Sign up
  • Get 
  • Access
  • Stay ahead
  • Become

You want your leads to do something, take action, seize the moment, grab the benefit, take a chance, be the first. Action-oriented language is more compelling, especially in your call-to-action buttons, but also in your headlines and subheadings if you use one. 

5. Use contrasting colors

So far, we’ve been talking mostly about the text and content, as well as the offer you’re making to your prospects when they fill out your lead generation form.

But design matters, too. Contrasting colors get more attention than colors that blend in with the rest of your website. Online forms have become commonplace, and it’s very, very easy to gloss over them and not even notice. They blend in with the background noise we’re all used to seeing.

Your lead generation forms need to stand out from the surrounding colors. You may have rarely used, but still approved, accent brand colors in your guidelines. This is the time to use them. 

6. Avoid CAPTCHA

CAPTCHA is a form‑conversion destroyer. One study found that an astonishing 30% of visitors abandon lead generation forms because of CAPTCHA.

That’s serious short-term revenue if your lead generation tool incentivizes an immediate purchase. And it’s serious long-term revenue if your leads turn into repeat customers with high lifetime value. 

The problem is, you don’t want hordes of bots and scammers filling out your forms and gumming up your database with non-leads. That just annoys your sales team, when they first glance at the database and see 200 new leads, only to discover that 160 of them are spammers. 

A better way?

Use Akismet, a frictionless solution that blocks spam form submissions using an ever‑growing AI‑guided database of IP addresses, email addresses, words, and names. To date, this powerful alternative to CAPTCHA technology has blocked over 500 billion spam submissions. 

stats about Akismet spam

Plans are competitively priced (especially when you understand their instant positive impact on your bottom line) and Akismet also has an enterprise version for larger companies. 

7. Include social proof

Remember, you want to keep your lead generation forms short and simple. But you also want people to fill them out. Social proof is a powerful tool because it motivates and reassures at the same time. 

For lead generation forms, the best testimonials will be short sentences, even just a few words or excerpts from longer ones. And as for placement, they work best near the call to action (CTA) button. Anyone hovering in that area has filled out the form and is now deciding whether to actually click the button.

Effective social proof can help push them to take action. 

8. Add trust signals

With so much spam and cybercrime, establishing trust online has become harder. There are some trust signals you can employ that reassure potential leads that you are a legitimate business or organization. 

The most common trust signals include security certifications and noticeable privacy policies.

A security certification is typically just the logo of whatever online security or malware protection service you might be using. Most such services include a logo as part of their service for exactly this reason, and because it serves as marketing for them. 

And privacy policies serve as a confirmation that your company cares about the data of customers and leads. Few people will read your policy, so for most leads, the mere display of one accomplishes the goal of increasing trust in the reliability of your lead generation form.

9. Ensure mobile‑friendliness

By this point in the digital age, this should go without saying. But make sure your lead generation forms look right and function well on mobile devices. In addition, make sure the web pages on which they appear function, too. 

You need the lead gen form to show up on the mobile device in the appropriate place and at the appropriate time. It is a featured asset, not just background. It should not be possible to miss it.

So make sure your forms show up and can be easily filled out and navigated on mobile devices.  Test this. Once your form is up, get on a variety of mobile devices and see if it’s working. 

10. Minimize distractions

The form itself is a “content sanctuary.” Only vital and relevant text or imagery should be allowed in. 

But the areas near your form should also be guarded closely. Busy websites with tons of features can be okay, but the form should not be buried in the midst of other content and widgets. 

For example, you may have sections on your website with testimonials, screenshots, videos, photos, and text boxes. You might be using tables to compare the features of your various plans and products. 

These are not the place for your lead generation forms. 

The form needs to break the flow of whatever else is on the web page. 

If you have a sidebar, don’t make the form just one of many things on the sidebar. Make it the only thing, at least in that section of the sidebar. 

If you want to put forms in the middle of blog articles and web pages, don’t wrap the text around the form. Make the form the featured and centered item wherever it appears. 

The idea is — make it impossible to miss. Yes, some visitors and potential leads will ignore your forms, but at least make sure they’ll see them.  

11. Use descriptive labels

Make sure the labels for your form fields are clear and accurate. ‘First name’ is probably better than ‘First’, for example.  Yes, most people know what the single word means, but you have to remember that the internet is for everyone. You have people from all sorts of educational backgrounds, all languages, and countries all over the world. 

Your target audience plays a role in this, of course, but when in doubt, it’s best to be clear and not invite any confusion or uncertainty into the process of filling out lead generation forms.

And make sure it’s clear which label applies to which field. It’s better to put the label next to the form field, rather than above or below it. 

12. Utilize a single‑column layout

It’s been generally accepted for a while that single‑column forms work better than two‑column forms. Studies like this one have found that single‑column forms get completed much faster. Quicker form completion implies higher conversions.

So, when in doubt, use single column forms.

However, just about any lead generation form best practice needs to be taken with this caveat: Test everything to be sure. 

For example, this HubSpot study details their own experience with switching to a two-column form. When they tested it, the two-column version got higher conversions. But the likely reason for this is that their form is quite long. 

The single column version looks much longer and thus probably intimidated more people from filling it out. The two‑column one can be more easily seen in its entirety. With shorter forms, single‑column should outperform two‑column almost every time.

However, on mobile devices, two‑column forms are more difficult to make work because of spacing, so your form needs to be well‑designed and tested for all screen formats. Interestingly, Hubspot later altered their form to include elements of both one and two‑column formats.

13. Minimize mandatory fields

Every lead generation form has a purpose. If you’re just collecting email addresses and trying to build your list, you don’t need very many forms because you can collect more information about your subscribers through additional marketing offers. You can qualify leads over time.

Other companies prefer to get more information up front to save themselves the trouble of having huge lists with mostly unprofitable leads. 

In either situation, you want to try to minimize the number of mandatory fields. What do you really need to know, and what would it be nice to know? For the nice to know stuff, you might keep the field in your form, but consider making it non-mandatory. That way, leads who want to quickly move through your form can do so. 

For example, do you need a last name? In some cases you do, but in many, you don’t. It might be nice to have, but it’s definitely asking more of a lead to divulge that information than just their first name. Do you really need a country or a city? Do you really need both a home and work phone number? 

Reduce your form fields, and your form will get filled out by more leads because it will be less intimidating. 

14. Avoid dropdowns

Dropdown menus have a host of problems, which have been exposed through a series of studies on the topic. 

With long dropdown menus, such as country selections, you can’t see all the options, and it can be difficult to scroll through the list since every device works differently. The experience often frustrates users, and they end up skipping it altogether. 

With short dropdown menus, the question becomes, why not just offer radio buttons instead?

You can see all the choices and just pick the one you want. On a mobile device in particular, dropdowns are much more difficult to navigate than simple radio choices.

And for countries, the study recommends just using an autocomplete field. As the user begins typing their country, possible matches will quickly narrow down to the obvious choice. 

Dropdown menus are distracting, hard to navigate, and reduce the quality of the user experience. None of that can be good for your conversion rate.

Opt for radio buttons, checkboxes, autocomplete fields, or just leaving that field off your form.

15. Use inline validation

This is a surefire winner. 

Inline validation isn’t a very appealing term, but it definitely does wonders for your conversion rates. Why? Because it shortens completion time, increases information accuracy, and makes your leads happier. 

One study of inline validation found a 22% decrease in form field errors, a 31% increase in satisfaction, and a 42% drop in completion times, among other benefits. 

What is inline validation?

It’s a tool that detects if information a user has entered is probably incorrect. For example, putting two @ symbols in your email address, or a phone number with an extra digit can be detected by inline validation software. A note shows up in the form, telling the user they may have made a mistake. 

You can see why this would reduce errors, but why does it decrease completion time?

Because the alternative form of validation is to wait until the form is all filled out, and then hit them with a bunch of red marks pointing out the fields that aren’t correct. Now, they have to revisit them all, which takes much more time, and is a frustrating experience that brings back memories of red ink in your schoolwork.

Plus, if you’re using multistep forms, having to go back several steps to correct errors is cumbersome and frustrating. 

Inline validation eliminates most of these problems, making the whole experience of completing a web form easier and better for everyone.

16. Activate autofill

This was mentioned earlier, but it qualifies as its own lead generation form best practice. The reason is again because of the time it saves the user. Autofill lets you input common information that shows up frequently or is associated with other information. 

If the user is new to the website, you can still autofill things like the email mailbox such as ‘yahoo.com.’ Once they type in the @ and the ‘ya’, you know what the rest will likely be. Autofill accelerates the process for fields with characteristics like this. And it can even work for fields with information unique to your website.

For instance, a form could ask its leads what kind of car they drive. There are only so many makes and models, and autofill can accelerate the process. 

Autofill can also work for visitors who have been to your site before (or have stored, and allow access to, certain information saved in their browser). It can fill in their information, such as cities, zip codes, and phone numbers, saving them lots of time tediously filling these out again and again. 

Autofill will speed up form completion, and it will also increase form conversion rates.

17. Use progress indicators

Especially for multistep forms, the progress indicator bar across the top of the form builds momentum for the user as they see it get closer and closer to the other side. Humans like closure. We like finishing things. It feels faster when you can see the visual effect of your progress reacting in real-time to what you’re doing. 

example of progress bars

Users think, “I’m already this far along, no reason to quit now”. 

18. Switch to multistep forms for longer processes

We’ve brought up multistep forms a few times already. For longer forms, especially combined with progress bars, this approach tends to work much better because it simplifies the experience of filling out a form by breaking it down into manageable steps. 

Instead of a form with 20 fields, the user can fill out five smaller forms with just four fields each. It’s much less intimidating because each step requires just a few items. And with the progress bar, the whole experience feels faster than if you had to do it all in one form. 

Plus, with mobile devices, you can’t even see the entire form on your screen if it’s too long. That makes it even harder to tell how much more you have to do. And the scrolling invites usability frustrations. But with a multistep form on mobile, you can see the entire form for each step, the whole way through.

One site discussed here increased its conversion rate from 11% to 46% when they switched from a single form to a multistep form. If you have a long lead generation form, that ought to get your attention and motivate you to make this change immediately. 

19. Highlight the benefit in the CTA

Returning to your lead generation form copy, the text you use for the CTA button should be carefully chosen. Don’t settle for bland and overused calls to action like “submit”, “join now”, or “subscribe today!” Again, the exclamation point doesn’t help such a cliché CTA. 

Your lead generation form is making a promise and asking people to do something — reveal personal information and enter your circle of influence. They’re opting in to receive marketing from you, and they know it. That’s not a small thing. 

With action-oriented, benefit-focused CTA button copy, you can make them feel great about the decision to click that button and engage with your website. 

The earlier tip about action‑oriented language applies here too, except with buttons — try to keep the text brief. You can also personalize the button text with first person language, so the reader puts themselves in the situation. Here are some examples of great CTA button copy:

  • Get my free report
  • I’m in! Send my VIP access code
  • Grab your coupons
  • Gain access to exclusive deals
  • Stake my claim
  • Start your subscription today

20. Incentivize immediate action

Within your forms, either in the CTA button, the headline, the subhead if any, or perhaps a phrase right below the button, do what you can to add urgency to your form. So many website visitors never return again, so this is your only chance to capture most of the people who will see your lead generation forms. 

There’s no reason to be timid about it. Offer a limited time special, free bonus, or valuable promise. Use language like now, today, immediately, and right away. There’s no reason to wait because waiting will mean, most likely, never. 

21. Ensure form accessibility

Accessibility is all about ensuring that all potential leads, regardless of any impairments or cognitive differences, can interact with your form. 

For example, there are far more people with some sort of visual impairment than you may realize. About a quarter of U.S. adults over the age of 71 have some sort of impairment. In many of these cases, text on screen becomes harder to read or colors may blend together. 

So ensure your forms work with screen readers. Consult color contrast guides and make sure your page complies. Enlarge the text on your page, label form fields appropriately, and use helpful alt text. 

Overall, look to the WCAG for accessibility guidelines that aim for everyone to use your site to its full potential and become a quality lead.  

22. Boost page load times

Improving page speed always helps website engagement, including with your lead generation forms. The longer it takes for your pages to load, the more people will abandon the site. And mobile tends to be slower than desktop for many sites. 

Use a tool like Page Speed Insights to find out what you can do to speed up your website, for both desktop and mobile. 

Jetpack Boost homepage

WordPress sites can turn to Jetpack Boost for near instant performance analysis and automatic improvements.

23. Offer real‑time assistance via live chat

For website visitors who get stuck on some part of your form but are motivated to fill it out, having a live chat service can bridge the gap and be the difference between a potential lead filling out your form or walking away.

If you have high website traffic, a service like this could make a big impact on your form conversion rates.

24. Optimize the confirmation page

So far, everything you’ve seen here has involved the lead generation form itself. But lead generation doesn’t stop once someone fills out your form. That’s just the beginning. If you burn them out or turn them off the next day, no one benefits.

You want to continue to deliver an excellent user experience from the moment the person has filled out your form. 

It begins on the confirmation page. After a new lead has filled out your form, sustain the momentum by putting a lot of thought into the confirmation page. Too many lead generation forms just leave the default text in place, which is usually….awful.

Switch that out for something better. A few suggestions:

  • Thank them! This should be impossible to miss, right at the top of the confirmation page
  • Reinforce the decision they just made to join your list by restating the benefit or promise they will receive
  • Give any instructions they need to claim their benefit, get started, or take the next step
  • Consider including an upsell right here and turn your new lead into a customer
  • Include a link that takes them somewhere else on your site to keep them engaged

If you offered a lead magnet of some sort, that should be featured prominently on your confirmation page. This is often the thing they want most, and it’s the main reason they joined or filled out your form. So don’t hide it. Don’t make them click through a bunch of hoops to get it. 

If you want to offer upsells or other options for things to do next, that’s fine, but make sure they get what they want without any hassle. 

25. Follow up promptly

After the new lead has completed your form and gotten past your confirmation page, keep them engaged and continue to build on your new momentum. 

You should be sending out an automated welcome email that thanks them again and gives more information about whatever they just signed up for. You could also send a welcome series, which can introduce them more to your brand, point them to other products and services, give them a sense of your brand voice and personality, and make them feel part of a community if that’s relevant to your form. 

You can also use SMS in a similar way, as long as you get explicit permission to use this channel. 

And if you got their mailing address, you could also ship them something, even as simple as a thank you card. Again, the more they feel wanted, respected, and valuable, and the more you deliver on what you promised, the happier they’ll be to continue receiving your marketing. 

For higher‑priced lead generation processes, you might consider a follow‑up phone call to new leads. Email and SMS are great, but if you’re selling high‑ticket items, the more personal you can get, the better.

Examples of great lead generation forms in action

A few forms that employ the lead generation form best practices you’ve just read about are on display below.

Use these lead generation form examples to inspire you to spruce up your forms and increase your conversion rates. 

example of lead gen forms from Empire Flippers

Empire Flippers

This multistep form from Empire Flippers uses a progress bar and inline validation to increase completion rates and reduce errors. It also features some credibility statistics at the bottom of the form, serving as trust signals that this is a reputable company that delivers results.

short, concise contact form example

Sam Vanderwielen

This form is short and simple, and uses all the copywriting best practices discussed earlier. It has a benefit-oriented value proposition and headline, offers a lead magnet in the form of an online course, and uses a personalized CTA button. The button copy could be better though — something like ‘Join the Course’ or ‘Show Me How’ would work better. It also uses descriptive labels and makes the phone number optional. 

It also avoids CAPTCHA, eliminating that potential conversion destroyer.

CTA for a free kitchen garden planning guide

Urban Taproots

This form collects leads for a gardening coach, and offers a free 24-page kitchen garden planning guide. The form even lists four desirable elements of the guide, and includes a nice cover image. The headline uses action-oriented language. The CTA button isn’t benefit-oriented, but it is specific to what will happen when you click it. And the form is just about as short as you can get, asking only for a first name and email. 

Frequently asked questions

What are common mistakes when creating a lead generation form?

Many websites include too many fields, and make too many of them required when they could be optional. Other mistakes include making the form too long when a multistep form could simplify it, using CAPTCHA, using ineffective dry language, burying the form, so most website visitors overlook it, and having ineffective or non-existent follow-up. 

Should I use CAPTCHA to protect my form from spam?

No. CAPTCHA has been shown to negatively impact form conversion rates. CAPTCHA adds frustration to the form completion process and lowers conversions by 3.2%.

What is Akismet, and how can it improve my lead generation form conversion rate?

Akismet offers a frictionless approach to protecting your forms from being filled out by spammers and bots. It blocks IP addresses, email addresses, and names known to be associated with spammers using a continually‑growing database and AI analysis.

What types of companies generally use Akismet?

Akismet is used by companies of all sizes, from small businesses to large multinational corporations. 

What is the ideal number of fields for a lead generation form?

There is no ideal number of fields. It depends on the purpose of your form, the type and quality of leads you are attracting, your target audience, the price point of your products and services, and more. The general rule is to use as few fields as you need, and keep the non-essential ones optional. 

How does the placement of a lead generation form affect its performance?

Your form needs to be visible and impossible to overlook. It should not be placed too close to other items that will clutter up the experience and make it easy to miss. You can place it on the page in multiple locations such as at the top, on a sidebar, in the middle, or at the bottom. You can also feature multiple CTA buttons that all link to the same form. 

Can the design of a lead generation form impact user engagement?

Yes, forms that have poor color contrast, unclearly labeled form fields, poorly sized buttons, and too much clutter can make them harder to engage with. Plus, features like dropdown menus and two‑column forms can make it harder to complete a form, especially on mobile devices.

What types of questions should be avoided in a lead generation form?

Avoid questions asking anything you don’t really need to know at this point in the lead generation process. Unless you need it to qualify leads at the very beginning of the process, leave those questions for later. 

How can A/B testing improve the effectiveness of lead generation forms?

As long as your website gets enough traffic to conduct a statistically valid A/B test, this is the best way to determine which form features and details are most effective on your website, with your target market. Simply create two forms that are different in just one key detail, make it, so each one shows up during the testing phase, and see which one gets higher conversion rates. Then, take the winner, change another aspect of it, and run another test to continue improving the form.

What strategies can be employed to reduce form abandonment?

You can reduce form abandonment by using multistep forms, inline validation, autofill, single‑column layout, progress bars, benefit‑oriented language and headlines, an inspiring offer, and fewer fields.

How does the copy (text) on and around the form affect conversions?

Good copy motivates leads to want whatever your lead generation form promises. All copy should point to the same place — fill out this form and get what you want. 

Akismet: The #1 anti‑spam solution for businesses and marketers

Akismet helps your lead generation forms perform as they should, without spammers and bots ruining the party. Our frictionless software prevents spammers from filling out your forms and making you wade through hundreds or thousands of fake signups. 

And it does this without requiring the use of any silly CAPTCHA puzzles that just annoy everyone and make your leads feel like you don’t want them to fill out your forms. 

Get Akismet.

by Jen Swisher at June 05, 2024 01:00 PM under General

Do The Woo Community: Exploring Web Accessibility Success and Strategies with Christian Behrends

Join Anne, Taeke, and Christian Behrends on the Do the Woo Accessibility podcast as they chat about web accessibility, share success stories, and provide valuable resources.

by BobWP at June 05, 2024 09:12 AM under Accessibility

June 04, 2024

WordPress.org blog: WordPress 6.6 Beta 1

WordPress 6.6 Beta 1 is here! Please download and test it.

This beta version of the WordPress software is under development. Please do not install, run, or test this version of WordPress on production or mission-critical websites—you risk unexpected results if you do.

Instead, install Beta 1 on local sites and testing environments in any of these four ways:

PluginInstall and activate the WordPress Beta Tester plugin on a WordPress install. (Select the “Bleeding edge” channel and “Beta/RC Only” stream).
Direct DownloadDownload the Beta 1 version (zip) and install it on a WordPress website.
Command LineUse this WP-CLI command:
wp core update --version=6.6-beta1
WordPress PlaygroundUse a 6.6 Beta 1 WordPress Playground instance to test the software directly in your browser. This might be the easiest way ever—no separate sites, no setup. Just click and go! 

The scheduled final release date for WordPress 6.6 is July 16, 2024. Your help testing Beta and RC versions over the next six weeks is vital to making sure the final release is everything it should be: stable, powerful, and intuitive.

How important is your testing?

Features in this Beta release may be changed or removed between now and the final release. Early attention from testers like you is critical to finding and reporting potential bugs, usability issues, or compatibility problems to make sure developers can address them before the final release. You don’t need any contribution experience, and this is a fantastic way to begin your WordPress contributor story!

If you find an issue

If you run into an issue, please share it in the Alpha/Beta area of the support forums. If you are comfortable submitting a reproducible bug report, you can do so via WordPress Trac. You can also check your issue against a list of known bugs.

Want to know more about testing in general, and how to get started? Follow the testing initiatives in Make Core and join the #core-test channel on Making WordPress Slack.

Like every version since 5.0 in 2018, WordPress 6.6 will integrate a host of new features from the last several releases of the Gutenberg plugin. Learn more about Gutenberg updates since WordPress 6.5 in the What’s New in Gutenberg posts for versions 17.8, 17.9, 18.0, 18.1, 18.2, 18.3, and 18.4. The final version will also include Gutenberg 18.5; the Beta 2 post will link to that.

WordPress 6.6 Beta 1 contains 97 enhancements and 101 fixes for the editor, in a total of about 206 tickets for WordPress 6.6 Core.

The vulnerability bounty doubles in the beta period

The WordPress community sponsors a monetary reward for reporting new, unreleased security vulnerabilities. That reward doubles during the period between Beta 1 on June 4 and the final Release Candidate (RC) that will happen June 25. Please follow the project’s responsible-disclosure practices detailed on this HackerOne page and in this security white paper.

What’s coming to WordPress 6.6?

This year’s second major release is about polish and finesse. Features that landed in the last few releases have new flexibility and smoother flows—and a few new tricks. And of course there are a few brand-new features.

Data Views updates

Part of the groundwork for phase 3, Data Views get new and improved experience of working with information in the Site Editor. A new layout consolidates patterns and template parts, gets you to general management views in fewer clicks, and packs in a wide range of refinements.

Overrides in synced patterns

What if you could keep a synced pattern‘s look and feel everywhere it appears—keeping it on brand—but have different content everywhere it appears?

For instance, maybe you‘re building a pattern for recipes. Ideally, you want to keep the overall design of the recipe card consistent on every post that will have a recipe. But the recipe itself—the ingredients, the steps, special notes on technique—will be different every time.

And perhaps, in the future, other people might need to change the design of the recipe pattern. It would be nice to know they can do that, and that the content in existing recipes will stay right where it is.

In version 6.6, you can make all that happen, and overrides in synced patterns are the way you do it.

See all the blocks

Up to now, when you had a block selected and then opened the block Inserter, you only saw the blocks you were allowed to add to your selected block. Where were all the others?

In 6.6, when you have a block selected, you get two lists. First, there’s the list of blocks you can insert at your selected block. Then you get a list with all the other blocks. So you can get an idea of what you can use in your selected block, and what other blocks you could use in another area. In fact, if you select a block from that second list, WordPress 6.6 will add it below your block, to use in whatever you build next.

A new publish flow

Version 6.6 brings the post and site editors closer together than ever. So whether you’re writing for a post in the post editor or a page in the Site Editor, your experience will be about the same.

Style variations

If a block theme comes with style variations, 6.6 vastly expands your design options right out of the box, without installing or configuring a single thing. Because in 6.6, your theme pulls the color palettes and typography style sets out of its installed variations to let you mix and match for a whole world of expanded creative expression.

Section styles

Do you build themes? Now you can define style options for separate sections of multiple blocks, including inner blocks.

Then your users can apply those block style variations to entire groups of blocks, effectively creating branded sections they can curate across a site.

A note about CSS specificity

To make it easier for your variations to override the global styles CSS, those styles now come wrapped in `:root`. That limits their specificity. For details, read the full discussion on GitHub.

A native Grid layout

Grid is a new variation for the Group block that lets you arrange the blocks inside it as a grid. If you’ve been using a plugin for this, now you can make your grids natively.

Better pattern management in Classic themes

You heard right: You can do everything with patterns in Classic themes that you can in a block theme. You can see all the patterns available to you in a single view and insert a pattern on the fly.

Negative. Margins.

They’re here: negative margin values, so you can make objects overlap in your design. As a guardrail, you can only set a negative margin by typing an actual negative number, not by using the slider. That’s to keep people from adding negative values they didn’t intend.

Rollback auto-updates

Now you can have the convenience of setting all your plugins to auto-update and the inner peace you get from knowing that if anything goes wrong, 6.6 will do a rollback. Automatically.

This post reflects the latest changes as of June 4, 2024.

Again, the features in this first beta may change, based on what testers like you find.

Get an overview of the 6.6 release cycle, and check the Make WordPress Core blog for 6.6-related posts in the next few weeks for further details.

Just for you: a Beta 1 haiku

Negative margins
Embellish all the new ways
To design and build

Thanks very much to @meher, @audrasjb, @fabiankaegy, @colorful-tones, @davidbaumwald, @dansoschin, @desrosj, @atachibana, @ehtis, @adamsilverstein, @joedolson, and @webcommsat for reviewing and collaborating on this post!

by marybaum at June 04, 2024 05:44 PM under releases

Follow our RSS feed: 

WordPress Planet

This is an aggregation of blogs talking about WordPress from around the world. If you think your blog should be part of this site, send an email to Matt.

Official Blog

For official WordPress development news, check out the WordPress Core Blog.

Subscriptions

Last updated:

June 19, 2024 01:30 AM
All times are UTC.