Congratulations!

[Valid RSS] This is a valid RSS feed.

Recommendations

This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations.

Source: http://planet.wordpress.org/feed/

  1. <?xml version="1.0"?>
  2. <rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
  3.  
  4. <channel>
  5. <title>WordPress Planet</title>
  6. <link>http://planet.wordpress.org/</link>
  7. <language>en</language>
  8. <description>WordPress Planet - http://planet.wordpress.org/</description>
  9.  
  10.  
  11. <item>
  12. <title>Jonathan Desrosiers: How a Core Committer Thinks: Making Decisions for Millions</title>
  13. <guid>https://jonathandesrosiers.com/?p=4970</guid>
  14. <link>https://jonathandesrosiers.com/2025/06/how-a-core-committer-thinks-making-decisions-for-millions/</link>
  16. <description>&lt;p class=&#34;&#34;&gt;I just left the stage in Basel after giving my talk at &lt;a href=&#34;https://jonathandesrosiers.com/2025/04/speaking-at-wordcamp-europe-2025/&#34;&gt;WordCamp Europe&lt;/a&gt;. I am really happy with how it turned out, and I hope others found it insightful. There are some points that have stuck with me that I plan to dive into a bit deeper here on my blog in the coming weeks.&lt;/p&gt;
  17.  
  18.  
  19.  
  20. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;h-further-reading&#34;&gt;Further Reading&lt;/h2&gt;
  21.  
  22.  
  23.  
  24. &lt;p class=&#34;&#34;&gt;In my session, I covered how the WordPress philosophies and other Open Source decision making frameworks apply to evaluating suggested changes as a Core Committer. If you found yourself wanting to learn more, the philosophies of the WordPress project are largely adapted &lt;a href=&#34;https://ometer.com/features.html&#34; rel=&#34;nofollow&#34;&gt;from some&lt;/a&gt; &lt;a href=&#34;https://ometer.com/free-software-ui.html&#34;&gt;essays&lt;/a&gt; by &lt;a href=&#34;https://en.wikipedia.org/wiki/Havoc_Pennington&#34;&gt;Havoc Pennington&lt;/a&gt;.&lt;/p&gt;
  25.  
  26.  
  27.  
  28. &lt;p class=&#34;&#34;&gt;These concepts are also detailed in &lt;em&gt;&lt;a href=&#34;https://producingoss.com/&#34;&gt;Producing Open Source Software: How to Run a Successful Free Software Project&lt;/a&gt;&lt;/em&gt; by &lt;a href=&#34;https://www.red-bean.com/kfogel/&#34;&gt;Karl Fogel&lt;/a&gt;. My talk submissions are sometimes a way to promote exploring a subject that I am interested in more deeply. While I use the concepts in this talk at depth every time I work on WordPress, this was definitely one of those cases (&lt;a href=&#34;https://amzn.to/4jC38Oc&#34; rel=&#34;sponsored nofollow&#34;&gt;I&amp;#8217;ve had the paperback version&lt;/a&gt; of Fogel&amp;#8217;s book on my desk for longer than I&amp;#8217;d like to admit).&lt;/p&gt;
  29.  
  30.  
  31.  
  32. &lt;p class=&#34;&#34;&gt;WordPress Lead Developer Andrew Nacin also expanded on the topic a bit in his &lt;em&gt;&lt;a href=&#34;https://nacin.com/2014/02/07/how-wordpress-chooses-committers/&#34;&gt;The qualities of a great WordPress contributor&lt;/a&gt;&lt;/em&gt; post on his blog.&lt;/p&gt;
  33.  
  34.  
  35.  
  36. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;h-watch-the-replay&#34;&gt;Watch the Replay&lt;/h2&gt;
  37.  
  38.  
  39.  
  40. &lt;p class=&#34;&#34;&gt;If you missed my talk live, you can watch the replay of the live stream. I’ve included it below and set the video to start when I took the stage. &lt;/p&gt;
  41.  
  42.  
  43.  
  44. &lt;figure class=&#34;wp-embed-aspect-16-9 wp-has-aspect-ratio wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube&#34;&gt;&lt;div class=&#34;wp-block-embed__wrapper&#34;&gt;
  45.  
  46. &lt;/div&gt;&lt;/figure&gt;
  47.  
  48.  
  49.  
  50. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;h-slide-deck&#34;&gt;Slide Deck&lt;/h2&gt;
  51.  
  52.  
  53.  
  54. &lt;p class=&#34;&#34;&gt;And here&amp;#8217;s my slide deck if you wish to follow along.&lt;/p&gt;
  55.  
  56.  
  57.  
  58. &lt;div class=&#34;wp-block-file&#34;&gt;&lt;a href=&#34;https://jonathandesrosiers.com/wp-content/uploads/2025/06/How-a-WordPress-Core-Committer-Thinks_-Making-Decisions-for-Millions-WCEU.pdf&#34; id=&#34;wp-block-file--media-ab0df3aa-ec7d-409a-9361-6f95058bab9f&#34;&gt;How a WordPress Core Committer Thinks_ Making Decisions for Millions &amp;#8211; WCEU&lt;/a&gt;&lt;a class=&#34;wp-block-file__button wp-element-button&#34; href=&#34;https://jonathandesrosiers.com/wp-content/uploads/2025/06/How-a-WordPress-Core-Committer-Thinks_-Making-Decisions-for-Millions-WCEU.pdf&#34;&gt;Download&lt;/a&gt;&lt;/div&gt;
  59.  
  60.  
  61.  
  62. &lt;p class=&#34;&#34;&gt;&lt;/p&gt;
  63. &lt;p&gt;The post &lt;a href=&#34;https://jonathandesrosiers.com/2025/06/how-a-core-committer-thinks-making-decisions-for-millions/&#34;&gt;How a Core Committer Thinks: Making Decisions for Millions&lt;/a&gt; appeared first on &lt;a href=&#34;https://jonathandesrosiers.com&#34;&gt;Jonathan Desrosiers&lt;/a&gt;.&lt;/p&gt;</description>
  64. <pubDate>Fri, 06 Jun 2025 16:21:02 +0000</pubDate>
  67. <dc:creator>Jonathan Desrosiers</dc:creator>
  69. </item>
  70.  
  71. <item>
  72. <title>Do The Woo Community: Press Release: Do the Woo Rebrands to OpenChannels.fm</title>
  73. <guid>https://openchannels.fm/?p=97748</guid>
  74. <link>https://openchannels.fm/press-release-do-the-woo-rebrands-to-openchannels-fm/</link>
  76. <description>Do the Woo has rebranded as OpenChannels.fm, expanding its podcast community to cover various aspects of the open web, while still celebrating WooCommerce as a core focus. It&#39;s all about diverse voices.</description>
  77. <pubDate>Fri, 06 Jun 2025 08:55:00 +0000</pubDate>
  80. <dc:creator>Bob Dunn</dc:creator>
  82. </item>
  83.  
  84. <item>
  85. <title>Do The Woo Community: The Rebrand: Do the Woo is now OpenChannels.fm</title>
  86. <guid>https://openchannels.fm/?p=97880</guid>
  87. <link>https://openchannels.fm/the-rebrand-do-the-woo-is-now-openchannels-fm/</link>
  89. <description>So, the podcast &#34;Do the Woo&#34; is now &#34;OpenChannels.fm&#34;! It’s a cool rebrand to reflect their broader focus on WordPress and open web topics, while still keeping the WooCommerce content. Exciting changes ahead.</description>
  90. <pubDate>Fri, 06 Jun 2025 06:00:00 +0000</pubDate>
  93. <dc:creator>Bob Dunn</dc:creator>
  95. </item>
  96.  
  97. <item>
  98. <title>Weston Ruter: Eliminating Layout Shifts in the Video Block</title>
  99. <guid>https://weston.ruter.net/?p=34930</guid>
  100. <link>https://weston.ruter.net/2025/06/05/eliminating-layout-shifts-in-the-video-block/</link>
  102. <description>&lt;p&gt;Like the rest of the internet, I&amp;#8217;ve been awestruck by the quality of Google&amp;#8217;s &lt;a href=&#34;https://deepmind.google/models/veo/&#34;&gt;Veo 3&lt;/a&gt; AI video generator (even with audio). As you&amp;#8217;ve seen from my posts, the &lt;a href=&#34;https://en.wikipedia.org/wiki/American_bison&#34;&gt;American bison&lt;/a&gt; &lt;img alt=&#34;🦬&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f9ac.png&#34; style=&#34;height: 1em;&#34; /&gt; is my favorite animal (aside from my cat of course). Also, perhaps I&amp;#8217;ve watched too many &lt;a href=&#34;https://www.instagram.com/moustache_farmer/&#34;&gt;videos&lt;/a&gt; from the &lt;a href=&#34;https://www.moustache-farmer.de/en&#34;&gt;Mustache Farmer&lt;/a&gt;, but I realized I could use Veo 3 to realize a fantasy of being able to pal around with what in reality is a wild animal. Generating bison videos brought me a lot of joy so I had to share them. However, I faced a dilemma because I didn&amp;#8217;t want to do so via WordPress&amp;#8217;s Video block in its current state: it suffers from a bad case of &lt;em&gt;layout shiftitus&lt;/em&gt;. Since web performance is an even greater passion of mine than the bison, before I could share the videos I did a deep dive on the problem and came up with a fix. &lt;em&gt;(Skip to the &lt;a href=&#34;https://weston.ruter.net/category/wordpress/feed/#videos&#34;&gt;videos&lt;/a&gt; below if you don&amp;#8217;t care.)&lt;/em&gt;&lt;/p&gt;
  103.  
  104.  
  105.  
  106. &lt;p&gt;There&amp;#8217;s a 2-year old Gutenberg issue (&lt;a href=&#34;https://github.com/WordPress/gutenberg/issues/52185&#34; title=&#34;Video block: Should have width height dimensions to prevent cumulative layout shift (CLS)&#34;&gt;#52185&lt;/a&gt;) which reported the underlying problem here that the Video block should have &lt;code&gt;width&lt;/code&gt; and &lt;code&gt;height&lt;/code&gt; attributes added to prevent layout shifts. Such jank causes a poor user experience and negatively impacts the &lt;a href=&#34;https://web.dev/articles/cls&#34;&gt;Cumulative Layout Shift&lt;/a&gt; (CLS) metric of &lt;a href=&#34;https://web.dev/articles/vitals&#34;&gt;Core Web Vitals&lt;/a&gt; (CWV).&lt;/p&gt;
  107.  
  108.  
  109.  
  110. &lt;p&gt;A dimensionless &lt;code&gt;video&lt;/code&gt; element gets a 2:1 aspect ratio placeholder (a 300&amp;#215;150 &lt;a href=&#34;https://html.spec.whatwg.org/multipage/media.html#the-video-element:default-object-size&#34;&gt;default object size&lt;/a&gt;) until the video&amp;#8217;s metadata is loaded, at which time a layout shift happens due to the new dimensions being applied. When there&amp;#8217;s a &lt;code&gt;poster&lt;/code&gt; attribute, the placeholder dimensions get replaced with the dimensions of the poster image once it loads, also resulting in a layout shift; lastly, if the poster image doesn&amp;#8217;t have the exact same dimensions as the video, then a second layout shift occurs once the video starts playing.&lt;/p&gt;
  111.  
  112.  
  113.  
  114. &lt;p&gt;Take a look at these screen recordings of a Video block without a poster and then with a poster provided (and there&amp;#8217;s a script on this test page that starts video playback after 4 seconds):&lt;/p&gt;
  115.  
  116.  
  117.  
  118. &lt;div class=&#34;wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex&#34; id=&#34;screen-recordings-with-layout-shifts&#34;&gt;
  119. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  120. &lt;figure class=&#34;wp-block-video&#34;&gt;&lt;video controls=&#34;controls&#34; height=&#34;1080&#34; loop=&#34;loop&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/1-no-poster-layout-shift.mp4&#34; width=&#34;476&#34;&gt;&lt;/video&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Without a poster, causing a layout shift.&lt;/figcaption&gt;&lt;/figure&gt;
  121. &lt;/div&gt;
  122.  
  123.  
  124.  
  125. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  126. &lt;figure class=&#34;wp-block-video&#34;&gt;&lt;video controls=&#34;controls&#34; height=&#34;1080&#34; loop=&#34;loop&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/2-with-poster-layout-shift.mp4&#34; width=&#34;476&#34;&gt;&lt;/video&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;With a poster, causing a layout shift.&lt;/figcaption&gt;&lt;/figure&gt;
  127. &lt;/div&gt;
  128. &lt;/div&gt;
  129.  
  130.  
  131.  
  132. &lt;p&gt;The layout shifts are somewhat exaggerated here because:&lt;/p&gt;
  133.  
  134.  
  135.  
  136. &lt;ol class=&#34;wp-block-list&#34;&gt;
  137. &lt;li&gt;A vertical/portrait video is used.&lt;/li&gt;
  138.  
  139.  
  140.  
  141. &lt;li&gt;A network delay is added to slow down the loading of the poster and video (which is not unexpected on a mobile connection).&lt;/li&gt;
  142.  
  143.  
  144.  
  145. &lt;li&gt;The poster image doesn&amp;#8217;t have the same dimensions as the video.&lt;/li&gt;
  146. &lt;/ol&gt;
  147.  
  148.  
  149.  
  150. &lt;p&gt;In any case, such layout shifts seem to occur anywhere the Video block is used to some degree. &lt;/p&gt;
  151.  
  152.  
  153.  
  154. &lt;h2 class=&#34;wp-block-heading&#34;&gt;CLS Passing Rates&lt;/h2&gt;
  155.  
  156.  
  157.  
  158. &lt;p&gt;Layout shifts from the Video block contribute to WordPress overall having a relatively poor passing rate for CLS. On desktop, 71% of WordPress origins have a good CLS passing rate, while on mobile the passing rate is 82%. (CLS is worse on desktop presumably because more content is on the screen at a time, meaning there are more opportunities for layout shifts to appear in the viewport.) When evaluating these CLS passing rates in terms of &lt;a href=&#34;https://en.wikipedia.org/wiki/Academic_grading_in_the_United_States#Grade_conversion&#34;&gt;academic letter grades&lt;/a&gt;, &lt;strong&gt;WordPress is getting a B− on mobile and a C− on desktop.&lt;/strong&gt; When comparing WordPress to other popular CMS platforms, it ranks near the bottom with only Joomla performing worse, as seen in this table sorted by desktop:&lt;/p&gt;
  159.  
  160.  
  161.  
  162. &lt;figure class=&#34;wp-block-table is-style-regular has-medium-font-size&#34;&gt;&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Technology&lt;/th&gt;&lt;th&gt;&lt;a href=&#34;https://httparchive.org/reports/techreport/tech?good-cwv-over-time=CLS&amp;amp;client=desktop&amp;amp;tech=ALL%2CWordPress%2CShopify%2CWix%2CSquarespace%2CJoomla%2CDrupal&amp;amp;geo=ALL&amp;amp;rank=ALL#comparison-good-cwvs&#34;&gt;Desktop&lt;/a&gt;&lt;/th&gt;&lt;th&gt;&lt;a href=&#34;https://httparchive.org/reports/techreport/tech?good-cwv-over-time=CLS&amp;amp;client=mobile&amp;amp;tech=ALL%2CWordPress%2CShopify%2CWix%2CSquarespace%2CJoomla%2CDrupal&amp;amp;geo=ALL&amp;amp;rank=ALL#comparison-good-cwvs&#34;&gt;Mobile&lt;/a&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Wix&lt;/td&gt;&lt;td&gt;91% (A−)&lt;/td&gt;&lt;td&gt;94% (A)&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Shopify&lt;/td&gt;&lt;td&gt;82% (B−)&lt;/td&gt;&lt;td&gt;90% (A−)&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Squarespace&lt;/td&gt;&lt;td&gt;77% (C+)&lt;/td&gt;&lt;td&gt;88% (B+)&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Drupal&lt;/td&gt;&lt;td&gt;72% (C−)&lt;/td&gt;&lt;td&gt;85% (B)&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;em&gt;(Any)&lt;/em&gt;&lt;/td&gt;&lt;td&gt;72% (C−)&lt;/td&gt;&lt;td&gt;79% (C+)&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;WordPress&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;&lt;strong&gt;71%&lt;/strong&gt; (C−)&lt;/td&gt;&lt;td&gt;&lt;strong&gt;82%&lt;/strong&gt; (B−)&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Joomla&lt;/td&gt;&lt;td&gt;69% (D+)&lt;/td&gt;&lt;td&gt;79% (C+)&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/figure&gt;
  163.  
  164.  
  165.  
  166. &lt;details class=&#34;wp-block-details has-small-font-size is-layout-flow wp-block-details-is-layout-flow&#34;&gt;Graphs of origins with good CLS over time
  167. &lt;div class=&#34;wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-0884d4d2 wp-block-columns-is-layout-flex&#34;&gt;
  168. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  169. &lt;p class=&#34;has-text-align-center&#34;&gt;Desktop&lt;/p&gt;
  170.  
  171.  
  172.  
  173. &lt;figure class=&#34;wp-block-image aligncenter size-large is-resized wp-lightbox-container&#34; style=&#34;margin-top: 0;&#34;&gt;&lt;img alt=&#34;Graph showing good CLS over time on desktop for WordPress, Shopify, Wix, Squarespace, Joomla, and Drupal. All platforms are trending upward, but WordPress is near the bottom with Joomla at ~70%, while Wix is at the top with ~90%.&#34; class=&#34;wp-image-35018&#34; height=&#34;600&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/chart-cls-desktop-svgomg.svg&#34; style=&#34;width: 600px; height: auto;&#34; width=&#34;600&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  174. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  175. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  176. &lt;/svg&gt;
  177. &lt;/button&gt;&lt;/figure&gt;
  178. &lt;/div&gt;
  179.  
  180.  
  181.  
  182. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  183. &lt;p class=&#34;has-text-align-center&#34;&gt;Mobile&lt;/p&gt;
  184.  
  185.  
  186.  
  187. &lt;figure class=&#34;wp-block-image aligncenter size-large is-resized wp-lightbox-container&#34; style=&#34;margin-top: 0;&#34;&gt;&lt;img alt=&#34;Graph showing good CLS over time on mobile for WordPress, Shopify, Wix, Squarespace, Joomla, and Drupal. All platforms are trending upward, but WordPress is near the bottom with Joomla at ~80%, while Wix is at the top with ~95%.&#34; class=&#34;wp-image-35019&#34; height=&#34;600&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/chart-cls-mobile-svgomg.svg&#34; style=&#34;width: 600px; height: auto;&#34; width=&#34;600&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  188. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  189. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  190. &lt;/svg&gt;
  191. &lt;/button&gt;&lt;/figure&gt;
  192. &lt;/div&gt;
  193. &lt;/div&gt;
  194. &lt;/details&gt;
  195.  
  196.  
  197.  
  198. &lt;p&gt;The passing rates for WordPress are unsurprisingly very close to the passing rates for the web overall (any technology) since WordPress has the largest market share by far. &lt;strong&gt;Whenever WordPress performs badly, the web as a whole suffers. Whenever WordPress performs well, the web as a whole improves.&lt;/strong&gt; This was the drive behind my “scaled activation” Chrome team at Google &lt;a href=&#34;https://weston.ruter.net/2025/05/14/a-decade-as-a-core-committer-my-wordpress-contribution-history/&#34;&gt;when I was sponsored&lt;/a&gt; there to work on WordPress performance full time.&lt;/p&gt;
  199.  
  200.  
  201.  
  202. &lt;p&gt;Now, CLS in WordPress is not nearly as problematic as Largest Contentful Paint (LCP), which is getting an &lt;strong&gt;F grade&lt;/strong&gt; for its passing rates of &lt;a href=&#34;https://httparchive.org/reports/techreport/tech?good-cwv-over-time=LCP&amp;amp;client=mobile&amp;amp;tech=ALL%2CWordPress%2CShopify%2CWix%2CSquarespace%2CJoomla%2CDrupal&amp;amp;geo=ALL&amp;amp;rank=ALL#comparison-good-cwvs&#34;&gt;54% on mobile&lt;/a&gt; and &lt;a href=&#34;https://httparchive.org/reports/techreport/tech?good-cwv-over-time=LCP&amp;amp;client=desktop&amp;amp;tech=ALL%2CWordPress%2CShopify%2CWix%2CSquarespace%2CJoomla%2CDrupal&amp;amp;geo=ALL&amp;amp;rank=ALL#comparison-good-cwvs&#34;&gt;65% on desktop&lt;/a&gt;. Because of this, improving LCP has been the primary focus for us on the WordPress Core Performance Team, and the &lt;a href=&#34;https://make.wordpress.org/core/2023/09/19/analyzing-the-core-web-vitals-performance-impact-of-wordpress-6-3-in-the-field/&#34;&gt;metric has improved&lt;/a&gt; thanks in part to &lt;a href=&#34;https://make.wordpress.org/core/2023/07/13/image-performance-enhancements-in-wordpress-6-3/&#34;&gt;adding&lt;/a&gt; &lt;code&gt;fetchpriority=high&lt;/code&gt; to LCP-probable &lt;code&gt;img&lt;/code&gt; tags, &lt;a href=&#34;https://make.wordpress.org/core/2023/07/13/image-performance-enhancements-in-wordpress-6-3/#:~:text=Lazy%2Dloading%20issues%20addressed&#34;&gt;adjusting&lt;/a&gt; image lazy-loading heuristics, &lt;a href=&#34;https://core.trac.wordpress.org/ticket/58472&#34;&gt;optimizing&lt;/a&gt; the emoji loader, and most recently landing &lt;a href=&#34;https://make.wordpress.org/core/2025/03/06/speculative-loading-in-6-8/&#34;&gt;Speculative Loading&lt;/a&gt;. And work continues on improving LCP, for example, by &lt;a href=&#34;https://weston.ruter.net/2025/05/26/improve-lcp-by-deprioritizing-interactivity-api-script-modules/&#34;&gt;deprioritizing non-critical scripts&lt;/a&gt; and by leveraging client-side metrics to more accurately prioritize images via the &lt;a href=&#34;https://github.com/WordPress/performance/blob/trunk/plugins/optimization-detective/docs/introduction.md&#34;&gt;Optimization Detective&lt;/a&gt; project (see also &lt;a href=&#34;https://weston.ruter.net/2025/02/21/boosting-performance-with-optimization-detective/&#34;&gt;my talk&lt;/a&gt;).&lt;/p&gt;
  203.  
  204.  
  205.  
  206. &lt;p&gt;The other CWV metric, Interaction to Next Paint (INP), is in relatively great shape with a passing rate of &lt;a href=&#34;https://httparchive.org/reports/techreport/tech?good-cwv-over-time=INP&amp;amp;client=mobile&amp;amp;tech=ALL%2CWordPress%2CShopify%2CWix%2CSquarespace%2CJoomla%2CDrupal&amp;amp;geo=ALL&amp;amp;rank=ALL#comparison-good-cwvs&#34;&gt;85% on mobile&lt;/a&gt; (B) and &lt;a href=&#34;https://httparchive.org/reports/techreport/tech?good-cwv-over-time=INP&amp;amp;client=desktop&amp;amp;tech=ALL%2CWordPress%2CShopify%2CWix%2CSquarespace%2CJoomla%2CDrupal&amp;amp;geo=ALL&amp;amp;rank=ALL#comparison-good-cwvs&#34;&gt;98% on desktop&lt;/a&gt; (A+).&lt;/p&gt;
  207.  
  208.  
  209.  
  210. &lt;p&gt;So, in parallel with the continued work to improve LCP, it&amp;#8217;s important to not neglect WordPress&amp;#8217;s sub-optimal CLS passing rate. Prior work to improve CLS included &lt;a href=&#34;https://make.wordpress.org/core/2020/07/14/lazy-loading-images-in-5-5/&#34;&gt;adding&lt;/a&gt; &lt;code&gt;width&lt;/code&gt; and &lt;code&gt;height&lt;/code&gt; attributes to &lt;code&gt;img&lt;/code&gt; tags for the sake of lazy-loading. There&amp;#8217;s also a ticket (&lt;a href=&#34;https://core.trac.wordpress.org/ticket/59119&#34; title=&#34;Measure layout stability metrics in performance tests&#34;&gt;#59119&lt;/a&gt;) to measure CLS in performance tests. Additionally, a key feature of the &lt;a href=&#34;https://wordpress.org/plugins/embed-optimizer/&#34;&gt;Embed Optimizer&lt;/a&gt; extension to the aforementioned Optimization Detective &lt;a href=&#34;https://wordpress.org/plugins/optimization-detective/&#34;&gt;plugin&lt;/a&gt; is the &lt;strong&gt;reduction of layout shifts&lt;/strong&gt; caused by embeds that resize when they load. This is commonly seen in embeds for Twitter, Bluesky, and WordPress itself. Embed Optimizer keeps track of these embeds&amp;#8217; resized heights. Then, with these resized heights stored, Embed Optimizer sets the appropriate height on the container &lt;code&gt;figure&lt;/code&gt; element as the viewport-specific &lt;code&gt;min-height&lt;/code&gt; so that when the embed loads any layout shift is minimized.&lt;/p&gt;
  211.  
  212.  
  213.  
  214. &lt;p&gt;Lastly, coming back to the impetus of this post, there&amp;#8217;s the issue of layout shifts in the Video block.&lt;/p&gt;
  215.  
  216.  
  217.  
  218. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Fixing the Video Block&lt;/h2&gt;
  219.  
  220.  
  221.  
  222. &lt;p&gt;Preventing layout shifts in the Video block is straightforward. As described in the &lt;a href=&#34;https://github.com/WordPress/gutenberg/issues/52185&#34;&gt;Gutenberg issue&lt;/a&gt;, the &lt;code&gt;width&lt;/code&gt; and &lt;code&gt;height&lt;/code&gt; attributes need to be supplied on the &lt;code&gt;video&lt;/code&gt; tag, although a bit more is needed than just that. When a video is uploaded to the Media Library, the metadata is &lt;a href=&#34;https://developer.wordpress.org/reference/functions/wp_generate_attachment_metadata/&#34;&gt;obtained&lt;/a&gt; via the &lt;code&gt;&lt;a href=&#34;https://developer.wordpress.org/reference/functions/wp_read_video_metadata/&#34;&gt;wp_read_video_metadata()&lt;/a&gt;&lt;/code&gt; function, including its width and height. Assuming that reading the metadata was successful, these dimensions can then be injected into the &lt;code&gt;video&lt;/code&gt; tag in the same way as dimensions are being &lt;a href=&#34;https://developer.wordpress.org/reference/functions/wp_img_tag_add_width_and_height_attr/&#34;&gt;added&lt;/a&gt; to the &lt;code&gt;img&lt;/code&gt; tag. (For external videos added by URL not uploaded into the Media Library, the dimensions could be read client-side in the block editor or they could be &lt;a href=&#34;https://github.com/WordPress/performance/issues/10#issuecomment-2601037707&#34;&gt;gathered via Optimization Detective on the frontend&lt;/a&gt;.)&lt;/p&gt;
  223.  
  224.  
  225.  
  226. &lt;p&gt;This goes full circle for me because we did something similar in &lt;time datetime=&#34;2018-05-21&#34;&gt;2018 (7 years ago!)&lt;/time&gt; to &lt;a href=&#34;https://github.com/ampproject/amp-wp/pull/1026&#34;&gt;add dimensions to videos&lt;/a&gt; in the &lt;a href=&#34;https://wordpress.org/plugins/amp/&#34;&gt;AMP plugin&lt;/a&gt; when converting from the &lt;code&gt;video&lt;/code&gt; tag to the &lt;code&gt;&lt;a href=&#34;https://amp.dev/documentation/components/amp-video&#34;&gt;amp-video&lt;/a&gt;&lt;/code&gt; component. The &lt;a href=&#34;https://amp.dev/documentation/guides-and-tutorials/learn/spec/amphtml&#34;&gt;AMP HTML spec&lt;/a&gt; &lt;a href=&#34;https://amp.dev/documentation/guides-and-tutorials/learn/amp-html-layout/#width-and-height&#34;&gt;mandates&lt;/a&gt; (generally) that all elements must have dimensions supplied to &lt;a href=&#34;https://blog.amp.dev/2020/04/16/cumulative-layout-shift-in-amp/&#34;&gt;prevent layout shifts&lt;/a&gt;, as the first of &lt;a href=&#34;https://amp.dev/about/mission-and-vision#:~:text=merchant%2C%20and%20advertiser.-,Design%20Principles,-These%20design%20principles&#34;&gt;AMP&amp;#8217;s design principles&lt;/a&gt; is to prioritize the user experience. As I &lt;a href=&#34;https://weston.ruter.net/2025/05/14/a-decade-as-a-core-committer-my-wordpress-contribution-history/#:~:text=Ultimately%2C%20a%20lot,improving%20CWV%20metrics.&#34;&gt;mentioned&lt;/a&gt; in my recent &lt;a href=&#34;https://weston.ruter.net/2025/05/14/a-decade-as-a-core-committer-my-wordpress-contribution-history/&#34;&gt;contribution retrospective&lt;/a&gt;, AMP predates CWV; as part of &lt;a href=&#34;https://blog.amp.dev/2019/05/21/contributing-back-lessons-learned-part-1/&#34;&gt;contributing back lessons learned from AMP to the whole web&lt;/a&gt;, it “invested in defining additional metrics that would paint a more holistic image of user perceived performance.” This included a “Layout Stability” metric which came to be known as CLS.&lt;/p&gt;
  227.  
  228.  
  229.  
  230. &lt;p&gt;In addition to providing the &lt;code&gt;width&lt;/code&gt; and &lt;code&gt;height&lt;/code&gt; attributes, for the &lt;code&gt;video&lt;/code&gt; to scale to fit its container and to have the correct aspect ratio, the element needs to be styled with &lt;code&gt;height:auto&lt;/code&gt; since it has &lt;code&gt;width:100%&lt;/code&gt;. Finally, because of an &lt;a href=&#34;https://github.com/w3c/csswg-drafts/issues/7524&#34; title=&#34;[css-sizing-4] aspect-ratio via width and height attributes doesn&#39;t work for &amp;lt;video&amp;gt;&#34;&gt;issue&lt;/a&gt; in the CSS spec (as &lt;a href=&#34;https://jakearchibald.com/2022/img-aspect-ratio/#:~:text=Update%3A%20Although%20browsers%20implemented%20the%20feature%20for%20%3Cvideo%3E%20as%20per%20the%20spec%2C%20the%20spec%20is%20broken%2C%20so%20it%20doesn%27t%20work%20in%20practice.&#34;&gt;highlighted&lt;/a&gt; by &lt;a href=&#34;https://jakearchibald.com/&#34;&gt;Jake Archibald&lt;/a&gt;), the width and height need to be replicated in an &lt;code&gt;&lt;a href=&#34;https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio&#34;&gt;aspect-ratio&lt;/a&gt;&lt;/code&gt; style. This currently has to be added as an inline style since the following desired use of the &lt;a href=&#34;https://developer.mozilla.org/en-US/docs/Web/CSS/attr&#34;&gt;&lt;code&gt;attr()&lt;/code&gt;&lt;/a&gt; function in a style rule is currently only &lt;a href=&#34;https://caniuse.com/css3-attr&#34;&gt;supported&lt;/a&gt; in Chromium:&lt;/p&gt;
  231.  
  232.  
  233. &lt;pre class=&#34;wp-block-code has-medium-font-size&#34;&gt;&lt;span&gt;&lt;code class=&#34;hljs language-css&#34;&gt;&lt;span class=&#34;hljs-selector-class&#34;&gt;.wp-block-video&lt;/span&gt; &lt;span class=&#34;hljs-selector-tag&#34;&gt;video&lt;/span&gt;&lt;span class=&#34;hljs-selector-attr&#34;&gt;&amp;#91;width]&lt;/span&gt;&lt;span class=&#34;hljs-selector-attr&#34;&gt;&amp;#91;height]&lt;/span&gt; {
  234. &lt;span class=&#34;hljs-attribute&#34;&gt;aspect-ratio&lt;/span&gt;:
  235. &lt;span class=&#34;hljs-built_in&#34;&gt;attr&lt;/span&gt;(width  type(&amp;lt;number&amp;gt;)) /
  236. &lt;span class=&#34;hljs-built_in&#34;&gt;attr&lt;/span&gt;(height type(&amp;lt;number&amp;gt;));
  237. }&lt;/code&gt;&lt;/span&gt;&lt;/pre&gt;
  238.  
  239.  
  240. &lt;p&gt;I&amp;#8217;ve submitted the fix in Gutenberg pull request #70293: &lt;a href=&#34;https://github.com/WordPress/gutenberg/pull/70293&#34;&gt;Fix layout shift caused by video tag in Video block lacking width and height&lt;/a&gt;.&lt;/p&gt;
  241.  
  242.  
  243.  
  244. &lt;p&gt;And since I didn&amp;#8217;t want to wait for that fix to be merged and available in a new Gutenberg release, I also adapted it into a standalone &lt;a href=&#34;https://github.com/westonruter/layout-stabilized-video-block&#34;&gt;Layout-stabilized Video Block&lt;/a&gt; plugin which is active here on my blog (since I wanted to share those AI-generated bison videos!). Please install the plugin on your site and test how it works with your Video blocks.&lt;/p&gt;
  245.  
  246.  
  247.  
  248. &lt;p&gt;Compare the &lt;a href=&#34;https://weston.ruter.net/category/wordpress/feed/#screen-recordings-with-layout-shifts&#34;&gt;above screen recordings&lt;/a&gt; of layout-shifting Video blocks with the following screen recordings where the fix is applied:&lt;/p&gt;
  249.  
  250.  
  251.  
  252. &lt;div class=&#34;wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex&#34; id=&#34;screen-recordings-without-layout-shifts&#34;&gt;
  253. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  254. &lt;figure class=&#34;wp-block-video&#34;&gt;&lt;video controls=&#34;controls&#34; height=&#34;1080&#34; loop=&#34;loop&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/3-no-poster-and-no-layout-shift.mp4&#34; width=&#34;476&#34;&gt;&lt;/video&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Without a poster, not causing a layout shift.&lt;/figcaption&gt;&lt;/figure&gt;
  255. &lt;/div&gt;
  256.  
  257.  
  258.  
  259. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  260. &lt;figure class=&#34;wp-block-video&#34;&gt;&lt;video controls=&#34;controls&#34; height=&#34;1080&#34; loop=&#34;loop&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/4-with-poster-and-no-layout-shift.mp4&#34; width=&#34;476&#34;&gt;&lt;/video&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;With a poster, not causing a layout shift.&lt;/figcaption&gt;&lt;/figure&gt;
  261. &lt;/div&gt;
  262. &lt;/div&gt;
  263.  
  264.  
  265.  
  266. &lt;details class=&#34;wp-block-details has-small-font-size is-layout-flow wp-block-details-is-layout-flow&#34;&gt;Aside: Command used for transcoding screen recordings
  267. &lt;p&gt;I was really impressed with how well FFmpeg compressed the original Quicktime screen recordings from ~32MB down to just ~400KB, and since the args to &lt;code&gt;ffmpeg&lt;/code&gt; are always something I have to re-discover, here&amp;#8217;s the command for (my) future reference:&lt;/p&gt;
  268.  
  269.  
  270. &lt;pre class=&#34;wp-block-code&#34;&gt;&lt;span&gt;&lt;code class=&#34;hljs language-bash&#34;&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;for&lt;/span&gt; video &lt;span class=&#34;hljs-keyword&#34;&gt;in&lt;/span&gt; $(ls *.mov); &lt;span class=&#34;hljs-keyword&#34;&gt;do&lt;/span&gt;
  271.  ffmpeg
  272.    -i &lt;span class=&#34;hljs-string&#34;&gt;&#34;&lt;span class=&#34;hljs-variable&#34;&gt;$video&lt;/span&gt;&#34;&lt;/span&gt; \
  273.    -vf &lt;span class=&#34;hljs-string&#34;&gt;&#34;scale=-2:1080&#34;&lt;/span&gt; \
  274.    -c:v libx264 \
  275.    -preset medium \
  276.    -crf 30 \
  277.    -an \
  278.    -b:a 128k \
  279.    -movflags \
  280.    +faststart \
  281.    &lt;span class=&#34;hljs-string&#34;&gt;&#34;&lt;span class=&#34;hljs-variable&#34;&gt;${video/.mov/.mp4}&lt;/span&gt;&#34;&lt;/span&gt;
  282. &lt;span class=&#34;hljs-keyword&#34;&gt;done&lt;/span&gt;&lt;/code&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/details&gt;
  283.  
  284.  
  285.  
  286. &lt;p&gt;You can &lt;a href=&#34;https://weston.ruter.net/?p=34930&amp;amp;disable_layout_stabilized_video_block=1#screen-recordings-without-layout-shifts&#34;&gt;try loading this post without the fix&lt;/a&gt; by adding a special query var to the URL (and then keep hard reloading to see more layout instability).&lt;/p&gt;
  287.  
  288.  
  289.  
  290. &lt;p&gt;And now, with the layout shift fixed, let&amp;#8217;s get to the bison videos.&lt;/p&gt;
  291.  
  292.  
  293.  
  294. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;videos&#34;&gt;AI Bison Videos&lt;/h2&gt;
  295.  
  296.  
  297.  
  298. &lt;p&gt;The following Veo-generated videos were downloaded from Gemini and uploaded without any transcoding, although they are encoded quite well for the web at ~3MB each for 8 seconds of high quality 720p video with audio. I manually selected a representative frame of each video to create the poster images.&lt;/p&gt;
  299.  
  300.  
  301.  
  302. &lt;aside class=&#34;wp-block-group is-style-section-1 has-global-padding is-layout-constrained wp-container-core-group-is-layout-c385debf wp-block-group-is-layout-constrained is-style-section-1--1&#34;&gt;
  303. &lt;p class=&#34;is-style-default&#34;&gt;Bonus: This site is running the &lt;a href=&#34;https://wordpress.org/plugins/image-prioritizer/&#34;&gt;Image Prioritizer&lt;/a&gt; extension of Optimization Detective which improves the loading of videos by:&lt;/p&gt;
  304.  
  305.  
  306.  
  307. &lt;ol class=&#34;wp-block-list&#34;&gt;
  308. &lt;li&gt;Lazy loading the videos by setting the &lt;code&gt;preload&lt;/code&gt; initially to &lt;code&gt;none&lt;/code&gt;, and then removing this when the video enters the viewport.&lt;/li&gt;
  309.  
  310.  
  311.  
  312. &lt;li&gt;Lazy loading the poster images.&lt;/li&gt;
  313.  
  314.  
  315.  
  316. &lt;li&gt;Reducing the size of the poster image according to the max width of the &lt;code&gt;video&lt;/code&gt; across all viewport sizes.&lt;/li&gt;
  317.  
  318.  
  319.  
  320. &lt;li&gt;Preloading poster images for LCP &lt;code&gt;video&lt;/code&gt; elements (not relevant for this post).&lt;/li&gt;
  321. &lt;/ol&gt;
  322. &lt;/aside&gt;
  323.  
  324.  
  325.  
  326. &lt;p&gt;This first video leans a little too hard into the “mustache” of the Mustache Farmer:&lt;/p&gt;
  327.  
  328.  
  329.  
  330. &lt;figure class=&#34;wp-block-video&#34;&gt;&lt;video controls=&#34;controls&#34; height=&#34;720&#34; poster=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Video_Ready_Bison_and_Man.jpg&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Video_Ready_Bison_and_Man.mp4&#34; width=&#34;1280&#34;&gt;&lt;/video&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Prompt: A bison falls asleep in the lap of a man in the style of the Mustache Farmer.&lt;/figcaption&gt;&lt;/figure&gt;
  331.  
  332.  
  333.  
  334. &lt;p&gt;I like how this guy seemingly pretends he didn&amp;#8217;t know where the bison was in the open field, “Oh, there you are buddy!”:&lt;/p&gt;
  335.  
  336.  
  337.  
  338. &lt;figure class=&#34;wp-block-video&#34;&gt;&lt;video controls=&#34;controls&#34; height=&#34;720&#34; poster=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Bison_Nuzzles_Man_Video_Ready.jpg&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Bison_Nuzzles_Man_Video_Ready.mp4&#34; width=&#34;1280&#34;&gt;&lt;/video&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Prompt: A bison runs over to a man and affectionately nuzzles him, putting his head next to the man to rub up against him. The man pets the bison&amp;#8217;s head and smiles. The bison is the man&amp;#8217;s pet.&lt;/figcaption&gt;&lt;/figure&gt;
  339.  
  340.  
  341.  
  342. &lt;p&gt;Awkward running:&lt;/p&gt;
  343.  
  344.  
  345.  
  346. &lt;figure class=&#34;wp-block-video&#34;&gt;&lt;video controls=&#34;controls&#34; height=&#34;720&#34; poster=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Bison_Nuzzles_Petting_Man_Video.jpg&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Bison_Nuzzles_Petting_Man_Video.mp4&#34; width=&#34;1280&#34;&gt;&lt;/video&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Prompt: A bison and a man run toward each other. When they meet, the bison affectionately nuzzles him, putting his head next to the man to rub up against him. The man pets the bison&amp;#8217;s head and smiles. The bison is the man&amp;#8217;s pet.&lt;/figcaption&gt;&lt;/figure&gt;
  347.  
  348.  
  349.  
  350. &lt;p&gt;A somewhat less awkward run:&lt;/p&gt;
  351.  
  352.  
  353.  
  354. &lt;figure class=&#34;wp-block-video&#34;&gt;&lt;video controls=&#34;controls&#34; height=&#34;720&#34; poster=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Bison_and_Man_s_Affectionate_Meeting.jpg&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Bison_and_Man_s_Affectionate_Meeting.mp4&#34; width=&#34;1280&#34;&gt;&lt;/video&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Prompt: A bison and a man run toward each other. When they meet, the bison affectionately nuzzles him, putting his head next to the man to rub up against him. The man pets the bison&amp;#8217;s head and smiles. The bison is the man&amp;#8217;s pet.&lt;/figcaption&gt;&lt;/figure&gt;
  355.  
  356.  
  357.  
  358. &lt;p&gt;There&amp;#8217;s an invisible stirrup in this one:&lt;/p&gt;
  359.  
  360.  
  361.  
  362. &lt;figure class=&#34;wp-block-video&#34;&gt;&lt;video controls=&#34;controls&#34; height=&#34;720&#34; poster=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Bison_Ride_Video_Ready.jpg&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Bison_Ride_Video_Ready.mp4&#34; width=&#34;1280&#34;&gt;&lt;/video&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Prompt: A bison kneels down for a man, and the man climbs on the back of the bison and they gallop off into the sunset.&lt;/figcaption&gt;&lt;/figure&gt;
  363.  
  364.  
  365.  
  366. &lt;p&gt;Apparently Tom Cruise with maniacal laughter and a magically-appearing saddle:&lt;/p&gt;
  367.  
  368.  
  369.  
  370. &lt;figure class=&#34;wp-block-video&#34;&gt;&lt;video controls=&#34;controls&#34; height=&#34;720&#34; poster=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Bison_Ride_Video_Ready_.jpg&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Bison_Ride_Video_Ready_.mp4&#34; width=&#34;1280&#34;&gt;&lt;/video&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Prompt: A bison kneels down for a man to mount on top of the bison. The bison wants to give the man a ride. The man laughs and smiles as he climbs onto the back of the bison and they gallop off into the sunset.&lt;/figcaption&gt;&lt;/figure&gt;
  371.  
  372.  
  373.  
  374. &lt;p&gt;Just heartwarming:&lt;/p&gt;
  375.  
  376.  
  377.  
  378. &lt;figure class=&#34;wp-block-video&#34;&gt;&lt;video controls=&#34;controls&#34; height=&#34;720&#34; poster=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Bison_and_Man_s_Affectionate_Moment.jpg&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Bison_and_Man_s_Affectionate_Moment.mp4&#34; width=&#34;1280&#34;&gt;&lt;/video&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Prompt: A bison walks up to a man. The bison rubs his head against the man, nuzzling him like a cat. The man affectionately rubs the bison&amp;#8217;s head. The man smiles. The bison could be the man&amp;#8217;s pet.&lt;/figcaption&gt;&lt;/figure&gt;
  379.  
  380.  
  381.  
  382. &lt;p&gt;The guy&amp;#8217;s smile is a little intense in this one, but it&amp;#8217;s also heartwarming:&lt;/p&gt;
  383.  
  384.  
  385.  
  386. &lt;figure class=&#34;wp-block-video&#34;&gt;&lt;video controls=&#34;controls&#34; height=&#34;720&#34; poster=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Video_of_Man_and_Bison.jpg&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Video_of_Man_and_Bison.mp4&#34; width=&#34;1280&#34;&gt;&lt;/video&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Prompt: A man and a bison having fun together, rolling in the grass and wrestling. The bison is the man&amp;#8217;s pet.&lt;/figcaption&gt;&lt;/figure&gt;
  387.  
  388.  
  389.  
  390. &lt;p&gt;This guy seems a little fake (almost like he&amp;#8217;s AI):&lt;/p&gt;
  391.  
  392.  
  393.  
  394. &lt;figure class=&#34;wp-block-video&#34;&gt;&lt;video controls=&#34;controls&#34; height=&#34;720&#34; poster=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Bison_Petting_Video_Ready_.jpg&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Bison_Petting_Video_Ready_.mp4&#34; width=&#34;1280&#34;&gt;&lt;/video&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Prompt: A bison is standing close to a man. The man scratches the bison under its neck and he pets the hair on the bison&amp;#8217;s head. The bison is enjoying the affection. The man smiles and tells the bison, &amp;#8220;You&amp;#8217;re such a good boy.&amp;#8221; The bison likes the man. The bison is the man&amp;#8217;s pet.&lt;/figcaption&gt;&lt;/figure&gt;
  395.  
  396.  
  397.  
  398. &lt;p&gt;Nice purring sound effect, followed by flapping bird wings?&lt;/p&gt;
  399.  
  400.  
  401.  
  402. &lt;figure class=&#34;wp-block-video&#34;&gt;&lt;video controls=&#34;controls&#34; height=&#34;720&#34; poster=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Cat_and_Bison_Video_Link.jpg&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Cat_and_Bison_Video_Link.mp4&#34; width=&#34;1280&#34;&gt;&lt;/video&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Prompt: A gray tabby cat with faint stripes jumps on top of a bison and starts to knead its paws into the bison&amp;#8217;s thick fur. The bison likes it. The bison and the cat are friends.&lt;/figcaption&gt;&lt;/figure&gt;
  403.  
  404.  
  405.  
  406. &lt;p&gt;Cozy, but the cat glitches a bit at the end:&lt;/p&gt;
  407.  
  408.  
  409.  
  410. &lt;figure class=&#34;wp-block-video&#34;&gt;&lt;video controls=&#34;controls&#34; height=&#34;720&#34; poster=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Video_Bison_and_Cat_Nap.jpg&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/06/Video_Bison_and_Cat_Nap.mp4&#34; width=&#34;1280&#34;&gt;&lt;/video&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Prompt: A bison is lying down in the grass. A gray tabby cat nuzzles up to the bison and climbs on its back to lie down for a nap. The bison likes the cat&amp;#8217;s company.&lt;/figcaption&gt;&lt;/figure&gt;
  411.  
  412.  
  413.  
  414. &lt;p&gt;Now I&amp;#8217;m going to go pet my real cat. &lt;img alt=&#34;😸&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f638.png&#34; style=&#34;height: 1em;&#34; /&gt;&lt;/p&gt;
  415.  
  416.  
  417.  
  418. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity&#34; /&gt;
  419.  
  420.  
  421.  
  422. &lt;p class=&#34;has-medium-font-size&#34;&gt;Where I&amp;#8217;ve shared this:&lt;/p&gt;
  423.  
  424.  
  425.  
  426. &lt;ul class=&#34;wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex&#34;&gt;&lt;li class=&#34;wp-social-link wp-social-link-linkedin  wp-block-social-link&#34;&gt;&lt;a class=&#34;wp-block-social-link-anchor&#34; href=&#34;https://www.linkedin.com/posts/westonruter_eliminating-layout-shifts-in-the-video-block-activity-7336504092174729217-HmKO&#34;&gt;&lt;svg height=&#34;24&#34; version=&#34;1.1&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;span class=&#34;wp-block-social-link-label screen-reader-text&#34;&gt;LinkedIn&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  427.  
  428. &lt;li class=&#34;wp-social-link wp-social-link-bluesky  wp-block-social-link&#34;&gt;&lt;a class=&#34;wp-block-social-link-anchor&#34; href=&#34;https://bsky.app/profile/weston.ruter.net/post/3lqvbcqwx622q&#34;&gt;&lt;svg height=&#34;24&#34; version=&#34;1.1&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M6.3,4.2c2.3,1.7,4.8,5.3,5.7,7.2.9-1.9,3.4-5.4,5.7-7.2,1.7-1.3,4.3-2.2,4.3.9s-.4,5.2-.6,5.9c-.7,2.6-3.3,3.2-5.6,2.8,4,.7,5.1,3,2.9,5.3-5,5.2-6.7-2.8-6.7-2.8,0,0-1.7,8-6.7,2.8-2.2-2.3-1.2-4.6,2.9-5.3-2.3.4-4.9-.3-5.6-2.8-.2-.7-.6-5.3-.6-5.9,0-3.1,2.7-2.1,4.3-.9h0Z&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;span class=&#34;wp-block-social-link-label screen-reader-text&#34;&gt;Bluesky&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  429.  
  430. &lt;li class=&#34;wp-social-link wp-social-link-mastodon  wp-block-social-link&#34;&gt;&lt;a class=&#34;wp-block-social-link-anchor&#34; href=&#34;https://mastodon.social/@westonruter/114632880406289198&#34;&gt;&lt;svg height=&#34;24&#34; version=&#34;1.1&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z&#34;&gt;&lt;/svg&gt;&lt;span class=&#34;wp-block-social-link-label screen-reader-text&#34;&gt;Mastodon&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  431.  
  432. &lt;li class=&#34;wp-social-link wp-social-link-twitter  wp-block-social-link&#34;&gt;&lt;a class=&#34;wp-block-social-link-anchor&#34; href=&#34;https://x.com/westonruter/status/1930738990308884546&#34;&gt;&lt;svg height=&#34;24&#34; version=&#34;1.1&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;span class=&#34;wp-block-social-link-label screen-reader-text&#34;&gt;Twitter&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
  433.  
  434.  
  435.  
  436. &lt;p&gt;&lt;/p&gt;
  437. &lt;p&gt;The post &lt;a href=&#34;https://weston.ruter.net/2025/06/05/eliminating-layout-shifts-in-the-video-block/&#34;&gt;Eliminating Layout Shifts in the Video Block&lt;/a&gt; appeared first on &lt;a href=&#34;https://weston.ruter.net&#34;&gt;Weston Ruter&lt;/a&gt;.&lt;/p&gt;</description>
  438. <pubDate>Thu, 05 Jun 2025 21:09:42 +0000</pubDate>
  441. <dc:creator>Weston Ruter</dc:creator>
  443. </item>
  444.  
  445. <item>
  446. <title>Felix Arntz: Introducing the View Transitions Plugin for WordPress</title>
  447. <guid>https://felix-arntz.me/?p=2122</guid>
  448. <link>https://felix-arntz.me/blog/introducing-view-transitions-wordpress-plugin/</link>
  450. <description>&lt;p&gt;I&amp;#8217;m thrilled to announce a new plugin from the WordPress Core Performance Team: &lt;a href=&#34;http://wordpress.org/plugins/view-transitions/&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;View Transitions&lt;/a&gt;! This experimental plugin brings the power of the &lt;a href=&#34;https://developer.chrome.com/docs/web-platform/view-transitions/cross-document&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;cross-document View Transitions browser API&lt;/a&gt; to your WordPress site, allowing for smoother, animated transitions between page navigations.&lt;/p&gt;
  451.  
  452.  
  453.  
  454. &lt;h2 class=&#34;wp-block-heading&#34;&gt;View Transitions?&lt;/h2&gt;
  455.  
  456.  
  457.  
  458. &lt;p&gt;Traditionally, moving from one page (or, technically, URL) to another on the web has always involved an abrupt, &amp;#8220;hard&amp;#8221; reload. While this might seem completely natural to many of us on the web, user expectations have shifted drastically in the past (almost) two decades.&lt;/p&gt;
  459.  
  460.  
  461.  
  462. &lt;p&gt;Native mobile applications, with their seamless in-app navigations and smooth transitions, have set a new bar for user experience. This has led web developers to try to catch up with that experience, often turning to Single Page Applications (SPAs). While SPAs aim to mimic native app navigations by dynamically updating content without full page reloads, this often comes with increased development complexity and a shift in how you structure your entire website, often at the cost of accessibility or performance.&lt;/p&gt;
  463.  
  464.  
  465.  
  466. &lt;p&gt;Now, with &lt;a href=&#34;https://developer.chrome.com/docs/web-platform/view-transitions/cross-document&#34;&gt;cross-document view transitions&lt;/a&gt;, you can achieve that desired user experience through smooth transitions on the web without any extensive overhaul of your website. And the new &lt;a href=&#34;http://wordpress.org/plugins/view-transitions/&#34;&gt;View Transitions&lt;/a&gt; plugin makes it super simple in WordPress.&lt;/p&gt;
  467.  
  468.  
  469.  
  470. &lt;span id=&#34;more-2122&#34;&gt;&lt;/span&gt;
  471.  
  472.  
  473.  
  474. &lt;h2 class=&#34;wp-block-heading&#34;&gt;How Do View Transitions Work in WordPress?&lt;/h2&gt;
  475.  
  476.  
  477.  
  478. &lt;p&gt;As soon as you have activated the plugin on your WordPress site and navigate between a few pages of your site, you&amp;#8217;ll notice that the plugin implements a gentle fade effect for the transition, creating a more graceful and visually engaging user experience. This is the default behavior not only for the plugin, but also for the View Transitions API in the browser.&lt;/p&gt;
  479.  
  480.  
  481.  
  482. &lt;p&gt;If you want to see a live demo &amp;#8211; you&amp;#8217;re on it! The plugin is active on my site, so for example you could click on the &amp;#8220;Blog&amp;#8221; link in the header navigation. You should see a smooth transition if your browser supports it (see further below). Just make sure to navigate back here afterwards to continue reading. 😁&lt;/p&gt;
  483.  
  484.  
  485.  
  486. &lt;p&gt;(If you want to test it more, you could navigate to the home page by clicking on the site title, scroll down to &amp;#8220;Latest posts&amp;#8221;, then click on the &amp;#8220;View post&amp;#8221; button for this post. When using a large enough viewport, that transition should expand/morph the small featured image from the post in the grid to the much larger featured image shown above. If the animation is too fast, try clicking the Back/Forward button in your browser a few times to get a better sense of what I&amp;#8217;m referring to.)&lt;/p&gt;
  487.  
  488.  
  489.  
  490. &lt;p&gt;Because the nature and style of transitions can be heavily dependent on a theme&amp;#8217;s specific layout and design, the long-term vision is for themes to opt in and customize this behavior. This is facilitated through the WordPress theme support API, for instance by calling &lt;code&gt;add_theme_support( &#39;view-transitions&#39; )&lt;/code&gt;.&lt;/p&gt;
  491.  
  492.  
  493.  
  494. &lt;p&gt;For now, since this plugin&amp;#8217;s explicit purpose is to enable and showcase view transitions, it automatically enables them across your site, regardless of the theme currently in use.&lt;/p&gt;
  495.  
  496.  
  497.  
  498. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;customizing-view-transitions&#34;&gt;Customizing View Transitions&lt;/h2&gt;
  499.  
  500.  
  501.  
  502. &lt;p&gt;For this initial experimental phase, the plugin offers a user-friendly way to explore different configurations directly within the WordPress admin. You&amp;#8217;ll find settings under &lt;strong&gt;Settings &amp;gt; Reading&lt;/strong&gt; that allow you to tweak the view transitions behavior. This UI is primarily for easy exploration and testing at this early stage. Should view transitions make their way into Core, customization would solely be managed through code via the theme support API. That said, even with this early plugin version, themes can already start using the theme support API.&lt;/p&gt;
  503.  
  504.  
  505.  
  506. &lt;h3 class=&#34;wp-block-heading&#34;&gt;Customizing with &lt;code&gt;add_theme_support()&lt;/code&gt;&lt;/h3&gt;
  507.  
  508.  
  509.  
  510. &lt;p&gt;To quickly enable view transitions with standard settings, add the following to your theme&amp;#8217;s &lt;code&gt;functions.php&lt;/code&gt; file (typically within the &lt;code&gt;after_setup_theme&lt;/code&gt; action hook):&lt;/p&gt;
  511.  
  512.  
  513. &lt;pre class=&#34;wp-block-code&#34;&gt;&lt;span&gt;&lt;code class=&#34;hljs language-php&#34;&gt;&lt;span class=&#34;hljs-function&#34;&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;function&lt;/span&gt; &lt;span class=&#34;hljs-title&#34;&gt;mytheme_setup&lt;/span&gt;&lt;span class=&#34;hljs-params&#34;&gt;()&lt;/span&gt; &lt;/span&gt;{
  514. add_theme_support( &lt;span class=&#34;hljs-string&#34;&gt;&#39;view-transitions&#39;&lt;/span&gt; );
  515. }
  516. add_action( &lt;span class=&#34;hljs-string&#34;&gt;&#39;after_setup_theme&#39;&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&#39;mytheme_setup&#39;&lt;/span&gt; );&lt;/code&gt;&lt;/span&gt;&lt;/pre&gt;
  517.  
  518.  
  519. &lt;p&gt;For more control, you can pass an array of arguments to &lt;code&gt;add_theme_support( &#39;view-transitions&#39;, $args )&lt;/code&gt;. Here are the available arguments:&lt;/p&gt;
  520.  
  521.  
  522.  
  523. &lt;ul class=&#34;wp-block-list&#34;&gt;
  524. &lt;li&gt;&lt;strong&gt;&lt;code&gt;default-animation&lt;/code&gt;&lt;/strong&gt;: Specifies the default animation style for transitions.&lt;/li&gt;
  525.  
  526.  
  527.  
  528. &lt;li&gt;&lt;strong&gt;&lt;code&gt;post-selector&lt;/code&gt;&lt;/strong&gt;: CSS selector(s) to identify individual post containers, crucial for applying post-specific transitions from archive/listing pages.&lt;/li&gt;
  529.  
  530.  
  531.  
  532. &lt;li&gt;&lt;strong&gt;&lt;code&gt;global-transition-names&lt;/code&gt;&lt;/strong&gt;: A map (associative array) defining CSS selectors for global elements (like headers or sidebars) and their view transition names that should have persistent &lt;code&gt;view-transition-name&lt;/code&gt; values across the entire site.&lt;/li&gt;
  533.  
  534.  
  535.  
  536. &lt;li&gt;&lt;strong&gt;&lt;code&gt;post-transition-names&lt;/code&gt;&lt;/strong&gt;: A map (associative array) defining CSS selectors for elements &lt;em&gt;within&lt;/em&gt; post containers (like titles or featured images) and their view transition names that should animate during transitions to/from single views.&lt;/li&gt;
  537. &lt;/ul&gt;
  538.  
  539.  
  540.  
  541. &lt;p&gt;To provide additional context on what the view transition names are for: Whenever an element has the same view transition name assigned between two URLs that the user navigates between, it will gently morph as part of the transition, maintaining a clear association. For example, a post title in a grid of posts in an archive might scale up in size and move to the top of the page when navigating to its single post URL.&lt;/p&gt;
  542.  
  543.  
  544.  
  545. &lt;p&gt;For the &lt;code&gt;default-animation&lt;/code&gt;, a few animations are available by default. Additionally, the plugin provides an API to register additional animations, each of which encompasses a unique identifier, some configuration values, a CSS stylesheet, and optional aliases. I&amp;#8217;m not going to cover this here for now since it&amp;#8217;s a more advanced integration, but ideally in the long term there could be plugins or themes that register their own view transition animations that themes could use. For now, a few basic animations are available out of the box, mostly as an example of what can be done. The initial supported identifiers (and their aliases) are:&lt;/p&gt;
  546.  
  547.  
  548.  
  549. &lt;ul class=&#34;wp-block-list&#34;&gt;
  550. &lt;li&gt;&lt;code&gt;fade&lt;/code&gt;&lt;/li&gt;
  551.  
  552.  
  553.  
  554. &lt;li&gt;&lt;code&gt;slide&lt;/code&gt;
  555. &lt;ul class=&#34;wp-block-list&#34;&gt;
  556. &lt;li&gt;&lt;code&gt;slide-from-right&lt;/code&gt;&lt;/li&gt;
  557.  
  558.  
  559.  
  560. &lt;li&gt;&lt;code&gt;slide-from-bottom&lt;/code&gt;&lt;/li&gt;
  561.  
  562.  
  563.  
  564. &lt;li&gt;&lt;code&gt;slide-from-left&lt;/code&gt;&lt;/li&gt;
  565.  
  566.  
  567.  
  568. &lt;li&gt;&lt;code&gt;slide-from-top&lt;/code&gt;&lt;/li&gt;
  569. &lt;/ul&gt;
  570. &lt;/li&gt;
  571.  
  572.  
  573.  
  574. &lt;li&gt;&lt;code&gt;swipe&lt;/code&gt;
  575. &lt;ul class=&#34;wp-block-list&#34;&gt;
  576. &lt;li&gt;&lt;code&gt;swipe-from-right&lt;/code&gt;&lt;/li&gt;
  577.  
  578.  
  579.  
  580. &lt;li&gt;&lt;code&gt;swipe-from-bottom&lt;/code&gt;&lt;/li&gt;
  581.  
  582.  
  583.  
  584. &lt;li&gt;&lt;code&gt;swipe-from-left&lt;/code&gt;&lt;/li&gt;
  585.  
  586.  
  587.  
  588. &lt;li&gt;&lt;code&gt;swipe-from-top&lt;/code&gt;&lt;/li&gt;
  589. &lt;/ul&gt;
  590. &lt;/li&gt;
  591.  
  592.  
  593.  
  594. &lt;li&gt;&lt;code&gt;wipe&lt;/code&gt;
  595. &lt;ul class=&#34;wp-block-list&#34;&gt;
  596. &lt;li&gt;&lt;code&gt;wipe-from-right&lt;/code&gt;&lt;/li&gt;
  597.  
  598.  
  599.  
  600. &lt;li&gt;&lt;code&gt;wipe-from-bottom&lt;/code&gt;&lt;/li&gt;
  601.  
  602.  
  603.  
  604. &lt;li&gt;&lt;code&gt;wipe-from-left&lt;/code&gt;&lt;/li&gt;
  605.  
  606.  
  607.  
  608. &lt;li&gt;&lt;code&gt;wipe-from-top&lt;/code&gt;&lt;/li&gt;
  609. &lt;/ul&gt;
  610. &lt;/li&gt;
  611. &lt;/ul&gt;
  612.  
  613.  
  614.  
  615. &lt;p&gt;You can customize any or all of the supported arguments by passing an array to &lt;code&gt;add_theme_support()&lt;/code&gt;. Here’s an example modifying all available options:&lt;/p&gt;
  616.  
  617.  
  618. &lt;pre class=&#34;wp-block-code alignwide&#34;&gt;&lt;span&gt;&lt;code class=&#34;hljs language-php&#34;&gt;&lt;span class=&#34;hljs-function&#34;&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;function&lt;/span&gt; &lt;span class=&#34;hljs-title&#34;&gt;mytheme_custom_view_transitions_setup&lt;/span&gt;&lt;span class=&#34;hljs-params&#34;&gt;()&lt;/span&gt; &lt;/span&gt;{
  619. add_theme_support( &lt;span class=&#34;hljs-string&#34;&gt;&#39;view-transitions&#39;&lt;/span&gt;, &lt;span class=&#34;hljs-keyword&#34;&gt;array&lt;/span&gt;(
  620. &lt;span class=&#34;hljs-string&#34;&gt;&#39;default-animation&#39;&lt;/span&gt;       =&amp;gt; &lt;span class=&#34;hljs-string&#34;&gt;&#39;wipe-from-right&#39;&lt;/span&gt;,
  621. &lt;span class=&#34;hljs-string&#34;&gt;&#39;post-selector&#39;&lt;/span&gt;           =&amp;gt; &lt;span class=&#34;hljs-string&#34;&gt;&#39;.wp-block-post.post, article.post, article.entry&#39;&lt;/span&gt;,
  622. &lt;span class=&#34;hljs-string&#34;&gt;&#39;global-transition-names&#39;&lt;/span&gt; =&amp;gt; &lt;span class=&#34;hljs-keyword&#34;&gt;array&lt;/span&gt;(
  623. &lt;span class=&#34;hljs-string&#34;&gt;&#39;.site-branding&#39;&lt;/span&gt; =&amp;gt; &lt;span class=&#34;hljs-string&#34;&gt;&#39;logo&#39;&lt;/span&gt;,
  624. &lt;span class=&#34;hljs-string&#34;&gt;&#39;.site-header&#39;&lt;/span&gt;   =&amp;gt; &lt;span class=&#34;hljs-string&#34;&gt;&#39;header&#39;&lt;/span&gt;,
  625.         ),
  626.         &lt;span class=&#34;hljs-string&#34;&gt;&#39;post-transition-names&#39;&lt;/span&gt;   =&amp;gt; &lt;span class=&#34;hljs-keyword&#34;&gt;array&lt;/span&gt;(
  627. &lt;span class=&#34;hljs-comment&#34;&gt;// These are mostly just the defaults, but there&#39;s one extra entry.&lt;/span&gt;
  628. &lt;span class=&#34;hljs-string&#34;&gt;&#39;.wp-block-post-title, .entry-title&#39;&lt;/span&gt;     =&amp;gt; &lt;span class=&#34;hljs-string&#34;&gt;&#39;post-title&#39;&lt;/span&gt;,
  629. &lt;span class=&#34;hljs-string&#34;&gt;&#39;.wp-post-image&#39;&lt;/span&gt;                         =&amp;gt; &lt;span class=&#34;hljs-string&#34;&gt;&#39;post-thumbnail&#39;&lt;/span&gt;,
  630. &lt;span class=&#34;hljs-string&#34;&gt;&#39;.wp-block-post-content, .entry-content&#39;&lt;/span&gt; =&amp;gt; &lt;span class=&#34;hljs-string&#34;&gt;&#39;post-content&#39;&lt;/span&gt;,
  631. &lt;span class=&#34;hljs-string&#34;&gt;&#39;.post-meta&#39;&lt;/span&gt;                             =&amp;gt; &lt;span class=&#34;hljs-string&#34;&gt;&#39;post-meta&#39;&lt;/span&gt;, &lt;span class=&#34;hljs-comment&#34;&gt;// Additional entry.&lt;/span&gt;
  632. ),
  633. ) );
  634. }
  635. add_action( &lt;span class=&#34;hljs-string&#34;&gt;&#39;after_setup_theme&#39;&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&#39;mytheme_custom_view_transitions_setup&#39;&lt;/span&gt; );&lt;/code&gt;&lt;/span&gt;&lt;/pre&gt;
  636.  
  637.  
  638. &lt;p&gt;As you can see in this example, which also indicates some of the default values, they aim to capture common patterns that work across block themes and classic themes alike. That said, block themes are likely a perfect fit for view transitions, given their more predictable nature in markup due to using exclusively blocks.&lt;/p&gt;
  639.  
  640.  
  641.  
  642. &lt;p&gt;The default values for all the supported arguments are based partly on WordPress-generated classes that should almost always be included in WordPress sites, and partly on very common conventions. The goal is that the defaults should work well for the majority of WordPress sites. That said, it is impossible to make it look perfect for every possible WordPress theme. That&amp;#8217;s precisely why the theme support approach was chosen for making View Transitions available in WordPress.&lt;/p&gt;
  643.  
  644.  
  645.  
  646. &lt;h3 class=&#34;wp-block-heading&#34;&gt;Customizing via &lt;em&gt;Settings &amp;gt; Reading&lt;/em&gt;&lt;/h3&gt;
  647.  
  648.  
  649.  
  650. &lt;p&gt;A limited subset of what can be customized via &lt;code&gt;add_theme_support&lt;/code&gt; is made available via the &amp;#8220;View Transitions&amp;#8221; settings section under &lt;em&gt;Settings &amp;gt; Reading&lt;/em&gt;.&lt;/p&gt;
  651.  
  652.  
  653.  
  654. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Settings section of the View Transitions plugin for WordPress&#34; class=&#34;wp-image-2131&#34; height=&#34;576&#34; src=&#34;https://felix-arntz.me/wp-content/uploads/2025/05/view-transitions-wordpress-settings-1024x576.webp&#34; width=&#34;1024&#34; /&gt;&lt;/figure&gt;
  655.  
  656.  
  657.  
  658. &lt;p&gt;You can customize the default animation, and the selectors for the default view transition names for both global and post-specific elements. While this means the customization options are limited via the UI, it still allows you to play around with different configurations via UI, and likely for the majority of sites these are the most relevant parameters to customize anyways. Keep in mind that this UI is only supplemental, and it only exists for easy exploration in the plugin. The recommended way to customize is via &lt;code&gt;add_theme_support&lt;/code&gt; in your site&amp;#8217;s WordPress theme.&lt;/p&gt;
  659.  
  660.  
  661.  
  662. &lt;h3 class=&#34;wp-block-heading&#34;&gt;A Note on Configuration Precedence&lt;/h3&gt;
  663.  
  664.  
  665.  
  666. &lt;p&gt;It&amp;#8217;s important to be mindful that, for now, any configurations you make via the Settings UI will take precedence over what is defined in your theme&amp;#8217;s code using &lt;code&gt;add_theme_support()&lt;/code&gt;. This is something to keep in mind as you test and explore the plugin.&lt;/p&gt;
  667.  
  668.  
  669.  
  670. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Browser Support&lt;/h2&gt;
  671.  
  672.  
  673.  
  674. &lt;p&gt;Cross-document view transitions are currently supported in a range of modern browsers, including Chrome, Edge, and Safari. For users on browsers that do not yet support this API, there should be no adverse effects; they will simply experience the traditional hard transitions between pages. You can always check the latest browser compatibility at &lt;a href=&#34;https://caniuse.com/mdn-css_at-rules_view-transition&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;caniuse.com&lt;/a&gt;.&lt;/p&gt;
  675.  
  676.  
  677.  
  678. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Your Feedback is Needed!&lt;/h2&gt;
  679.  
  680.  
  681.  
  682. &lt;p&gt;If you&amp;#8217;re a WordPress theme developer or maintainer, I strongly encourage you to install the &lt;a href=&#34;http://wordpress.org/plugins/view-transitions/&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;View Transitions plugin&lt;/a&gt; and give it a spin. Better yet, consider experimenting with adding support directly into your theme using &lt;code&gt;add_theme_support( &#39;view-transitions&#39; )&lt;/code&gt;.&lt;/p&gt;
  683.  
  684.  
  685.  
  686. &lt;p&gt;And if you&amp;#8217;re simply curious about the feature and want to enable it on your WordPress site, I similarly encourage you to try out the plugin. The Core Performance Team would love to get your feedback.&lt;/p&gt;
  687.  
  688.  
  689.  
  690. &lt;p&gt;While this is a fresh first release and still experimental, like other plugins incubated within the &lt;a href=&#34;https://wordpress.org/plugins/performance-lab/&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;Performance Lab program&lt;/a&gt;, it holds the potential to one day become a part of WordPress Core.&lt;/p&gt;
  691.  
  692.  
  693.  
  694. &lt;p&gt;Your early feedback and real-world use cases will be absolutely instrumental in refining this feature, addressing potential issues, and shaping its future.&lt;/p&gt;
  695.  
  696.  
  697.  
  698. &lt;h3 class=&#34;wp-block-heading&#34;&gt;Join Us at WordCamp Europe 2025 Contributor Day!&lt;/h3&gt;
  699.  
  700.  
  701.  
  702. &lt;p&gt;I&amp;#8217;m publishing this post in a very timely manner &amp;#8211; today is &lt;a href=&#34;https://europe.wordcamp.org/2025/contributor-day/&#34;&gt;WordCamp Europe 2025 Contributor Day&lt;/a&gt;! I&amp;#8217;ll be at the Core Performance Team table, and a key part of our agenda will be testing, discussing, and gathering feedback on this new &lt;a href=&#34;https://wordpress.org/plugins/view-transitions/&#34;&gt;View Transitions&lt;/a&gt; plugin.&lt;/p&gt;
  703.  
  704.  
  705.  
  706. &lt;p&gt;If you&amp;#8217;re attending and are curious to learn more, want to get involved, or have initial thoughts to share, I would love for you to join us. Your insights will be invaluable!&lt;/p&gt;
  707.  
  708.  
  709.  
  710. &lt;h3 class=&#34;wp-block-heading&#34;&gt;Feedback and Contributions&lt;/h3&gt;
  711.  
  712.  
  713.  
  714. &lt;p&gt;As this plugin is in its early stages, your feedback is highly encouraged and deeply appreciated.&lt;/p&gt;
  715.  
  716.  
  717.  
  718. &lt;ul class=&#34;wp-block-list&#34;&gt;
  719. &lt;li&gt;If you have suggestions, ideas for new features, or encounter any bugs, please &lt;a href=&#34;https://github.com/WordPress/performance/issues/new/choose&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;submit them as an issue in the WordPress Core Performance Team&amp;#8217;s GitHub repository&lt;/a&gt;.&lt;/li&gt;
  720.  
  721.  
  722.  
  723. &lt;li&gt;If you need help with troubleshooting or have questions about the plugin, please &lt;a href=&#34;https://wordpress.org/support/plugin/view-transitions/#new-topic-0&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;create a new topic on our support forum&lt;/a&gt;.&lt;/li&gt;
  724. &lt;/ul&gt;
  725.  
  726.  
  727.  
  728. &lt;p&gt;And of course, contributions are always welcome! You can learn more about how to get involved by checking out the &lt;a href=&#34;https://make.wordpress.org/performance/handbook/get-involved/&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;Core Performance Team Handbook&lt;/a&gt;.&lt;/p&gt;
  729.  
  730.  
  731.  
  732. &lt;p&gt;I&amp;#8217;m really excited to see how the community uses and shapes this new feature!&lt;/p&gt;
  733. &lt;p&gt;The post &lt;a href=&#34;https://felix-arntz.me/blog/introducing-view-transitions-wordpress-plugin/&#34;&gt;Introducing the View Transitions Plugin for WordPress&lt;/a&gt; appeared first on &lt;a href=&#34;https://felix-arntz.me&#34;&gt;felix-arntz.me&lt;/a&gt;.&lt;/p&gt;</description>
  734. <pubDate>Thu, 05 Jun 2025 04:09:09 +0000</pubDate>
  737. <dc:creator>Felix</dc:creator>
  739. </item>
  740.  
  741. <item>
  742. <title>Tammie Lister: May in WordPress</title>
  743. <guid>https://binatethoughts.com/?p=1853</guid>
  744. <link>https://binatethoughts.com/may-in-wordpress/</link>
  746. <description>&lt;p&gt;This month was full of backlog management, prioritisation and clearing out queues. I focused on identifying where things were blocking and preparing for WordCamp Europe.&lt;/p&gt;
  747.  
  748.  
  749.  
  750. &lt;h3 class=&#34;wp-block-heading&#34;&gt;Areas of contribution&lt;/h3&gt;
  751.  
  752.  
  753.  
  754. &lt;p&gt;Whilst my focus was on backlog management, it split into two distinct areas:&lt;/p&gt;
  755.  
  756.  
  757.  
  758. &lt;ul class=&#34;wp-block-list&#34;&gt;
  759. &lt;li&gt;&lt;strong&gt;Closing tickets:&lt;/strong&gt; I focused on Trac and the Gutenberg repo for this. Make sure to go oldest first.&lt;/li&gt;
  760.  
  761.  
  762.  
  763. &lt;li&gt;&lt;strong&gt;Focusing design: &lt;/strong&gt;Ensuring the design queue was clear about what needed design and what required feedback. This was something that arose from contributor input as a point of confusion, and I have made considerable progress through this. I worked on issues, focusing on having only one of those states, and also addressed items in &amp;#8216;needs design&amp;#8217; that were truly ready for implementation, having an agreement in place. This work does need to continue.&lt;/li&gt;
  764. &lt;/ul&gt;
  765.  
  766.  
  767.  
  768. &lt;p&gt;I also began thinking about how to optimise and make reporting easier for backlog management, and I want to bring those discussions to WordCamp Europe. &lt;/p&gt;
  769.  
  770.  
  771.  
  772. &lt;p&gt;Some stats across the backlog management of issues and tickets in Trac and Github.&lt;/p&gt;
  773.  
  774.  
  775.  
  776. &lt;ul class=&#34;wp-block-list&#34;&gt;
  777. &lt;li&gt;&lt;strong&gt;Triaged: &lt;/strong&gt;around 143&lt;/li&gt;
  778.  
  779.  
  780.  
  781. &lt;li&gt;&lt;strong&gt;Closed:&lt;/strong&gt; 60&lt;/li&gt;
  782.  
  783.  
  784.  
  785. &lt;li&gt;&lt;strong&gt;Prioritised in design&lt;/strong&gt;: around 49&lt;/li&gt;
  786. &lt;/ul&gt;
  787.  
  788.  
  789.  
  790. &lt;p&gt;In other contributions, I worked on some designs and gave feedback across a range of tickets. I also began exploring how far DataViews can go and have a list of things to now report from this. It reminded me of the value of pushing the boundaries of our learning features.&lt;/p&gt;
  791.  
  792.  
  793.  
  794. &lt;h3 class=&#34;wp-block-heading&#34;&gt;Upcoming plans for contribution&lt;/h3&gt;
  795.  
  796.  
  797.  
  798. &lt;p&gt;The big event is WordCamp Europe, which is taking place this week. I will be attending Contribution Day. After that, the following are my objectives:&lt;/p&gt;
  799.  
  800.  
  801.  
  802. &lt;ul class=&#34;wp-block-list&#34;&gt;
  803. &lt;li&gt;&lt;strong&gt;Extensibility:&lt;/strong&gt; Continue my focus on work there and prioritise how to establish criteria for what gets in and what does not. Hopefully, unblocking a range of issues during WordCamp Europe.&lt;/li&gt;
  804.  
  805.  
  806.  
  807. &lt;li&gt;&lt;strong&gt;Backlog management: &lt;/strong&gt;My work is constant, but I want to explore how it can evolve smarter, potentially utilising systems to manage and enhance workflow.&lt;/li&gt;
  808.  
  809.  
  810.  
  811. &lt;li&gt;&lt;strong&gt;Papercuts: &lt;/strong&gt;After WordCamp, I will pick this up again with several issues to focus on.&lt;/li&gt;
  812. &lt;/ul&gt;
  813.  
  814.  
  815.  
  816. &lt;p&gt;With WordCamp Europe, I am restricting my plans beyond what I have mentioned above, as things will likely emerge from it and change.&lt;/p&gt;
  817.  
  818.  
  819.  
  820. &lt;h3 class=&#34;wp-block-heading&#34;&gt;Sponsors this month&lt;/h3&gt;
  821.  
  822.  
  823.  
  824. &lt;p&gt;I now have three company sponsors: &lt;a href=&#34;https://www.bigscoots.com/&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;BigScoots&lt;/a&gt;, &lt;a href=&#34;https://greyd.io/&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;Greyd&lt;/a&gt; and &lt;a href=&#34;https://kinsta.com/&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;Kinsta&lt;/a&gt;. I also have five sponsors through GitHub: &lt;a href=&#34;https://github.com/aaronjorbin&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;Aaron Jorbin&lt;/a&gt;, &lt;a href=&#34;https://github.com/timnashcouk&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;Tim Nash&lt;/a&gt;, &lt;a href=&#34;https://github.com/jeffpaul&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;Jeffrey Paul&lt;/a&gt;, &lt;a href=&#34;https://github.com/foosantos&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;Felipe Santos&lt;/a&gt; and &lt;a href=&#34;https://github.com/scotrumery&#34;&gt;Scot Rumery&lt;/a&gt;. To everyone who sponsored me and helped me secure a sponsorship, thank you.&lt;/p&gt;
  825.  
  826.  
  827.  
  828. &lt;p&gt;&lt;strong&gt;Want to sponsor me? &lt;/strong&gt;You can go through &lt;a href=&#34;https://github.com/karmatosed&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;GitHub&lt;/a&gt; or also get in &lt;a href=&#34;mailto:hello@tammielister.com&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;touch&lt;/a&gt;.&lt;/p&gt;
  829.  
  830.  
  831.  
  832. &lt;p&gt;There is always sponsorship, of course, that is volunteered, and I&amp;#8217;ll do as much as possible whilst still keeping things flowing – let&amp;#8217;s get contributing!&lt;/p&gt;</description>
  833. <pubDate>Wed, 04 Jun 2025 08:48:26 +0000</pubDate>
  836. <dc:creator>binatethoughts.com</dc:creator>
  838. </item>
  839.  
  840. <item>
  841. <title>Jonathan Desrosiers: WordPress Grab Bag: WCEU, WordPress turns 22, new AI team</title>
  842. <guid>https://jonathandesrosiers.com/?p=4833</guid>
  843. <link>https://jonathandesrosiers.com/2025/06/wordpress-grab-bag-wceu-wordpress-turns-22-new-ai-team/</link>
  845. <description>&lt;p class=&#34;&#34;&gt;I haven&amp;#8217;t been doing a great job blogging regularly so far this year. We&amp;#8217;ve now passed the 40% mark of the calendar year, and I&amp;#8217;m hoping to make up for that during the remaining 60% of the time. To get started, here are some thoughts on a few topics that have been on my mind over the course of the last week.&lt;/p&gt;
  846.  
  847.  
  848.  
  849. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;h-attending-and-presenting-at-wordcamp-europe&#34;&gt;Attending and presenting at WordCamp Europe&lt;/h2&gt;
  850.  
  851.  
  852.  
  853. &lt;p class=&#34;&#34;&gt;I&amp;#8217;m currently sitting in Terminal A of &lt;a href=&#34;https://www.massport.com/logan-airport&#34;&gt;Boston Logan International Airport&lt;/a&gt; waiting for the first leg of my journey to &lt;a href=&#34;https://jonathandesrosiers.com/2025/04/speaking-at-wordcamp-europe-2025/&#34;&gt;attend WordCamp Europe in Basel, Switzerland&lt;/a&gt;. In addition to the obvious reasons to be excited (seeing friends, meeting new people, checking out what everyone in the community has been building), I&amp;#8217;m also really happy with what my presentation has grown into and can’t wait to present it. It’s not just about the decision making frameworks Core Committers use, but also a reflection on the project&amp;#8217;s foundational philosophies and how they&amp;#8217;ve helped the project thrive.&lt;/p&gt;
  854.  
  855.  
  856.  
  857. &lt;figure class=&#34;wp-block-image alignwide size-large wp-lightbox-container&#34;&gt;&lt;img alt=&#34;&#34; class=&#34;wp-image-4896 not-transparent&#34; height=&#34;576&#34; src=&#34;https://jonathandesrosiers.com/wp-content/uploads/2025/06/wceu-title-slide-1024x576.jpg&#34; width=&#34;1024&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  858. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  859. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  860. &lt;/svg&gt;
  861. &lt;/button&gt;&lt;/figure&gt;
  862.  
  863.  
  864.  
  865. &lt;p class=&#34;&#34;&gt;There are several points in my speaker notes that have stuck with me. I plan to write some additional posts to explore deeper in the coming weeks!&lt;/p&gt;
  866.  
  867.  
  868.  
  869. &lt;p class=&#34;&#34;&gt;If you&amp;#8217;re unable to join in person, I&amp;#8217;m including the live stream below.&lt;/p&gt;
  870.  
  871.  
  872.  
  873. &lt;figure class=&#34;wp-embed-aspect-4-3 wp-has-aspect-ratio wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube&#34;&gt;&lt;div class=&#34;wp-block-embed__wrapper&#34;&gt;
  874.  
  875. &lt;/div&gt;&lt;/figure&gt;
  876.  
  877.  
  878.  
  879. &lt;h2 class=&#34;wp-block-heading&#34;&gt;WordPress reaches 22 years old&lt;/h2&gt;
  880.  
  881.  
  882.  
  883. &lt;p class=&#34;&#34;&gt;Last week was the 22nd birthday for the WordPress project. The &lt;a href=&#34;https://wordpress.org/news/2003/05/wordpress-now-available/&#34;&gt;first version of the software was released on May 27, 2003&lt;/a&gt;. While 22 is not as exciting as 21, I always enjoy reading the reflections from the community and seeing how the software we all help maintain has changed lives.&lt;/p&gt;
  884.  
  885.  
  886.  
  887. &lt;p class=&#34;&#34;&gt;I first used WordPress around 2007, and received my first credit for contributing in 2013. This means I’ve now been a user of WordPress for over 80%, and a contributor for over 55% of the project’s lifespan.&lt;/p&gt;
  888.  
  889.  
  890.  
  891. &lt;p class=&#34;&#34;&gt;Happy Birthday WordPress! &lt;img alt=&#34;🎉&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f389.png&#34; style=&#34;height: 1em;&#34; /&gt;&lt;img alt=&#34;🎊&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f38a.png&#34; style=&#34;height: 1em;&#34; /&gt;&lt;img alt=&#34;🍾&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f37e.png&#34; style=&#34;height: 1em;&#34; /&gt;&lt;img alt=&#34;🥳&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f973.png&#34; style=&#34;height: 1em;&#34; /&gt;&lt;/p&gt;
  892.  
  893.  
  894.  
  895. &lt;h2 class=&#34;wp-block-heading&#34;&gt;New WordPress AI team&lt;/h2&gt;
  896.  
  897.  
  898.  
  899. &lt;p class=&#34;&#34;&gt;Also last week, a post was published to &lt;a href=&#34;https://wordpress.org/news/2025/05/announcing-the-formation-of-the-wordpress-ai-team/&#34;&gt;announce the formation of a new AI team for the project&lt;/a&gt;. I&amp;#8217;m really looking forward to this team getting started. Initially, the &lt;a href=&#34;https://make.wordpress.org/core/2023/05/02/lets-talk-wordpress-core-artificial-intelligence/&#34;&gt;stance of the Core team&lt;/a&gt; was to observe and wait for the needs to become more clear. But the time has come to explore taking action in some important areas. Specifically extensibility of the block editor, documentation, and ensuring any necessary internal functionality is available through APIs.&lt;/p&gt;
  900.  
  901.  
  902.  
  903. &lt;p class=&#34;&#34;&gt;Near term, I think once some of these items have a plan to be addressed, what could make the most sense is several canonical AI plugins that integrate with different models or services similar to how importing site content works (WordPress, Tumblr, Movable Type/TypePad, etc. each have their own plugin).&lt;/p&gt;
  904.  
  905.  
  906.  
  907. &lt;p class=&#34;&#34;&gt;If you have thoughts about the place AI has in the project, join the conversation in the &lt;a href=&#34;https://wordpress.slack.com/archives/C08TJ8BPULS&#34;&gt;#core-ai channel&lt;/a&gt; of the &lt;a href=&#34;https://make.wordpress.org/chat/&#34;&gt;WordPress.org Slack&lt;/a&gt;!&lt;/p&gt;
  908.  
  909.  
  910.  
  911. &lt;p class=&#34;has-text-align-right&#34;&gt;&lt;em&gt;Featured image credit: &lt;a href=&#34;https://creativecommons.org/publicdomain/zero/1.0/&#34;&gt;CC0&lt;/a&gt; licensed &lt;a href=&#34;https://wordpress.org/photos/photo/8456505dd5/&#34;&gt;photo&lt;/a&gt; by &lt;a href=&#34;https://www.nilovelez.com/&#34;&gt;Nilo Velez&lt;/a&gt; from the &lt;a href=&#34;https://wordpress.org/photos/&#34;&gt;WordPress Photo Directory&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;
  912. &lt;p&gt;The post &lt;a href=&#34;https://jonathandesrosiers.com/2025/06/wordpress-grab-bag-wceu-wordpress-turns-22-new-ai-team/&#34;&gt;WordPress Grab Bag: WCEU, WordPress turns 22, new AI team&lt;/a&gt; appeared first on &lt;a href=&#34;https://jonathandesrosiers.com&#34;&gt;Jonathan Desrosiers&lt;/a&gt;.&lt;/p&gt;</description>
  913. <pubDate>Tue, 03 Jun 2025 11:32:01 +0000</pubDate>
  916. <dc:creator>Jonathan Desrosiers</dc:creator>
  918. </item>
  919.  
  920. <item>
  921. <title>Tammie Lister: Optimising Triage and Review Processes in WordPress Using AI</title>
  922. <guid>https://binatethoughts.com/?p=1826</guid>
  923. <link>https://binatethoughts.com/optimising-triage-and-review-processes-in-wordpress-using-ai/</link>
  925. <description>&lt;p&gt;Integrating advancements into open source processes makes sense. The friction often comes in the how and the usefulness. While AI holds immense potential for revolutionising triage and review processes, it&amp;#8217;s crucial to acknowledge its current limitations and look to where it can evolve, learn, and grow to its full capacity. This post aims to explore this potential, offering a realistic perspective. It&amp;#8217;s not a post that claims to solve everything; instead, it will show how we can get started and regain some hours to focus on other needed areas of the project.&lt;/p&gt;
  926.  
  927.  
  928.  
  929. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;img alt=&#34;&#34; class=&#34;wp-image-1827&#34; height=&#34;1024&#34; src=&#34;https://binatethoughts.com/wp-content/uploads/2025/06/openart-38ad7cab-43e0-4eed-be32-4d7835b68423.png&#34; width=&#34;1024&#34; /&gt;&lt;/figure&gt;
  930.  
  931.  
  932.  
  933. &lt;p&gt;Before we delve into this topic, it&amp;#8217;s important to note that while AI can achieve a great deal, it also has its limitations. This post will focus on high-level inferences rather than direct proposals, starting with small steps. I don&amp;#8217;t have all the answers, but together, we can find them. My perspective is informed by extensive theme reviews and ongoing triage work, so I won&amp;#8217;t cover areas where I lack knowledge.&lt;/p&gt;
  934.  
  935.  
  936.  
  937. &lt;h2 class=&#34;wp-block-heading&#34;&gt;What can it do today&lt;/h2&gt;
  938.  
  939.  
  940.  
  941. &lt;p&gt;In simple terms, the things we likely shouldn&amp;#8217;t be doing manually include reviews, first-pass triage, testing and routine checks. Historically, there have been areas where we have been slowly adding more processes over time before the term AI was widely used. That&amp;#8217;s one of the key things: often, having a robust process, a path trodden and documented, means the parsing is simple to learn, and therefore you can hand it over more easily.&lt;/p&gt;
  942.  
  943.  
  944.  
  945. &lt;p&gt;Triage is already being done incredibly effectively in areas like healthcare. There it is improving accuracy and saving lives, as noted in an article by Reuters:&lt;/p&gt;
  946.  
  947.  
  948.  
  949. &lt;blockquote class=&#34;wp-block-quote is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  950. &lt;p&gt;&amp;#8220;Our study provides the first multinational evidence that artificial intelligence can help enhance accuracy&amp;#8221; in determining HER2 clinical categories, &amp;#8220;potentially closing critical diagnostic gaps and enabling more patients to have access to new therapies, said Dr. Marina De Brot of the A.C. Camargo Cancer Center in Sao Paulo, Brazil, who led the study.&lt;br /&gt;&amp;#8220;Until recently, most of these patients would have not been offered these options,&amp;#8221; she said.&amp;#8221;&lt;br /&gt;&lt;a href=&#34;https://www.reuters.com/business/healthcare-pharmaceuticals/health-rounds-amgen-blood-platelet-booster-helps-patients-who-need-chemotherapy-2025-05-30/?utm_source=chatgpt.com&#34;&gt;Link&lt;/a&gt;: Reuters&lt;/p&gt;
  951. &lt;/blockquote&gt;
  952.  
  953.  
  954.  
  955. &lt;h2 class=&#34;wp-block-heading&#34;&gt;A triage first-pass&lt;/h2&gt;
  956.  
  957.  
  958.  
  959. &lt;p&gt;The first area is improving first-pass triages. What do I mean by this? In simple terms, doing a lot of the manual work like duplicate label removal, closing after a specific time, checking for details and even duplicate issue detection. Pattern-matching tasks are where these systems excel, and a lot of this is simply a matter of pointing to our learnings during triage and matching them accordingly.&lt;/p&gt;
  960.  
  961.  
  962.  
  963. &lt;p&gt;This is basic; it&amp;#8217;s not AI as much as it&amp;#8217;s processing. It&amp;#8217;s one step above issue templates. The following piece is where it gets interesting: the model for triage needs to learn comprehension of the issue contents. We need to add features like dashboards to the flow because the first stage could be a catch-all that, over time, allows it to triage more to a buffer dashboard, recommending specific states. &lt;/p&gt;
  964.  
  965.  
  966.  
  967. &lt;p&gt;All of these approaches are an excellent way of training, as it provides the model with some freedom to make mistakes, be corrected, learn from them, and refine its patterns. We also collectively don&amp;#8217;t have to worry about labels being added and things closed. Whilst those of us doing triage, get to benefit early on and help train.&lt;/p&gt;
  968.  
  969.  
  970.  
  971. &lt;h2 class=&#34;wp-block-heading&#34;&gt;The impact of triage processing&lt;/h2&gt;
  972.  
  973.  
  974.  
  975. &lt;p&gt;As far as triage goes, we will be far from achieving full automation of this for quite some time. My instinct is that this is more of a help in clearing a percentage and making it easier for those working on issues. It can do that in significant numbers, to the extent that over 50% of the time spent in triage could be recovered I&amp;#8217;d suggest sooner over later. I do see this going up over time, but how much depends on the quality of the modelling and our trust as a project.&lt;/p&gt;
  976.  
  977.  
  978.  
  979. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Theme review first-pass&lt;/h2&gt;
  980.  
  981.  
  982.  
  983. &lt;p&gt;Just as triage, I suggest adopting a similar model for theme reviews. In this case, too, if we are honest, reviewing what we do and don&amp;#8217;t want in reviews would be beneficial. I will be bold here, but nearly 100% of theme reviewing could be done through a process without manual interaction fairly soon.&lt;/p&gt;
  984.  
  985.  
  986.  
  987. &lt;p&gt;How do we get there? We achieve this through a balance of reviewing the theme review guidelines and, similarly, triage training. These reviews are very formulaic and matching. This is what models thrive on. Suppose we gain trust in this approach and implement the process. In that case, we can then focus all our effort on manual reviewing in various areas, including raising the quality of the core product, documentation, education, and our theme offerings as a project.&lt;/p&gt;
  988.  
  989.  
  990.  
  991. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Testing&lt;/h2&gt;
  992.  
  993.  
  994.  
  995. &lt;p&gt;We have, over the years, even before the recent AI tech wave, been leaning into less manual testing. Issues and tickets needed less manual testing. We require testing for regression across all areas in our project. That&amp;#8217;s not AI, but we can take it even further, adopting a more updated approach to our testing.&lt;/p&gt;
  996.  
  997.  
  998.  
  999. &lt;p&gt;The reality of the world today is that you can share a screenshot with code editors and get an application mocked up that looks like that. We also need to evolve our systems to test for differences and minimise the need for multiple humans to be involved in each ticket.&lt;/p&gt;
  1000.  
  1001.  
  1002.  
  1003. &lt;h2 class=&#34;wp-block-heading&#34;&gt;What will we do if it does this?&lt;/h2&gt;
  1004.  
  1005.  
  1006.  
  1007. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;img alt=&#34;&#34; class=&#34;wp-image-1829&#34; height=&#34;1024&#34; src=&#34;https://binatethoughts.com/wp-content/uploads/2025/06/openart-48c1cda1-444d-40e3-89b1-5d046bc4143f.png&#34; width=&#34;1024&#34; /&gt;&lt;/figure&gt;
  1008.  
  1009.  
  1010.  
  1011. &lt;p&gt;I share these perspectives as someone who performs triage and frequently engages in this manual work. Some may be sceptical or wonder how their sponsored time will be allocated. The point is that there is a great deal that needs to be done in this project. These systems to implement today&amp;#8217;s technology need people. The models require training by experts. Then they need to be nurtured and grown by those same people. There will always be a need for contributors.&lt;/p&gt;
  1012.  
  1013.  
  1014.  
  1015. &lt;p&gt;At this time, with our capabilities in automation and AI in a world of agentic flows, we can do better than relying solely on manual processes. We must do so in order not to be left behind. It is also not resourceful to use humans this way. We can use our scarce human resources more sensibly. Our time is finite, and this project requires us to accomplish many tasks. There will be a balance between what we automate and utilise as resources and what we provide to a system. That, though, is something we need to start working out, and we do that by realising we need to find a balance in how we do things and measure the costs of our processes today and in the future.&lt;/p&gt;</description>
  1016. <pubDate>Sun, 01 Jun 2025 12:42:01 +0000</pubDate>
  1019. <dc:creator>binatethoughts.com</dc:creator>
  1021. </item>
  1022.  
  1023. <item>
  1024. <title>Do The Woo Community: Building Reliable WooCommerce Sites: Insights into Hosting, Scaling, and Workflow</title>
  1025. <guid>https://openchannels.fm/?post_type=blog&amp;p=97002</guid>
  1026. <link>https://openchannels.fm/building-reliable-woocommerce-sites-insights-into-hosting-scaling-and-workflow/</link>
  1028. <description>Shared strategies to ensure reliable WooCommerce performance during traffic spikes, emphasizing standardized processes, trusted hosting partnerships, and automated testing to foster client trust and ease agency operations.</description>
  1029. <pubDate>Thu, 29 May 2025 12:38:00 +0000</pubDate>
  1032. <dc:creator>Bob Dunn</dc:creator>
  1034. </item>
  1035.  
  1036. <item>
  1037. <title>Do The Woo Community: Launching Upload Worthy: Video Strategy, Brand Awareness, and Conversions for WordPress Product Creators</title>
  1038. <guid>https://openchannels.fm/?p=97496</guid>
  1039. <link>https://openchannels.fm/launching-upload-worthy-video-strategy-brand-awareness-and-conversions-for-wordpress-product-creators/</link>
  1041. <description>The inaugural episode of &#34;Upload Worthy&#34; explores video marketing strategies with hosts Christian Taylor and Adam Weeks. They discuss timing for video investment, brand awareness versus conversions, and measuring content success.</description>
  1042. <pubDate>Thu, 29 May 2025 09:57:00 +0000</pubDate>
  1045. <dc:creator>Bob Dunn</dc:creator>
  1047. </item>
  1048.  
  1049. <item>
  1050. <title>WordPress Foundation: Thank You, Automattic: Announcing the Open Horizons Scholarship</title>
  1051. <guid>https://wordpressfoundation.org/?p=1201015</guid>
  1052. <link>https://wordpressfoundation.org/news/2025/thank-you-automattic-announcing-the-open-horizons-scholarship/</link>
  1054. <description>&lt;p&gt;We’re thrilled to announce the Open Horizons Scholarship, a new initiative to help contributors from underrepresented regions attend flagship WordCamp events, made possible through a generous $30,000 donation from Automattic to the WordPress Foundation.&lt;/p&gt;
  1055.  
  1056.  
  1057.  
  1058. &lt;p&gt;Thank you, Automattic, for funding this important work. Your support expands opportunities for contributors around the world to participate in person, starting with WordCamp US 2025.&lt;/p&gt;
  1059.  
  1060.  
  1061.  
  1062. &lt;p&gt;The scholarship will be managed by the WordPress Foundation, which will oversee the application and selection process and ensure that funds are distributed equitably. This new program joins the Kim Parsell Memorial Scholarship and the Diversity Scholarship by WordPress Community Support, reinforcing a shared commitment to a more inclusive and globally representative WordPress community.&lt;/p&gt;
  1063.  
  1064.  
  1065.  
  1066. &lt;p&gt;If your company believes in a more diverse, open, and accessible web, we invite you to join us. Support a scholarship. Sponsor a contributor. Help build the future of WordPress, together&lt;/p&gt;
  1067.  
  1068.  
  1069.  
  1070. &lt;p&gt;&lt;strong&gt;Interested in applying?&lt;br /&gt;&lt;/strong&gt;&lt;a href=&#34;https://automattic.survey.fm/open-horizons-scholarship&#34;&gt;Apply for the Open Horizons Scholarship&lt;/a&gt; and take your next step toward joining the flagship WordCamp experience. To learn more, you can read &lt;a href=&#34;https://automattic.com/2025/05/28/automattic-open-horizons-scholarship/&#34;&gt;Automattic’s full announcement&lt;/a&gt; about the program.&lt;/p&gt;
  1071.  
  1072.  
  1073.  
  1074. &lt;p&gt;&lt;/p&gt;</description>
  1075. <pubDate>Wed, 28 May 2025 19:28:55 +0000</pubDate>
  1078. <dc:creator>Isotta Peira</dc:creator>
  1080. </item>
  1081.  
  1082. <item>
  1083. <title>WPTavern: #171 – Felix Arntz on How Speculative Loading Is Speeding Up Your WordPress Website</title>
  1084. <guid>https://wptavern.com/?post_type=podcast&amp;p=196101</guid>
  1085. <link>https://wptavern.com/podcast/171-felix-arntz-on-how-speculative-loading-is-speeding-up-your-wordpress-website</link>
  1087. <description>&lt;details&gt;Transcript&lt;div&gt;
  1088. &lt;p&gt;[00:00:19] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Welcome to the Jukebox Podcast from WP Tavern. My name is Nathan Wrigley.&lt;/p&gt;
  1089.  
  1090.  
  1091.  
  1092. &lt;p&gt;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, how speculative loading is speeding up your WordPress website.&lt;/p&gt;
  1093.  
  1094.  
  1095.  
  1096. &lt;p&gt;If you&amp;#8217;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/feed/podcast, and you can copy that URL into most podcast players.&lt;/p&gt;
  1097.  
  1098.  
  1099.  
  1100. &lt;p&gt;If you have a topic that you&amp;#8217;d like us to feature on the podcast, I&amp;#8217;m keen to hear from you and hopefully get you, or your idea, featured. On the show. Head to wptavern.com/contact/jukebox, and use the form there.&lt;/p&gt;
  1101.  
  1102.  
  1103.  
  1104. &lt;p&gt;So on the podcast today we have Felix Arntz. Felix is a Senior Software Engineer at Google, and a WordPress Core contributor from Germany, currently residing in San Francisco, California. He helped establish the WordPress Core performance team, and has been heavily contributing to its efforts. He has been using WordPress for a decade and contributing back to the project since 2015. More recently, he has stepped into the role of the inaugural performance lead for the WordPress 6.2 release, and subsequently of the 6.3 and 6.8 releases. In the latter release, he spearheaded development, and launch, of the new speculative loading feature, which is the focus of the podcast today.&lt;/p&gt;
  1105.  
  1106.  
  1107.  
  1108. &lt;p&gt;Speculative loading is one of the most important, and yet, almost invisible performance enhancements of recent times. If you&amp;#8217;re on WordPress 6.8, this new feature is already active on your site, working quietly in the background to make page navigation faster, but you might never know from the WordPress UI. There&amp;#8217;s no menu, no toggle, and no obvious indicator to show it&amp;#8217;s there.&lt;/p&gt;
  1109.  
  1110.  
  1111.  
  1112. &lt;p&gt;Felix explains exactly what speculative loading is and why it feels almost like browser magic. The Ability for WordPress, using the browser&amp;#8217;s new Speculation Rules API to load the next page just as the user is about to visit it. It&amp;#8217;s a clever use of browser signals like mouse clicks, and hovers, to anticipate navigation, shaving off precious milliseconds, sometimes even providing what feels like an instant page load.&lt;/p&gt;
  1113.  
  1114.  
  1115.  
  1116. &lt;p&gt;Felix clarifies the difference between conservative and more aggressive approaches to speculative loading. And why the WordPress core team opted for the safest, least wasteful, option by default, while still giving developers or advanced users the hooks and tools to customize, or even disable it, as needed.&lt;/p&gt;
  1117.  
  1118.  
  1119.  
  1120. &lt;p&gt;Felix discusses the origins of the feature as a plugin, the testing and data collection undertaking with tens of thousands of sites, and how this real world data gave the team confidence to ship speculative loading to all WordPress users. We talk about what those performance wins mean at scale, how a 2% improvement on 43% of the internet translates into saving users untold hours of waiting collectively.&lt;/p&gt;
  1121.  
  1122.  
  1123.  
  1124. &lt;p&gt;We also get into the weeds on measurement and methodology, how the team uses data from the Chrome user Experience Report and HTTP Archive to track web performance, prioritize features, and validate real world impact. Felix offers insights into how these global, anonymized data, sets allow the performance team to make truly data-driven decisions.&lt;/p&gt;
  1125.  
  1126.  
  1127.  
  1128. &lt;p&gt;Beyond the tech, Felix addresses practical considerations such as how to opt out or fine tune speculative loading if you have specific needs. How environmental concerns are balanced by default configurations. And how plugins or agencies might build on this foundation in the future.&lt;/p&gt;
  1129.  
  1130.  
  1131.  
  1132. &lt;p&gt;If you&amp;#8217;ve ever wondered how large scale browser level improvements make their way into WordPress Core, or simply want to know if there&amp;#8217;s a way to make your own WordPress site that much faster, this episode is for you.&lt;/p&gt;
  1133.  
  1134.  
  1135.  
  1136. &lt;p&gt;If you&amp;#8217;re interested in finding out more, you can find all of the links in the show notes by heading to wptavern.com/podcast, where you&amp;#8217;ll find all the other episodes as well.&lt;/p&gt;
  1137.  
  1138.  
  1139.  
  1140. &lt;p&gt;And so without further delay, I bring you Felix Arntz. I am joined on the podcast by Felix Arntz. Hello, Felix.&lt;/p&gt;
  1141.  
  1142.  
  1143.  
  1144. &lt;p&gt;[00:04:46] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; Hey. Happy to be here.&lt;/p&gt;
  1145.  
  1146.  
  1147.  
  1148. &lt;p&gt;[00:04:47] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Yeah, thank you. I appreciate you joining us. Felix is joining us all the way from California. I&amp;#8217;m in the UK so there&amp;#8217;s a big time gap. And I appreciate you getting up early and talking to me. That&amp;#8217;s fantastic.&lt;/p&gt;
  1149.  
  1150.  
  1151.  
  1152. &lt;p&gt;Felix is going to be talking to us today about something which is now in WordPress, and you may not even know that it&amp;#8217;s in there because there&amp;#8217;s nothing to see here. But the endeavor of what Felix has built is to make all WordPress websites basically immediately better. More performant, so that the end users of your websites will be able to access your content more quickly.&lt;/p&gt;
  1153.  
  1154.  
  1155.  
  1156. &lt;p&gt;It is something that&amp;#8217;s really fascinating. But before we begin digging into all that, I know it&amp;#8217;s a dreadfully banal question, Felix, but would you just tell us who you are so that people understand your credentials in the WordPress space?&lt;/p&gt;
  1157.  
  1158.  
  1159.  
  1160. &lt;p&gt;[00:05:32] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; Sure. Thank you. I have been contributing to WordPress now for 10 years. So I started as a freelancer building websites using WordPress, and eventually got into contributing to WordPress Core after I went to my first WordCamp, which was a great way to get started.&lt;/p&gt;
  1161.  
  1162.  
  1163.  
  1164. &lt;p&gt;Yeah, ever since then I&amp;#8217;ve been contributing to WordPress Core, and eventually became a Core Committer. And now, for over six years, I&amp;#8217;ve been working at Google, the team where we focus on CMS projects for the most part. So I&amp;#8217;ve been, especially in the last good three years or so, I&amp;#8217;ve been sponsored by Google to contribute to WordPress with a specific focus on improving performance.&lt;/p&gt;
  1165.  
  1166.  
  1167.  
  1168. &lt;p&gt;So our team essentially co-founded the WordPress performance team, which is an official part of the wordpress.org project. And ever since that was founded in late 2021, we&amp;#8217;ve been contributing to that effort, and the speculative loading feature is a big part of that.&lt;/p&gt;
  1169.  
  1170.  
  1171.  
  1172. &lt;p&gt;[00:06:25] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; That&amp;#8217;s what we&amp;#8217;re going to talk about today. Can I just rewind a little bit though, and talk about Google for a minute. So, are you employed by Google to commit to WordPress Core? Do you spend a hundred percent of your time working on WordPressy things, or do you have a proportion of your time which is devoted to more, and I&amp;#8217;m doing air quotes, Google things?&lt;/p&gt;
  1173.  
  1174.  
  1175.  
  1176. &lt;p&gt;[00:06:46] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; Yeah, I mean, I wouldn&amp;#8217;t say that I contribute a hundred percent of my time, but a good chunk, probably 70, 80 or something. Our focus is, when it&amp;#8217;s not on WordPress, it&amp;#8217;s still on other somewhat related open source projects. So we have been contributing, we&amp;#8217;ve been also working with other CMSs here and there.&lt;/p&gt;
  1177.  
  1178.  
  1179.  
  1180. &lt;p&gt;[00:07:02] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Yeah, that&amp;#8217;s interesting because I know that Google have a big presence. If you go to the flagship WordPress events, you know, WordCamp Asia, WordCamp US, and so on, then Google very often have a huge advertising booth. You know, they&amp;#8217;re a global partner if you like.&lt;/p&gt;
  1181.  
  1182.  
  1183.  
  1184. &lt;p&gt;But drawing the line between Google and Open Source CMS is a little bit hard to do. It&amp;#8217;s almost like a philanthropic thing. Because I guess their job is to just try and make the internet better and part of it, if they can make 43% of the internet better by seconding somebody like you to commit to the project, that&amp;#8217;s just good for everybody.&lt;/p&gt;
  1185.  
  1186.  
  1187.  
  1188. &lt;p&gt;So yeah, bravo to Google. I appreciate the fact that they&amp;#8217;re sponsoring you and helping the project in that way.&lt;/p&gt;
  1189.  
  1190.  
  1191.  
  1192. &lt;p&gt;Also bravo to you and the team, the Performance Team. It is just a relentless good news story coming out of the Performance Team. So, I don&amp;#8217;t know, when did you say, 2019 it was founded?&lt;/p&gt;
  1193.  
  1194.  
  1195.  
  1196. &lt;p&gt;[00:07:54] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; Late 2021, but things really kicked off like mid 2022 I feel.&lt;/p&gt;
  1197.  
  1198.  
  1199.  
  1200. &lt;p&gt;[00:07:58] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Yeah, and I am habitual about the WordPress news, and it just never stops. The Performance Team do something profound, help everybody out, it just ships into Core. Most people don&amp;#8217;t even know that things have happened because, you know, they&amp;#8217;re not in the baseball in the same way that you and I probably are.&lt;/p&gt;
  1201.  
  1202.  
  1203.  
  1204. &lt;p&gt;A profound thanks. Maybe there was just this massive backlog of things that needed to be tackled. Maybe not. But it did seem that the minute the doors opened to the Performance Team, lots of dominoes fell really quickly.&lt;/p&gt;
  1205.  
  1206.  
  1207.  
  1208. &lt;p&gt;So thank you on behalf of me and everybody who uses WordPress for the work that, I don&amp;#8217;t know whether you feel that you get the credit that&amp;#8217;s due to you, but I&amp;#8217;m giving you some credit now, so thank you.&lt;/p&gt;
  1209.  
  1210.  
  1211.  
  1212. &lt;p&gt;[00:08:37] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; Thank you. I appreciate it. That&amp;#8217;s definitely great to hear.&lt;/p&gt;
  1213.  
  1214.  
  1215.  
  1216. &lt;p&gt;[00:08:39] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; I&amp;#8217;m pleased you know, that there&amp;#8217;s people as capable as you who are doing this kind of work and that you&amp;#8217;re willing to do it in the background. And a big piece of that is what we&amp;#8217;re going to talk about today.&lt;/p&gt;
  1217.  
  1218.  
  1219.  
  1220. &lt;p&gt;Landed in WordPress 6.8, but has a history prior to that as a plugin. It&amp;#8217;s called speculative loading. It sounds impressive. But it also, I guess it is impressive and it&amp;#8217;s a bit like voodoo. It&amp;#8217;s kind of doing things that you wouldn&amp;#8217;t imagine were possible. Do you want to just tell us what it is? What is speculative loading?&lt;/p&gt;
  1221.  
  1222.  
  1223.  
  1224. &lt;p&gt;[00:09:08] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; So essentially, speculative loading, the idea is that when you navigate to a new URL, when you are browsing through a website and you go to a URL, the moment that you land on the URL, it starts loading. And we probably know that the performance aspect of that is very important to the user experience.&lt;/p&gt;
  1225.  
  1226.  
  1227.  
  1228. &lt;p&gt;So if a page takes, I don&amp;#8217;t know, three seconds to load, that&amp;#8217;s not great. If it takes eight seconds to load, it&amp;#8217;s probably horrible of a user experience. And so one of the performance team&amp;#8217;s goals is to make that time that it takes a load shorter. So what then speculative loading does is load the URL, the idea is that it loads the URL before you even get there.&lt;/p&gt;
  1229.  
  1230.  
  1231.  
  1232. &lt;p&gt;[00:09:47] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Yeah, that&amp;#8217;s the bit that&amp;#8217;s voodoo. That&amp;#8217;s the bit that just sounds like you&amp;#8217;ve basically hopped into Back to the Future and you&amp;#8217;ve gone back in time a moment or something. It&amp;#8217;s very counterintuitive. So you are going to have to explain, how on earth does it do that?&lt;/p&gt;
  1233.  
  1234.  
  1235.  
  1236. &lt;p&gt;[00:09:59] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; Right, right. Essentially, there are browser, there are heuristics which can be relied upon to hopefully assume correctly that a URL will be visited. So when you are on a page on the website, there is of course links to other pages on the website. So if you hover over the link with your mouse, if you&amp;#8217;re on a computer for instance, and you hover over the link with your mouse, maybe you&amp;#8217;ll click it. That&amp;#8217;s like one level of signal. It&amp;#8217;s not the strongest signal.&lt;/p&gt;
  1237.  
  1238.  
  1239.  
  1240. &lt;p&gt;But then an even stronger signal is when you actually click the link. When you click a link, you want to go to that URL. I think that&amp;#8217;s a fair assumption in like 99 plus percent of cases. So when you click on the link, that&amp;#8217;s technically still before you&amp;#8217;re at the other URL though. We&amp;#8217;re talking about milliseconds. You probably think when you click, you are already on the other URL, but that&amp;#8217;s not the reality. There is like maybe, I don&amp;#8217;t know, 200, 300, 500, however long it takes, there are some milliseconds in between the time you actually click and that the other URL opens.&lt;/p&gt;
  1241.  
  1242.  
  1243.  
  1244. &lt;p&gt;So by loading, for instance, by loading a URL, when you click on the link, you still gain those, whatever, maybe 500 milliseconds. I&amp;#8217;m just going to make that up now, and reduce the actual load time by that.&lt;/p&gt;
  1245.  
  1246.  
  1247.  
  1248. &lt;p&gt;[00:11:07] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Let me just prize that apart. So we are now going to talk about a tiny fraction of time. For the next few minutes, we&amp;#8217;re going to be talking about literal milliseconds. So let me imagine that I&amp;#8217;m on my computer, desktop computer, let&amp;#8217;s start there. I&amp;#8217;m on a webpage and there&amp;#8217;s a bunch of links, buttons, what have you.&lt;/p&gt;
  1249.  
  1250.  
  1251.  
  1252. &lt;p&gt;I&amp;#8217;m holding my mouse, my mouse approaches the button and it begins to slow down, you know, because at some point we have to rest on the button. So there&amp;#8217;s this deceleration of the mouse and the cursor, and it eventually lands there. And then I click it.&lt;/p&gt;
  1253.  
  1254.  
  1255.  
  1256. &lt;p&gt;Now my intuition is that the click event is the moment, that&amp;#8217;s when everything begins, if you know what I mean. But are you saying that you can go back in time prior to me actually hitting the button with my finger? Is it the mere fact that, okay, the mouse has come to a standstill, you haven&amp;#8217;t engaged the finger yet. Maybe the finger is literally on the way down in the real world, in this slow motion universe we&amp;#8217;re imagining. Is that kind of it? It&amp;#8217;s taking heuristics about, where is the mouse now? How is it decelerating? Or is it literally he clicked? Because if it&amp;#8217;s the click bit, then I don&amp;#8217;t understand what&amp;#8217;s different to how it usually was because it felt like the click was always the moment.&lt;/p&gt;
  1257.  
  1258.  
  1259.  
  1260. &lt;p&gt;[00:12:19] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; There are different ways to configure speculative loading. And one way, and that&amp;#8217;s the way that WordPress Core does now, is to only speculatively load on the click. You say now that that feels like it&amp;#8217;s always been like that, but it&amp;#8217;s not quite always been like, that because of what I tried to mention with there&amp;#8217;s still like 500, maybe 300, whatever, little milliseconds time between the click and the actual URL loading.&lt;/p&gt;
  1261.  
  1262.  
  1263.  
  1264. &lt;p&gt;So when you hit the other URL, then it starts fetching the HTML document and all the CSS and JavaScript and so on. By doing that already on the click, on the link, on the previous page that you are on, you still gain those, I&amp;#8217;m going to say valuable milliseconds. And we&amp;#8217;re probably talking about at the very least, a hundred milliseconds, maybe a few hundred milliseconds.&lt;/p&gt;
  1265.  
  1266.  
  1267.  
  1268. &lt;p&gt;[00:13:04] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; It doesn&amp;#8217;t sound like a lot, but it&amp;#8217;s, you&amp;#8217;ve invented time out of nowhere. You&amp;#8217;ve completely conjured up time that didn&amp;#8217;t, well, actually you&amp;#8217;ve removed time. You&amp;#8217;ve gone in the opposite direction. But that time was needlessly spent before. Now that time has been saved.&lt;/p&gt;
  1269.  
  1270.  
  1271.  
  1272. &lt;p&gt;You also mentioned that the WordPress implementation, and we&amp;#8217;ll get into how you might be able to configure that in a moment, but the default WordPress installation, so this is in every WordPress website from 6.8 onwards, it is set to, and I&amp;#8217;m going to use the word conservative, but it&amp;#8217;s set to a fairly dialed back approach to this Speculation Rules API.&lt;/p&gt;
  1273.  
  1274.  
  1275.  
  1276. &lt;p&gt;I&amp;#8217;m curious, and we&amp;#8217;ll get into how you do it in WordPress, but just in terms of the Speculation Rules API, what are some of the more aggressive things that you could do if you wanted to? And is things like the mouse slowing down, is that potentially part of it? Those kind of things.&lt;/p&gt;
  1277.  
  1278.  
  1279.  
  1280. &lt;p&gt;[00:13:55] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; Right. So maybe let me take a step back, first to clarify that there&amp;#8217;s a speculative loading feature that is in WordPress Core, it&amp;#8217;s built on a browser API that is called Speculation Rules API. We can talk about maybe two things. There&amp;#8217;s like, well, how can you use the Speculation Rules API? There&amp;#8217;s different ways to configure it, and that&amp;#8217;s something that we could apply in WordPress. But then we could go beyond that, and I&amp;#8217;m probably not the best person to speak about that, but we could also think, how can you actually, what could the Speculation Rules API possibly do, that it isn&amp;#8217;t able to do today?&lt;/p&gt;
  1281.  
  1282.  
  1283.  
  1284. &lt;p&gt;So in terms of using the Speculation Rules API, it allows different configuration modes in for what is called eagerness. And you actually said it right. It&amp;#8217;s called conservative, the mode that WordPress currently uses. And it just means, I think it is conservative in the sense that it is the safest measure if you want to make sure you only load URLs that the user actually goes to.&lt;/p&gt;
  1285.  
  1286.  
  1287.  
  1288. &lt;p&gt;But it&amp;#8217;s also the least performance of all the options. It&amp;#8217;s always a trade off because unfortunately we cannot predict the future, so there&amp;#8217;s no real wizardry going on here. And because of that, there is always going to be a trade off. You can use signals that are very reliable on the user visiting the other URL, like clicking on the link. There is an scenario where you click a link and then you pull your mouse away before you let go of your finger. We probably all have done this, but we probably do this like 1% of our clicks, if even that. But people do this occasionally, very occasionally.&lt;/p&gt;
  1289.  
  1290.  
  1291.  
  1292. &lt;p&gt;So that&amp;#8217;s the way where a click would not trigger the actual URL to the link to be, that wouldn&amp;#8217;t result in the user visiting the other URL. This would be the one example where conservative speculative loading would still load the other URL and the user wouldn&amp;#8217;t go to it. But I think that risk, that trade off is very, very little because of how rarely that happens.&lt;/p&gt;
  1293.  
  1294.  
  1295.  
  1296. &lt;p&gt;[00:15:46] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Right, so the posture of the Performance Team was to go conservative. So although it&amp;#8217;s not the most performant, it is the least likely to end up in, you know, needlessly downloading content that is perhaps never going to be looked at.&lt;/p&gt;
  1297.  
  1298.  
  1299.  
  1300. &lt;p&gt;But again, just moving ourselves away from WordPress for a minute, the Speculation Rules API, if we were to go on the more eager side, what kind of things could be brought to bear? And again, not in the WordPress setup at the moment, but I know that you can modify those things. But what can the Rules API do, if you go like full eager?&lt;/p&gt;
  1301.  
  1302.  
  1303.  
  1304. &lt;p&gt;[00:16:18] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; Right. So you can also use, the next after conservative is called moderate. That uses signals that are less explicit, like a hover. Again, I have to specify, on desktop it uses hovering, because on the phone you can&amp;#8217;t hover, like you don&amp;#8217;t have a mouse and it doesn&amp;#8217;t know where your finger is if you don&amp;#8217;t press the screen.&lt;/p&gt;
  1305.  
  1306.  
  1307.  
  1308. &lt;p&gt;So, essentially, moderate on desktop, it relies on the hover over a link to preload the URL that is behind that link. So that generally, yeah, of course if you hover over link and then you click it, there may be like a second, easily a second between this, or there may even be five seconds in between those two actions, right? And sometimes you hover and click immediately. Other times you hover and you get back there, and then you click, and in that case, the whole page can technically be already loaded.&lt;/p&gt;
  1309.  
  1310.  
  1311.  
  1312. &lt;p&gt;So that&amp;#8217;s the part where speculative loading, if you configure it more eagerly, you can get to situations where you get instant page load. You go to the other page and it&amp;#8217;s already completely loaded. There&amp;#8217;s, for instance, there is also Core Web Vitals, metric Largest Contentful Paint, which measures the load time speed. So you can get to an LCP of zero. Like, literally. If you use it, for instance as moderate eagerness, let&amp;#8217;s say your page normally takes two seconds to load completely, and you hover over a link, and then you get back there like three seconds later, you click, it&amp;#8217;s already there, and your LCP is literally zero because you didn&amp;#8217;t need to wait at all.&lt;/p&gt;
  1313.  
  1314.  
  1315.  
  1316. &lt;p&gt;That&amp;#8217;s the performance power that it has. But of course, it does also come with a trade off to consider. Like, how do you configure this in a way that it&amp;#8217;s the least wasteful? And wasteful in the sense of loading URLs that the user does not go to, ends up not navigating to. But you have to basically weigh off, what is the performance gain? How do users typically use your website?&lt;/p&gt;
  1317.  
  1318.  
  1319.  
  1320. &lt;p&gt;There&amp;#8217;s also, there&amp;#8217;s a lot of individual configurations that websites may want to do on their specific site. So going back to the conservative option that WordPress now uses, it&amp;#8217;s just that, it&amp;#8217;s simply that we want to give the bare minimum feature and we want to make the feature available in general to WordPress sites. But because WordPress is so massive, you need to go with a literally conservative default.&lt;/p&gt;
  1321.  
  1322.  
  1323.  
  1324. &lt;p&gt;[00:18:25] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Okay. So that&amp;#8217;s all really interesting, but it sounds like all of this is happening in the browser. So all of these events are being triggered by the browser. Again, forgive my ignorance, I&amp;#8217;m presuming that Chromium, Chrome, Firefox, all of the other variants that there may be out there, I guess they&amp;#8217;re all shipping some variant of this inside the browser because obviously it can&amp;#8217;t be WordPress that&amp;#8217;s doing this.&lt;/p&gt;
  1325.  
  1326.  
  1327.  
  1328. &lt;p&gt;If that&amp;#8217;s the case, is there kind of like a broad consortium of people who are working on this initiative, maybe other similar related performance initiatives, and trying to make them all browser compatible?&lt;/p&gt;
  1329.  
  1330.  
  1331.  
  1332. &lt;p&gt;[00:19:03] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; So there is, the Speculation Rules API is currently, it&amp;#8217;s available in Chrome, Edge and Opera, so in the Chromium based browsers, but it&amp;#8217;s not available yet in Safari and Firefox. That means that people that use Safari or Firefox, they&amp;#8217;re basically just not going to get the benefit.&lt;/p&gt;
  1333.  
  1334.  
  1335.  
  1336. &lt;p&gt;[00:19:18] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; So it&amp;#8217;s like a progressive enhancement. There&amp;#8217;s no downside, it&amp;#8217;s just an upside.&lt;/p&gt;
  1337.  
  1338.  
  1339.  
  1340. &lt;p&gt;[00:19:22] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; Exactly. So because overall the browsers that support it are very widely used, plus the other browsers not having any negative effects of this feature being on a website, that&amp;#8217;s why we thought it was a good time to roll it out.&lt;/p&gt;
  1341.  
  1342.  
  1343.  
  1344. &lt;p&gt;[00:19:36] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Okay, that&amp;#8217;s really interesting. It just suddenly, and completely unrelated to the conversation that we&amp;#8217;ve had so far, it kind of makes me think that maybe in the future there&amp;#8217;ll be a hardware layer to this. You know, imagine if my mouse had built into it some pressure sensation, or even proximity sensor where it could perceive that, you know, my finger is descending and it could fire the signal from the mouse to say, yeah, he&amp;#8217;s about to click. Or even in a mobile phone, you know, you were mentioning earlier, we don&amp;#8217;t know where your finger is. Maybe at some point in the future we will know where your finger is.&lt;/p&gt;
  1345.  
  1346.  
  1347.  
  1348. &lt;p&gt;[00:20:09] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; That would be really powerful, yeah.&lt;/p&gt;
  1349.  
  1350.  
  1351.  
  1352. &lt;p&gt;[00:20:10] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; It&amp;#8217;d be kind of interesting. Okay, you heard it here first. But it&amp;#8217;s not there yet. So, what has been the way that this has been implemented? My understanding is that you launched this as a plugin. I think you got a fairly high user account. I think 30,000, 50,000 or something websites.&lt;/p&gt;
  1353.  
  1354.  
  1355.  
  1356. &lt;p&gt;[00:20:27] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; I think it&amp;#8217;s now at 50,000.&lt;/p&gt;
  1357.  
  1358.  
  1359.  
  1360. &lt;p&gt;[00:20:28] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; 50,000. So tons of data coming back. And presumably that data gave you the confidence to, yeah, let&amp;#8217;s push this through. And I have a memory that, broadly speaking, you got fairly close to a 2% productivity gain. And obviously at 43% of the web, if we can do things 2% faster, doesn&amp;#8217;t sound like a lot, 2%. But 2% of everything that WordPress gives up, that&amp;#8217;s a lot.&lt;/p&gt;
  1361.  
  1362.  
  1363.  
  1364. &lt;p&gt;[00:20:53] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; Performance is really like, people say sometimes things are numbers games, but performance is a tiny numbers game. Like it&amp;#8217;s very hard to make performance wins sound very appealing. It&amp;#8217;s like, here is 2% win. We scratched off 80 milliseconds of this, and it&amp;#8217;s like, what is this even, like.&lt;/p&gt;
  1365.  
  1366.  
  1367.  
  1368. &lt;p&gt;[00:21:08] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; But it literally is human years. It&amp;#8217;s probably decades of time when you think about the internet as a whole. If you think about it in that sense, it&amp;#8217;s really quite a lot of time.&lt;/p&gt;
  1369.  
  1370.  
  1371.  
  1372. &lt;p&gt;[00:21:18] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; Exactly, and I think it&amp;#8217;s important to remind ourselves of that sometimes. I feel myself like announcing something where it&amp;#8217;s like, oh, here we scratched 80 milliseconds off. It sounds like nothing. It is quite something, but it sounds like so little that, I don&amp;#8217;t know, I feel self-consciously saying such a tiny number as a great win.&lt;/p&gt;
  1373.  
  1374.  
  1375.  
  1376. &lt;p&gt;But yeah, again, like I think it, you exactly mentioned it, the scale of rolling out performance enhancements like this, it really makes the number matter. And also, people browse so many webpages a day, like even for an individual person. If you go on one website, you easily might visit 10 URLs or more, and that&amp;#8217;s just one website. So think about , again, I&amp;#8217;m just continuing with that number, like if you had 80 milliseconds gain on all the webpages you visit in a day, I don&amp;#8217;t know, it might come out at some seconds, maybe a minute, who knows. And if you do that every single day, like you gain time.&lt;/p&gt;
  1377.  
  1378.  
  1379.  
  1380. &lt;p&gt;[00:22:09] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Yeah, I agree. It&amp;#8217;s difficult to parse, isn&amp;#8217;t it? The human brain doesn&amp;#8217;t kind of work that microscopic level. That really tiny fraction of time is so difficult to become important. But there&amp;#8217;s this compound interest effect to it. You know, the more that it adds up, the more time you spend on the internet every day clicking things. And I suppose the curious thing here is, nobody even knows that it&amp;#8217;s happened. You would presumably just think, gosh, that is a very quick website. You know, I&amp;#8217;m having a fabulous experience here. Everything&amp;#8217;s loading amazingly. They must have an amazing server set up or, you know, they&amp;#8217;ve got everything configured perfectly. And all the while it&amp;#8217;s the Speculation Rules API working in the background.&lt;/p&gt;
  1381.  
  1382.  
  1383.  
  1384. &lt;p&gt;But I think we&amp;#8217;ve got it, you know, it&amp;#8217;s adding up to tons of time, probably years, maybe decades of time when you throw that across the whole footprint that WordPress have.&lt;/p&gt;
  1385.  
  1386.  
  1387.  
  1388. &lt;p&gt;However, most people who don&amp;#8217;t follow the WordPress news really, really carefully probably won&amp;#8217;t know about this. And there&amp;#8217;s nowhere to know about it really, apart from WordPress journalism, and the blog posts that go out from the Performance Team. Because there&amp;#8217;s no way in the WordPress UI, there&amp;#8217;s no setting, there&amp;#8217;s no menu item to go to, there&amp;#8217;s no toggle, there&amp;#8217;s none of that.&lt;/p&gt;
  1389.  
  1390.  
  1391.  
  1392. &lt;p&gt;So that then leads me to ask, is there a way to modify this? If you have a need for more eager. Or you just wish to, I don&amp;#8217;t know, you&amp;#8217;ve got a desire to turn it off for some reason. Can it be modified with code, with hooks, with whatever?&lt;/p&gt;
  1393.  
  1394.  
  1395.  
  1396. &lt;p&gt;[00:23:31] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; Yeah, certainly. Quick context on the reason that there is no UI in WordPress Core to control it, is that it&amp;#8217;s considered a very technical feature, and the philosophy of WordPress Core says, decisions not options. That&amp;#8217;s one of the Core philosophies. So try to use defaults that work for the majority, and most people won&amp;#8217;t have to change. And then especially when it comes to very technical things, you don&amp;#8217;t want to bother an end user that just wants to maintain, create their website with, here you need to learn now about this complex Speculation Rules API.&lt;/p&gt;
  1397.  
  1398.  
  1399.  
  1400. &lt;p&gt;Like, we already talk about this for like 30 minutes now, and there&amp;#8217;s probably so much more to uncover. So you can imagine that certain site owners don&amp;#8217;t want to deal with that. So that&amp;#8217;s why there&amp;#8217;s no UI in WordPress Core. But it can be modified through hooks like you&amp;#8217;re saying. There are several filters and actions to modify the behavior programmatically.&lt;/p&gt;
  1401.  
  1402.  
  1403.  
  1404. &lt;p&gt;And in addition, the Speculative Loading plugin that existed prior to the Core launch, that still exists and it&amp;#8217;s now, when you install it on top of 6.8, it still serves a purpose. While it doesn&amp;#8217;t ship the whole API anymore, because that&amp;#8217;s now part of WordPress Core, it&amp;#8217;s still includes a UI where you can configure it via UI in different ways.&lt;/p&gt;
  1405.  
  1406.  
  1407.  
  1408. &lt;p&gt;And it also changes the default behavior of WordPress, for the speculative loading feature. And that&amp;#8217;s essentially because when we started the plugin, we went with a more aggressive default, because we want to know, the plugin only launches at first at small scale, it&amp;#8217;s meant to, especially in the case of a feature plugin, it&amp;#8217;s meant to inform us about how well it&amp;#8217;s working, are there potential issues, and so on.&lt;/p&gt;
  1409.  
  1410.  
  1411.  
  1412. &lt;p&gt;So we went with a more more performant configuration out of the box with the Speculative Loading plugin. So if you use the plugin, it will use the moderate eagerness that I mentioned before. And then in addition, it uses, and we haven&amp;#8217;t covered that at all yet, so it pre-renders the URL. So I can explain that briefly.&lt;/p&gt;
  1413.  
  1414.  
  1415.  
  1416. &lt;p&gt;The WordPress Core implementation, the Speculation Rules API allows you two alternative modes for speculatively loading a URL. Either you can pre-fetch the URL, or you can pre-render the URL.&lt;/p&gt;
  1417.  
  1418.  
  1419.  
  1420. &lt;p&gt;Pre-fetching means you essentially just load the, you get the HTML content already, but then you don&amp;#8217;t do anything else. Like, it doesn&amp;#8217;t load any JavaScript or it doesn&amp;#8217;t load any CSS or images, it still waits with all of that until you go to the other page.&lt;/p&gt;
  1421.  
  1422.  
  1423.  
  1424. &lt;p&gt;With pre-render, it does everything, like literally everything. It loads the HTML, it loads also all the JavaScripts, CSS, images and whatever else is on your page. And it even renders this in the browser, like it basically does everything as if you were already on the page in the browser. Let&amp;#8217;s think about it as if you had the page open in another tab and you couldn&amp;#8217;t see it.&lt;/p&gt;
  1425.  
  1426.  
  1427.  
  1428. &lt;p&gt;[00:26:08] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Yeah, you&amp;#8217;ve just like pulled back a curtain suddenly and there it is. It&amp;#8217;s just, it always there. You just couldn&amp;#8217;t see it and suddenly.&lt;/p&gt;
  1429.  
  1430.  
  1431.  
  1432. &lt;p&gt;[00:26:14] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; And the pre-rendering is the thing that can get you to those immediate page loads. Because when you use pre-fetching, it only loads the HTML, so then when you get to the page, it&amp;#8217;ll be faster, but you still have to load all the other things, and render it. But pre-render is where, if you have pre-render and eagerness of moderate, and then we go back to our previous example, you hover over link, go back there, two seconds, three seconds later, then you might get this immediate page load with LCP zero.&lt;/p&gt;
  1433.  
  1434.  
  1435.  
  1436. &lt;p&gt;[00:26:43] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Okay, that&amp;#8217;s really interesting. So you&amp;#8217;ve kind of got two options. The first option is just accept WordPress Core. That&amp;#8217;s how it is. And then, maybe three options. The second option then might be you can modify things with hooks and what have you. And I&amp;#8217;m going to link to the articles that Felix wrote in the blog post that goes with this. So go to wptavern.com and search for the episode and you&amp;#8217;ll be able to find all the bits. It&amp;#8217;s more easy for me to say that than it is to read out the blog titles and things.&lt;/p&gt;
  1437.  
  1438.  
  1439.  
  1440. &lt;p&gt;And then the other option, the third option would be to download the plugin, which gives you a UI, but just caveat emptor, beware, it will then automatically make things moderate. It&amp;#8217;s going to be doing things in a more, a slightly more aggressive way.&lt;/p&gt;
  1441.  
  1442.  
  1443.  
  1444. &lt;p&gt;[00:27:21] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; It brings you better performance, but it might also have more trade offs on, it will load, certainly to some capacity, load URLs that may not be navigated to. If you install the plugin, just keep in mind that the UI that it provides also would allow you to go back to the WordPress Core default. If you just want a UI and you install the plugin, just go into the UI of the plugin immediately, change it back to conservative pre-fetch, and you&amp;#8217;re back at what Core would do as well.&lt;/p&gt;
  1445.  
  1446.  
  1447.  
  1448. &lt;p&gt;[00:27:45] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Great. Yeah, thank you. Now you mentioned LCP and things like that. And I think there&amp;#8217;s been an obsession for the last, let&amp;#8217;s go for four years, with speed and trying to get Lighthouse scores to be impressive for your website. I&amp;#8217;m curious, is there a way that Google scraping the internet can perceive any of this?&lt;/p&gt;
  1449.  
  1450.  
  1451.  
  1452. &lt;p&gt;In other words, if you do this, are you doing it simply to make your visitors happy, because they&amp;#8217;re the people who are doing the clicking or what have you? Or is there some like Core Web Vitals metric which can be improved by this? Because it feels like there couldn&amp;#8217;t be, because I doubt that Google Bot has the capacity to kind of speculatively load anything, but maybe there&amp;#8217;s some flag in the, I don&amp;#8217;t know, I have no idea how that would work.&lt;/p&gt;
  1453.  
  1454.  
  1455.  
  1456. &lt;p&gt;[00:28:31] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; So, that&amp;#8217;s a great question. I think you&amp;#8217;d, certainly when you apply performance enhancements like this, the goal is that they benefit your website&amp;#8217;s end users. Google, of course, would love to know how well these features work, right? And also the people that work on the actual Speculation Rules API would love to see how the features are used in production, on production sites. And we, as a Performance Team, would also like to know that, how it goes with WordPress specifically.&lt;/p&gt;
  1457.  
  1458.  
  1459.  
  1460. &lt;p&gt;So there is a public data set called Chrome User Experience Report, which is sourced from anonymous data from users that use Chrome and have opted into this anonymous data tracking. So there is essentially a data set that collects the performance data of people visiting websites. And that is made publicly available, you can literally, if you know how to use BigQuery, which is this kind of advanced version of MySQL, where you can query gigantic amounts of data, you can query the Chrome User Experience Report data set, and you could be checking like, I don&amp;#8217;t know, as long as sites that appear, it basically aggregates all the page, all the data by origin, so the domain.&lt;/p&gt;
  1461.  
  1462.  
  1463.  
  1464. &lt;p&gt;Any site that is relatively popular is in there. I don&amp;#8217;t know exactly what the threshold is, but something like, maybe like at least 50 monthly users or something like that. So then your site will appear in there and you could query this for your own site to see how your site is doing. And you could do this every single month. And you get like a chart, how the performance of your site is doing over time.&lt;/p&gt;
  1465.  
  1466.  
  1467.  
  1468. &lt;p&gt;Of course, neither Google nor we as a Performance Team cares about one specific site. We&amp;#8217;re doing things like in our team, we were building things for WordPress, for the WordPress ecosystem, try to improve the performance of the ecosystem as a whole. So I have been working a lot in the past years and learning a lot about this stuff. How to query the Crux, that&amp;#8217;s a short version of it, Crux, the Crux Report, to gain insights on, how do you possibly measure the impact a certain feature has on these metrics?&lt;/p&gt;
  1469.  
  1470.  
  1471.  
  1472. &lt;p&gt;There&amp;#8217;s another data set called HTTP Archive, which is the domains that are in this are also sourced from the Crux Report. But what HTTP Archive is, it basically scrapes all of these URLs every single month, one time, and gets all sorts of public information from these URLs, like which technologies it uses, does it use WordPress? Does it use, I don&amp;#8217;t know, React or whatever, all these things. It also stores, from this one momentary point, it also stores the actual HTML body, and it&amp;#8217;s a gigantic data set. And also that is public as well. You can look it up on httparchive.org and how to use it.&lt;/p&gt;
  1473.  
  1474.  
  1475.  
  1476. &lt;p&gt;So the goal of these efforts is to make these different performance data and to basically assess the health of the web ecosystem, publicly available, and then also these, especially HTTP Archive has a lot of charts on their own website based on their own data that essentially, yeah, makes it easily available without having to query BigQuery data.&lt;/p&gt;
  1477.  
  1478.  
  1479.  
  1480. &lt;p&gt;But when you actually can query BigQuery data, it becomes really powerful. So we can combine the data from HTTP Archive to see which origins are using WordPress. So then we get like a scaled down version of the whole web that is just the WordPress sites. And then we can combine it with the Crux data that has the performance results for all origins, but scope it down to only the origins that use WordPress.&lt;/p&gt;
  1481.  
  1482.  
  1483.  
  1484. &lt;p&gt;And that way we can see, for instance, the median LCP for a given month across all WordPress sites is this. Or the median INP and all the other metrics. More importantly, what we have been using as a more important metric though, is what&amp;#8217;s called the passing rate. For every Core Web Vitals metric, there is a threshold where it&amp;#8217;s, under this threshold is good, above this threshold, it&amp;#8217;s not good. So for LCP for instance, that&amp;#8217;s 2.5 seconds.&lt;/p&gt;
  1485.  
  1486.  
  1487.  
  1488. &lt;p&gt;And passing rate is essentially the number of, in this example, is the number of origins that have a median LCP that&amp;#8217;s better than 2.5 seconds, the percentage of origins that have an LCP that&amp;#8217;s better than 2.5 seconds. And that you can track over time to see how WordPress LCP is improving or decreasing over time. That&amp;#8217;s how we essentially monitor performance for WordPress at a high level.&lt;/p&gt;
  1489.  
  1490.  
  1491.  
  1492. &lt;p&gt;And then we&amp;#8217;ve been doing all sorts of experiments to try to get feature specific improvements. That&amp;#8217;s really the difficult part because these data sets only gather data, the Archive data set only gathers data once a month, the Crux data set gave this data, it has all the data, but only the performance data. So it does not know, at what point did you activate a certain feature or deactivate another feature? That data doesn&amp;#8217;t exist. So we can only make assumptions.&lt;/p&gt;
  1493.  
  1494.  
  1495.  
  1496. &lt;p&gt;Like, for instance, even when you want to measure the difference, and like an easy example, and that&amp;#8217;s already complicated, is to measure the difference from one WordPress version to the next. HTTP Archive has data, whether a site is on, let&amp;#8217;s say 6.8 or 6.7, but it&amp;#8217;s from one specific moment in time. And we generally broaden these moments in time to the whole month because that&amp;#8217;s the generally, like they do it once a month. If you see that a site is on 6.8, I think the HTTP Archive runs, like the actual queries usually run somewhere between 20th and 25th of the month.&lt;/p&gt;
  1497.  
  1498.  
  1499.  
  1500. &lt;p&gt;So if you see that the site is 6.8, you don&amp;#8217;t know, is the site on 6.8 the entire month or did it just update to 6.8 a day before and most of the month data is actually the previous version? This is just unknowns that we have to deal with. And the data set being so huge, because WordPress is so popular, that helps a lot to sort of like make these unknowns maybe less impactful. Because if you&amp;#8217;re at scale see that 6.8 has a big improvement, we can&amp;#8217;t say that this value precisely is correct, but if it&amp;#8217;s a clear improvement, we can assume that there is an actual improvement to a certain degree.&lt;/p&gt;
  1501.  
  1502.  
  1503.  
  1504. &lt;p&gt;And doing that for feature specific level is even more complex. I don&amp;#8217;t think we have time to get into this too much right now, but I just want to say that this 1.9% value that is in the blog post is based on such an effort, where I try to look at all the sites that have speculation rules, and I looked at all the same sites before they activated speculation rules and get this median difference between all of them. And I don&amp;#8217;t even know how to explain anymore because I don&amp;#8217;t remember, because it was so complicated.&lt;/p&gt;
  1505.  
  1506.  
  1507.  
  1508. &lt;p&gt;[00:34:42] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; I am so glad that you are able to explain it though. I mean, firstly, really interesting, all of that, really interesting. Because you just sort of peeled back a whole curtain that I didn&amp;#8217;t even know existed. So there&amp;#8217;s just this aggregated, opted-in data coming out of the browser, dropping into this massive data set. I can only imagine what that is like to deal with.&lt;/p&gt;
  1509.  
  1510.  
  1511.  
  1512. &lt;p&gt;But it does mean that you&amp;#8217;ve got anonymised data. You can make reasonable guesses, in the aggregate, about what&amp;#8217;s happening. You know, you can refine it to WordPress, you can refine it to 6.7, 6.8, okay? And day by day, maybe it&amp;#8217;s not meaningful. But if you spread it over one month, six months, what have you, more and more trends start to pop out.&lt;/p&gt;
  1513.  
  1514.  
  1515.  
  1516. &lt;p&gt;So you can see over time, you&amp;#8217;ve got this 1.9%. And it, terribly complicated though it might be, I&amp;#8217;m glad that you did that work for us. That&amp;#8217;s amazing. Okay. And I didn&amp;#8217;t know that whole thing was going on.&lt;/p&gt;
  1517.  
  1518.  
  1519.  
  1520. &lt;p&gt;And again, getting back to the point that you made at the beginning, the whole purpose of this is to make it better for your users. The purpose is not for the data that Google&amp;#8217;s gathering, but it&amp;#8217;s gathering it. And it&amp;#8217;s helpful because people like you can then use it and make reasonable assumptions about what the rest of us ought to be doing with our WordPress websites. But the key metric there is, does it perform better for your users? And of course, we know the answer to that.&lt;/p&gt;
  1521.  
  1522.  
  1523.  
  1524. &lt;p&gt;[00:36:00] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; Just wanted to quickly add like we have been, these two data sets have been important source for us as a Performance Team from the very beginning in terms of even prioritising what we work on. There&amp;#8217;s ways to get a high level idea. Like, out of all the 50 things that we could do to improve performance, which have shown to be the most impactful on the web so far outside of WordPress, or maybe even on the few WordPress sites that already use it through some other way. So it has helped a lot on the prioritisation, and personally a big advocate for data driven decision making. And in many parts of the WordPress project, we are not able to do that because we don&amp;#8217;t have much data. But I&amp;#8217;m really pleased that on the performance side, there is this big data set that can be used to see what is actually impactful.&lt;/p&gt;
  1525.  
  1526.  
  1527.  
  1528. &lt;p&gt;[00:36:46] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Yeah, you can be really confident that your decisions are based upon fact, which is so nice. A lot of the WordPress project is, you know, intuition and design and things like that, and it&amp;#8217;s hard to get agreement about that, and hard to get things right for everybody. But in this case, that&amp;#8217;s slightly different.&lt;/p&gt;
  1529.  
  1530.  
  1531.  
  1532. &lt;p&gt;[00:37:00] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; For anybody that&amp;#8217;s interested in this to learn more, I did write a blog post on makewordpress.org/core at some point about it. How to assess performance with HTTP Archive, something like that. That&amp;#8217;s something that we can probably, that you can probably look at. There&amp;#8217;s a whole collab. I worked out for a while on a collab to teach as a sort of like tutorial, how to get started with this for anybody that&amp;#8217;s interested.&lt;/p&gt;
  1533.  
  1534.  
  1535.  
  1536. &lt;p&gt;[00:37:23] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Okay, I&amp;#8217;ve got a couple of pieces that I&amp;#8217;ve got open over here, which are probably not the piece that you&amp;#8217;ve just mentioned. So when I come back and edit this, I&amp;#8217;ll make sure that I get in touch with you and we find that, and we&amp;#8217;ll put that into the show notes. So there&amp;#8217;ll be at least three things that you, dear listener, can go and check out.&lt;/p&gt;
  1537.  
  1538.  
  1539.  
  1540. &lt;p&gt;I&amp;#8217;m just wondering if there are any situations, because we know what people are like. Performance experts, they love to configure their servers, they love to put things at the edge that, you know, all these clever things that are going on. Are there any scenarios where things like the speculative loading that that can conflict, or overlap or be something that you actually don&amp;#8217;t want to do because you&amp;#8217;ve already got something in place that might be handling, I don&amp;#8217;t know, let&amp;#8217;s say for example, you&amp;#8217;re in team Cloudflare, and you&amp;#8217;ve jumped in on all the different things that they&amp;#8217;ve got? Perhaps they do this already. I don&amp;#8217;t know. But I&amp;#8217;m just wondering if there are any scenarios where, let&amp;#8217;s say I&amp;#8217;m a hosting company, or I&amp;#8217;m just really into my performance. Are there any scenarios where I need to be mindful, maybe I want to switch this off?&lt;/p&gt;
  1541.  
  1542.  
  1543.  
  1544. &lt;p&gt;[00:38:22] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; I don&amp;#8217;t think there&amp;#8217;s a lot on the hosting side, but there can be on the whatever client side&amp;#8217;s technologies you use. So because this speculative loading happens in the browser, so the, I don&amp;#8217;t think there&amp;#8217;s anything on the hosting side, or server side, that could do something similar. I think that wouldn&amp;#8217;t work.&lt;/p&gt;
  1545.  
  1546.  
  1547.  
  1548. &lt;p&gt;But there are other ways that some similar things like this have already been done outside of a browser specification, outside of a browser API. Like there are certain JavaScript frameworks, for instance, that have something like speculative loading. Like, if you have a Next.js site, for instance, which I think is not very common to be used together with WordPress, but if you do have a Next.js site for instance, it might load URLs speculatively too, but through its own mechanism, like a completely separate approach. I&amp;#8217;m not sure about specific JavaScript libraries right now that do exactly this, but there are definitely things like it that some sites were already using before the browser Speculation Rules API came around.&lt;/p&gt;
  1549.  
  1550.  
  1551.  
  1552. &lt;p&gt;[00:39:15] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Okay, so broadly speaking, if you&amp;#8217;re a WordPress, a typical WordPress user, you&amp;#8217;ve got nothing to worry about. And you probably know that you&amp;#8217;ve got something interesting and unusual going on with loading things in a different way, so you&amp;#8217;re probably okay.&lt;/p&gt;
  1553.  
  1554.  
  1555.  
  1556. &lt;p&gt;One of the things that I did want to know, I just wondered if there were certain, I don&amp;#8217;t know, let&amp;#8217;s say I&amp;#8217;ve got a WordPress website, maybe there are bits of that website that I don&amp;#8217;t wish to be speculatively loading.&lt;/p&gt;
  1557.  
  1558.  
  1559.  
  1560. &lt;p&gt;I&amp;#8217;m not really sure what that might be. An example that I think came out of one of your blog posts was you took the example of a Woo, well, I presume it was WooCommerce, you know, the end of the URL being cart or something like that, you know, so forward slash cart, forward slash whatever.&lt;/p&gt;
  1561.  
  1562.  
  1563.  
  1564. &lt;p&gt;That&amp;#8217;s possible though. I presume, again, with hooks you could say, okay, this predetermined set of URLs, we don&amp;#8217;t want to speculatively load anything. That kind of stuff can be done. The URL parameters can be configured into all this.&lt;/p&gt;
  1565.  
  1566.  
  1567.  
  1568. &lt;p&gt;[00:40:05] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; Yeah, exactly. So you can exclude certain URLs, or URL patterns from being applied to the speculative loading. And you can also configure whether you want to exclude them entirely or whether you want to exclude them only from pre-rendering, but not pre-fetching.&lt;/p&gt;
  1569.  
  1570.  
  1571.  
  1572. &lt;p&gt;So this is important to consider because the WordPress site, well, probably now 95% of the sites with 6.8 use pre-fetch because that&amp;#8217;s a default. There are still sites that change it to pre-render. And then there are different implications for the site, for the URLs that are pre-rendered.&lt;/p&gt;
  1573.  
  1574.  
  1575.  
  1576. &lt;p&gt;And one of the considerations is, that&amp;#8217;s actually another reason why we went with pre-fetch. because also pre-fetch, even though it&amp;#8217;s less performant than pre-render, is also a safer option at the scale that we roll this out to all WordPress sites. Because the only risk with pre-fetch occurs if there is a URL that modifies something just by visiting that URL, which is an anti-pattern, like you should not do this, but there are plugins that do this occasionally. For instance, if you have like a URL that&amp;#8217;s called empty cart, and just by visiting that URL you empty your shopping cart.&lt;/p&gt;
  1577.  
  1578.  
  1579.  
  1580. &lt;p&gt;That means, if you speculatively load the URL and you don&amp;#8217;t visit it, your cart is emptied. You don&amp;#8217;t want that. This is the only risk with pre-fetch. But, for what it&amp;#8217;s worth, WordPress, the WordPress Core implementation also includes some default exclusions already. One of them is that it won&amp;#8217;t speculatively load any URL with query parameters, like those question marks, something. And that&amp;#8217;s because most WordPress sites by far are using pretty permalinks, and on those sites, having a query parameters is extremely unusual. And if there is, it&amp;#8217;s usually from a plugin that does something specific.&lt;/p&gt;
  1581.  
  1582.  
  1583.  
  1584. &lt;p&gt;And so that&amp;#8217;s why we exclude URLs because the chance that, like WordPress Core doesn&amp;#8217;t have anything in the front end that will change something when you visit a URL, but plugins might. And plugins would usually handle this through query parameters if they do, and that&amp;#8217;s why we exclude any query parameter URLs.&lt;/p&gt;
  1585.  
  1586.  
  1587.  
  1588. &lt;p&gt;[00:42:07] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Yeah, I know that you will not have an answer to the next question, but I&amp;#8217;m going to ask it anyway. But I&amp;#8217;m just curious on your thoughts about it, because I know that anybody listening to this, there&amp;#8217;s going to be a proportion of people thinking, wait, we want less bits traveling across the internet.&lt;/p&gt;
  1589.  
  1590.  
  1591.  
  1592. &lt;p&gt;And I&amp;#8217;m thinking about the environmental impact of things now. You know, we don&amp;#8217;t want pre-fetching anything, because that&amp;#8217;s then potentially just wasted energy. Just carbon being burnt for stuff which may, or may not, be looked at. And obviously the WordPress approach that you&amp;#8217;ve taken is to try and minimise that.&lt;/p&gt;
  1593.  
  1594.  
  1595.  
  1596. &lt;p&gt;But I just wondered if you had any thoughts, you know, around that and whether you could sort of calm people down about that or whether or not it, was that whole thing disregarded? Where does it fit into the thinking of all of this?&lt;/p&gt;
  1597.  
  1598.  
  1599.  
  1600. &lt;p&gt;[00:42:52] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; Yeah, like I said in the beginning, it is a trade off that you have to make, but it also depends like, which decision you take probably depends on how your site is being used, like what is the best configuration of speculative loading for your own site?&lt;/p&gt;
  1601.  
  1602.  
  1603.  
  1604. &lt;p&gt;If you go with a too eager configuration where there&amp;#8217;s tons of URLs are eagerly loaded and then they might never be visited, then this definitely has a negative impact, like you&amp;#8217;re saying. But obviously the ideal outcome is that the wasteful reloaded URLs are minimised and at the end of the day you, by speculatively loading, you improve the user experience.&lt;/p&gt;
  1605.  
  1606.  
  1607.  
  1608. &lt;p&gt;I can&amp;#8217;t really answer where you draw the line in that. That being said, the adverse effects of URLs being loaded that you don&amp;#8217;t navigate to with this conservative eagerness is so little. That&amp;#8217;s why we chose that value to be the default. And you can go for more performant solutions, or configurations, but when you do so, please test how that works out.&lt;/p&gt;
  1609.  
  1610.  
  1611.  
  1612. &lt;p&gt;You can also, don&amp;#8217;t want to get too deep into this, but you can also, if you have some kind of analytics provider for your site, you can gather like performance data or you can see which links users typically click on. And then you could configure speculation rules in the way that these links specifically may use like a more eager configuration. But the other ones don&amp;#8217;t.&lt;/p&gt;
  1613.  
  1614.  
  1615.  
  1616. &lt;p&gt;This is where people really get, I&amp;#8217;ve not personally done this but when, I&amp;#8217;ve heard from other people when they work with enterprise clients, they really go in and look at, oh, when somebody has sent this URL, they usually click one of these four URLs, one of these four links, and then you can configure speculation rules to say, these four links should have moderate eagerness, but all other ones only conservative, for instance.&lt;/p&gt;
  1617.  
  1618.  
  1619.  
  1620. &lt;p&gt;[00:44:22] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; I can see a whole third party ecosystem of plugin developers kind of rubbing their hands together. You know, those that create performance plugins kind of leaning into exactly what you just said. Here&amp;#8217;s your entire WordPress website, and here&amp;#8217;s what we think, you know, in the same way that SEO plugins might give you a traffic light. Here&amp;#8217;s a set of URLs, which we think you are not serving in the way that is going to be beneficial to your users or what have you. So, oh, that&amp;#8217;s interesting as well.&lt;/p&gt;
  1621.  
  1622.  
  1623.  
  1624. &lt;p&gt;[00:44:46] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; The tough thing though is that it&amp;#8217;s usually, I think it&amp;#8217;s going to be very heavily dependent on the individual site. That&amp;#8217;s where my hesitation is with that is that like, I&amp;#8217;m not sure how much a plugin, a generally applied plugin, throughout the ecosystem could predict that. I think it&amp;#8217;s often depending on the layout of the site. What is even the content of the site, right? What do people mostly click on? I think that makes it challenging from a general plugin perspective. Like to me, that&amp;#8217;s mostly something that developers would do for their client&amp;#8217;s websites, or agencies would do for a client&amp;#8217;s website or at an individual level.&lt;/p&gt;
  1625.  
  1626.  
  1627.  
  1628. &lt;p&gt;[00:45:18] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Yeah. Well, I mean, it&amp;#8217;s just the beginning, isn&amp;#8217;t it? It&amp;#8217;s dropped in fairly recently. No doubt, the WordPress ecosystem will kind of figure out a posture on this. Maybe third party plugins will come along. Maybe developers will produce more documentation about how to wrangle it. How to surmise whether or not your website is using the Speculation Rules API in a way which is helping you, I don&amp;#8217;t know, measuring the cost of your server infrastructure and what have you. But just the beginning.&lt;/p&gt;
  1629.  
  1630.  
  1631.  
  1632. &lt;p&gt;So there you go. Now, dear listener, you know a whole load of stuff about WordPress 6.8 that you didn&amp;#8217;t. Before because probably, it was completely invisible to you. So, is there anything we missed, Felix? Is there any burning issue that you think we did not cover that and that was important?&lt;/p&gt;
  1633.  
  1634.  
  1635.  
  1636. &lt;p&gt;[00:45:58] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; No. I think we covered pretty much anything, everything. I just wanted to add that the new data from the Crux Report comes out, I think actually it came out yesterday, I believe. So it comes out every second Tuesday of the month. So I&amp;#8217;m about to look at that. I want to take a look at that, definitely by the end of this week to see whether we can get any impact data now that speculative loading is out because, so the way that this works is the Crux data is released for the month before. That&amp;#8217;s what happened, I think yesterday. So now we should have data on April where WordPress 6.8 came out. So now we can see how much did this feature launching in 6.8, and 6.8 in general, affect performance, hopefully in a good way.&lt;/p&gt;
  1637.  
  1638.  
  1639.  
  1640. &lt;p&gt;[00:46:39] &lt;strong&gt;Nathan Wrigley:&lt;/strong&gt; Okay. Yeah, yeah. So this is actually for you, quite a big moment. You are suddenly going to get this data dump, which is going to actually cover this 43% of the web. It will be on all, well, most of the sites, and you are suddenly going to see what the impact is. Do you know, if you write that up, I will find it, if it&amp;#8217;s out before I produce this post, then I will definitely link to that. And I&amp;#8217;ll be fascinated to see if we can calculate how many decades, or weeks, or months, or years of time we have actually saved. That&amp;#8217;s absolutely brilliant.&lt;/p&gt;
  1641.  
  1642.  
  1643.  
  1644. &lt;p&gt;Thank you so much for explaining it, helping to create it in the first place, and basically improving WordPress in a very, very demure way. You know, not shouting it from the rooftops, but doing a lot in the background to make everybody&amp;#8217;s experience of the web a whole lot better. Felix Arntz, thank you so much for chatting to me today.&lt;/p&gt;
  1645.  
  1646.  
  1647.  
  1648. &lt;p&gt;[00:47:29] &lt;strong&gt;Felix Arntz:&lt;/strong&gt; Yeah. Thank you.&lt;/p&gt;
  1649. &lt;/div&gt;&lt;/details&gt;
  1650.  
  1651.  
  1652.  
  1653. &lt;p&gt;On the podcast today we have &lt;a href=&#34;https://felix-arntz.me/&#34;&gt;Felix Arntz&lt;/a&gt;.&lt;/p&gt;
  1654.  
  1655.  
  1656.  
  1657. &lt;p&gt;Felix is a Senior Software Engineer at Google, and a WordPress Core committer from Germany, currently residing in San Francisco, California. He helped establish the WordPress Core Performance Team and has been heavily contributing to its efforts. He has been using WordPress for a decade and contributing back to the project since 2015. More recently, he has stepped into the role of the inaugural Performance Lead for the WordPress 6.2 release and subsequently of the 6.3 and 6.8 releases. In the latter release, he spearheaded development and launch of the new speculative loading feature, which is the focus of the podcast today.&lt;/p&gt;
  1658.  
  1659.  
  1660.  
  1661. &lt;p&gt;Speculative loading is one of the most important, and yet almost invisible, performance enhancements of recent times. If you’re on WordPress 6.8, this new feature is already active on your site, working quietly in the background to make page navigation faster. But you might never know from the WordPress UI, there’s no menu, no toggle, and no obvious indicator to show it’s there.&lt;/p&gt;
  1662.  
  1663.  
  1664.  
  1665. &lt;p&gt;Felix explains exactly what speculative loading is, and why it feels almost like browser magic. The ability for WordPress, using the browser’s new Speculation Rules API, to load the next page just as a user is about to visit it. It’s a clever use of browser signals like mouse clicks and hovers to anticipate navigation, shaving off precious milliseconds, sometimes even providing what feels like an instant page load.&lt;/p&gt;
  1666.  
  1667.  
  1668.  
  1669. &lt;p&gt;Felix clarifies the difference between conservative and more aggressive approaches to speculative loading, and why the WordPress Core team opted for the safest, least wasteful option by default, while still giving developers, or advanced users, the hooks and tools to customise or even disable it as needed.&lt;/p&gt;
  1670.  
  1671.  
  1672.  
  1673. &lt;p&gt;Felix discusses the origins of the feature as a plugin, the testing and data collection undertaken with tens of thousands of sites, and how this real-world data gave the team confidence to ship speculative loading to all WordPress users. We talk about what those performance wins mean at scale. How a 2% improvement on 43% of the internet translates into saving users untold hours of waiting collectively.&lt;/p&gt;
  1674.  
  1675.  
  1676.  
  1677. &lt;p&gt;We also get into the weeds on measurement and methodology. How the team uses data from the Chrome User Experience Report and HTTP Archive to track web performance, prioritise features, and validate real-world impact. Felix offers insight into how these global, anonymised data sets allow the Performance Team to make truly data-driven decisions.&lt;/p&gt;
  1678.  
  1679.  
  1680.  
  1681. &lt;p&gt;Beyond the tech, Felix addresses practical considerations, such as how to opt out, or fine-tune speculative loading if you have specific needs, how environmental concerns are balanced by default configurations, and how plugins or agencies might build on this foundation in the future.&lt;/p&gt;
  1682.  
  1683.  
  1684.  
  1685. &lt;p&gt;If you’ve ever wondered how large-scale, browser-level improvements make their way into WordPress Core, or simply want to know if there’s a way to make your own WordPress site that much faster, this episode is for you.&lt;/p&gt;
  1686.  
  1687.  
  1688.  
  1689. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Useful links&lt;/h2&gt;
  1690.  
  1691.  
  1692.  
  1693. &lt;p&gt;&lt;a href=&#34;https://make.wordpress.org/performance/handbook/about-the-team/&#34;&gt; WordPress Performance Team&lt;/a&gt;&lt;/p&gt;
  1694.  
  1695.  
  1696.  
  1697. &lt;p&gt;&lt;a href=&#34;https://codelabs.developers.google.com/speculation-rules&#34;&gt;Achieve instant navigations with the Speculation Rules API&lt;/a&gt;&lt;/p&gt;
  1698.  
  1699.  
  1700.  
  1701. &lt;p&gt;&lt;a href=&#34;https://developers.google.com/search/docs/appearance/core-web-vitals&#34;&gt;Understanding Core Web Vitals and Google search results&lt;/a&gt;&lt;/p&gt;
  1702.  
  1703.  
  1704.  
  1705. &lt;p&gt;&lt;a href=&#34;https://wordpress.org/plugins/speculation-rules/&#34;&gt;Speculative Loading plugin&lt;/a&gt;&lt;/p&gt;
  1706.  
  1707.  
  1708.  
  1709. &lt;p&gt;&lt;a href=&#34;https://felix-arntz.me/blog/speculative-loading-history-performance-feature-in-wordpress-core/&#34;&gt;Speculative Loading, or A Brief History of Landing a Performance Feature in WordPress Core&lt;/a&gt;&lt;/p&gt;
  1710.  
  1711.  
  1712.  
  1713. &lt;p&gt;&lt;a href=&#34;https://developer.chrome.com/docs/crux&#34;&gt;Overview of CrUX&lt;/a&gt;&lt;/p&gt;
  1714.  
  1715.  
  1716.  
  1717. &lt;p&gt;&lt;a href=&#34;https://cloud.google.com/bigquery&#34;&gt;BigQuery&lt;/a&gt;&lt;/p&gt;
  1718.  
  1719.  
  1720.  
  1721. &lt;p&gt;&lt;a href=&#34;https://httparchive.org/&#34;&gt;HTTP Archive&lt;/a&gt;&lt;/p&gt;</description>
  1722. <pubDate>Wed, 28 May 2025 14:00:00 +0000</pubDate>
  1725. <dc:creator>Nathan Wrigley</dc:creator>
  1727. </item>
  1728.  
  1729. <item>
  1730. <title>Do The Woo Community: Reinventing Careers and Building Resilience in Tech with Mendel Kurland</title>
  1731. <guid>https://openchannels.fm/?p=97469</guid>
  1732. <link>https://openchannels.fm/reinventing-careers-and-building-resilience-in-tech-with-mendel-kurland/</link>
  1734. <description>Zach and Carl chat with Mendel Kurland, sharing stories of resilience, reinvention, and the human side of tech, wrapping it all in laughs and life lessons.</description>
  1735. <pubDate>Wed, 28 May 2025 09:32:00 +0000</pubDate>
  1738. <dc:creator>Bob Dunn</dc:creator>
  1740. </item>
  1741.  
  1742. <item>
  1743. <title>Matt: The Five Layers of Sharing Thoughts and Ideas</title>
  1744. <guid>https://ma.tt/?p=142705</guid>
  1745. <link>https://ma.tt/2025/05/sharing-levels/</link>
  1747. <description>&lt;p&gt;I&amp;#8217;ve been thinking a lot about mimetic formation, how a thought becomes an idea, and how that idea gestates and evolves as it&amp;#8217;s progressively shared in wider and wider circles.&lt;/p&gt;
  1748.  
  1749.  
  1750.  
  1751. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;&#34; class=&#34;wp-image-142868&#34; height=&#34;198&#34; src=&#34;https://i0.wp.com/ma.tt/files/2025/05/five-layers-1024x335.png?resize=604%2C198&amp;#038;quality=80&amp;#038;ssl=1&#34; width=&#34;604&#34; /&gt;&lt;/figure&gt;
  1752.  
  1753.  
  1754.  
  1755. &lt;p&gt;During a recent product review of &lt;a href=&#34;https://dayoneapp.com/&#34;&gt;Day One&lt;/a&gt;, I was struck by how central the app is to my perspective on humans, relationships, and what we share. There are several layers to it, ranging from your innermost thoughts to what you share with the world. Each layer has its own context, challenges, and possibilities, and Automattic offers technology and products tailored to each.&lt;/p&gt;
  1756.  
  1757.  
  1758.  
  1759. &lt;p&gt;1. Layer one is your internal thoughts. Your consciousness, what exists only in your mind, or what I like to call meatspace. This space is yours and yours alone. This generative space is at the core of human creativity and existence.&lt;/p&gt;
  1760.  
  1761.  
  1762.  
  1763. &lt;p&gt;2. Layer two is triggered as soon as you put something into a medium, like writing it down. It’s everything that leaves your head, but is just reserved for you. In the past, we only had physical journals. Today, we have &lt;a href=&#34;https://dayoneapp.com/&#34;&gt;Day One&lt;/a&gt; as our strongest product in this space, but many people also have a private WordPress installation just for themselves. There are so many tools out there that help you create! Colors, brushes, canvases. Harper, for example, helps you write better — think of it as an open-source &lt;a href=&#34;https://www.grammarly.com/&#34;&gt;Grammarly&lt;/a&gt;, right now just in a few limited contexts, but in the future everywhere you write. &lt;/p&gt;
  1764.  
  1765.  
  1766.  
  1767. &lt;p&gt;3. Layer three is you and someone else. This is everything you share with one other person, which is an incredibly sacred act. &lt;a href=&#34;https://dayoneapp.com/shared-journals/&#34;&gt;Shared journals&lt;/a&gt; on Day One, messaging on &lt;a href=&#34;https://www.beeper.com/&#34;&gt;Beeper&lt;/a&gt;, DMs, private blogs with your best friend. A shared Google doc. This is its own special space. It has an intimacy and privacy that is core to the human experience. This is also phase 3 of Gutenberg, which is all about real-time co-editing and collaboration. This layer is the one I&amp;#8217;m most excited about expanding in 2025 and 2026.&lt;/p&gt;
  1768.  
  1769.  
  1770.  
  1771. &lt;p&gt;4. Layer four is sharing within a finite group. N+1. It&amp;#8217;s a space of collaboration and brainstorming with families, tribes, and teams. &lt;a href=&#34;https://wordpress.com/p2/&#34;&gt;P2&lt;/a&gt;, Linear, Github, group chats, and cozy communities. You lose some of the intimacy of layer three but gain more group intelligence.&lt;/p&gt;
  1772.  
  1773.  
  1774.  
  1775. &lt;p&gt;5. Finally, we have the fifth layer. This is the public layer, where I have spent a lot of my time at &lt;a href=&#34;https://automattic.com/&#34;&gt;Automattic&lt;/a&gt;. It is an extremely competitive space of social media and blogs: &lt;a href=&#34;https://wordpress.org/&#34;&gt;WordPress&lt;/a&gt;, &lt;a href=&#34;http://wordpress.com&#34;&gt;WordPress.com&lt;/a&gt;, and &lt;a href=&#34;https://tumblr.com/&#34;&gt;Tumblr&lt;/a&gt;. Once you publish publicly, you open yourself up to the beauty and chaos of the wider world. The best reason to blog is comments, the people who find you and add to your thoughts, who you never would have imagined. This is a crucible, but makes your own writing and thinking so much better, it&amp;#8217;s worth the mishegoss. &lt;img alt=&#34;🙂&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/16.0.1/72x72/1f642.png&#34; style=&#34;height: 1em;&#34; /&gt;&lt;/p&gt;
  1776.  
  1777.  
  1778.  
  1779. &lt;p&gt;This has been kicking around in my head and at layer four for a while. Thanks to &lt;a href=&#34;https://kelly.blog/&#34;&gt;Kelly Hoffman&lt;/a&gt; for helping me get this to layer five.&lt;/p&gt;
  1780.  
  1781.  
  1782.  
  1783. &lt;p&gt;P.S. Happy 22&lt;sup&gt;nd&lt;/sup&gt; birthday to WordPress! &lt;a href=&#34;https://wordpress.org/news/2025/05/announcing-the-formation-of-the-wordpress-ai-team/&#34;&gt;Very excited about the new AI team on .org&lt;/a&gt;.&lt;/p&gt;</description>
  1784. <pubDate>Wed, 28 May 2025 00:55:00 +0000</pubDate>
  1787. <dc:creator>Matt</dc:creator>
  1789. </item>
  1790.  
  1791. <item>
  1792. <title>Aaron Jorbin: Happy 22nd Birthday WordPress</title>
  1793. <guid>https://aaron.jorb.in/?p=185698</guid>
  1794. <link>https://aaron.jorb.in/happy-22nd-birthday-wordpress/</link>
  1796. <description>&lt;p&gt;I don&amp;#8217;t know about you, but &lt;a href=&#34;https://wordpress.org/news/2003/05/wordpress-now-available/&#34;&gt;WordPress is feeling 22.&lt;/a&gt;&lt;/p&gt;
  1797.  
  1798.  
  1799.  
  1800. &lt;figure class=&#34;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio&#34;&gt;&lt;div class=&#34;wp-block-embed__wrapper&#34;&gt;
  1801.  
  1802. &lt;/div&gt;&lt;/figure&gt;
  1803.  
  1804.  
  1805.  
  1806. &lt;p&gt;I am celebrating by helping WordPress do what it has done nearly every day for 22 years: &lt;a href=&#34;https://core.trac.wordpress.org/changeset/60258&#34;&gt;getting&lt;/a&gt; a little better (and &lt;a href=&#34;https://core.trac.wordpress.org/changeset/60257&#34;&gt;being ok&lt;/a&gt; making &lt;a href=&#34;https://core.trac.wordpress.org/changeset/60256&#34;&gt;mistakes&lt;/a&gt; in the process).&lt;/p&gt;
  1807. &lt;p&gt;The post &lt;a href=&#34;https://aaron.jorb.in/happy-22nd-birthday-wordpress/&#34;&gt;Happy 22nd Birthday WordPress&lt;/a&gt; appeared first on &lt;a href=&#34;https://aaron.jorb.in&#34;&gt;Aaron Jorbin&lt;/a&gt;.&lt;/p&gt;</description>
  1808. <pubDate>Tue, 27 May 2025 23:37:32 +0000</pubDate>
  1811. <dc:creator>jorbin</dc:creator>
  1813. </item>
  1814.  
  1815. <item>
  1816. <title>WordPress.org blog: Announcing the Formation of the WordPress AI Team</title>
  1817. <guid>https://wordpress.org/news/?p=18769</guid>
  1818. <link>https://wordpress.org/news/2025/05/announcing-the-formation-of-the-wordpress-ai-team/</link>
  1820. <description>&lt;p&gt;Today, I’m pleased to announce the formation of a new &lt;strong&gt;WordPress AI Team,&lt;/strong&gt; a dedicated group focused on accelerating and coordinating artificial intelligence projects across the WordPress ecosystem.&lt;/p&gt;
  1821.  
  1822.  
  1823.  
  1824. &lt;p&gt;AI is already transforming how people create and manage content online. As this technology evolves, it’s essential that WordPress remains at the forefront, ensuring innovation happens in the open, guided by community values, and built to core standards.&lt;/p&gt;
  1825.  
  1826.  
  1827.  
  1828. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Why This Matters&lt;/h2&gt;
  1829.  
  1830.  
  1831.  
  1832. &lt;ul class=&#34;wp-block-list&#34;&gt;
  1833. &lt;li&gt;&lt;strong&gt;Strategic focus&lt;/strong&gt;: A unified team stewards AI development thoughtfully, avoids fragmentation, and ensures alignment with the long-term goals of WordPress. &lt;/li&gt;
  1834.  
  1835.  
  1836.  
  1837. &lt;li&gt;&lt;strong&gt;Shared innovation&lt;/strong&gt;: Contributors and companies are actively exploring AI across the ecosystem. This team provides a central place to collaborate, share ideas, and build together.&lt;/li&gt;
  1838.  
  1839.  
  1840.  
  1841. &lt;li&gt;&lt;strong&gt;Rapid iteration&lt;/strong&gt;: Like the Performance Team, we’ll take a plugin-first approach. &lt;a href=&#34;https://make.wordpress.org/core/2022/09/11/canonical-plugins-revisited/&#34;&gt;Canonical Plugins&lt;/a&gt; will allow us to move quickly, gather feedback, and deliver real value without waiting on the Core release cycle.&lt;/li&gt;
  1842. &lt;/ul&gt;
  1843.  
  1844.  
  1845.  
  1846. &lt;h2 class=&#34;wp-block-heading&#34;&gt;What to Expect&lt;/h2&gt;
  1847.  
  1848.  
  1849.  
  1850. &lt;p&gt;The AI Team will:&lt;/p&gt;
  1851.  
  1852.  
  1853.  
  1854. &lt;ul class=&#34;wp-block-list&#34;&gt;
  1855. &lt;li&gt;Coordinate cross-team efforts to explore AI-powered features responsibly and inclusively.&lt;/li&gt;
  1856.  
  1857.  
  1858.  
  1859. &lt;li&gt;Publish and maintain a public roadmap of AI initiatives and Canonical Plugins.&lt;/li&gt;
  1860.  
  1861.  
  1862.  
  1863. &lt;li&gt;Collaborate closely with Core, Design, Accessibility, and other teams to ensure strong integration and shared standards.&lt;/li&gt;
  1864. &lt;/ul&gt;
  1865.  
  1866.  
  1867.  
  1868. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Meet the Team&lt;/h2&gt;
  1869.  
  1870.  
  1871.  
  1872. &lt;p&gt;The WordPress AI Team brings deep experience in open-source, performance, and product development and a strong commitment to building AI features the WordPress way. The team will launch with the following team contributors:&lt;/p&gt;
  1873.  
  1874.  
  1875.  
  1876. &lt;ul class=&#34;wp-block-list&#34;&gt;
  1877. &lt;li&gt;&lt;strong&gt;James LePage&lt;/strong&gt; – Automattic&lt;/li&gt;
  1878.  
  1879.  
  1880.  
  1881. &lt;li&gt;&lt;strong&gt;Felix Arntz&lt;/strong&gt; – Google&lt;/li&gt;
  1882.  
  1883.  
  1884.  
  1885. &lt;li&gt;&lt;strong&gt;Pascal Birchler&lt;/strong&gt; – Google&lt;/li&gt;
  1886.  
  1887.  
  1888.  
  1889. &lt;li&gt;&lt;strong&gt;Jeff Paul&lt;/strong&gt; – 10up&lt;/li&gt;
  1890. &lt;/ul&gt;
  1891.  
  1892.  
  1893.  
  1894. &lt;p&gt;To help get things started, James and Felix will serve as the initial &lt;a href=&#34;https://make.wordpress.org/updates/team-reps/&#34;&gt;Team Reps&lt;/a&gt; in supporting team organization, communication, and coordination with other Make WordPress teams.&lt;/p&gt;
  1895.  
  1896.  
  1897.  
  1898. &lt;p&gt;This is an exciting and important step in WordPress’s evolution. I look forward to seeing what we’ll create together and in the open.&lt;/p&gt;
  1899.  
  1900.  
  1901.  
  1902. &lt;p&gt;If you’re interested in contributing or following along, please join the conversations in &lt;a href=&#34;https://wordpress.slack.com/archives/C08TJ8BPULS&#34;&gt;#core-ai&lt;/a&gt; and watch for upcoming meeting announcements on &lt;a href=&#34;https://make.wordpress.org/ai/&#34;&gt;https://make.wordpress.org/ai/&lt;/a&gt;.&lt;/p&gt;</description>
  1903. <pubDate>Tue, 27 May 2025 16:28:01 +0000</pubDate>
  1906. <dc:creator>Mary Hubbard</dc:creator>
  1908. </item>
  1909.  
  1910. <item>
  1911. <title>Do The Woo Community: How One Solo Agency Owner Manages Hundreds of WordPress Sites (Without Losing His Mind)</title>
  1912. <guid>https://openchannels.fm/?post_type=blog&amp;p=97117</guid>
  1913. <link>https://openchannels.fm/how-one-solo-agency-owner-manages-hundreds-of-wordpress-sites-without-losing-his-mind/</link>
  1915. <description>Running a massive web design business solo, while focusing on one platform, automating wisely, networking locally, and keeping support simple can help with strategies to scale without stress.</description>
  1916. <pubDate>Tue, 27 May 2025 11:14:00 +0000</pubDate>
  1919. <dc:creator>Bob Dunn</dc:creator>
  1921. </item>
  1922.  
  1923. <item>
  1924. <title>Do The Woo Community: Community Engagement Strategies for Successful WooCommerce and WordPress Plugins</title>
  1925. <guid>https://openchannels.fm/?p=97436</guid>
  1926. <link>https://openchannels.fm/community-engagement-strategies-for-successful-woocommerce-and-wordpress-plugins/</link>
  1928. <description>In this episode of Woo Product Chat, co-hosts discuss &#34;community thinking&#34; in WordPress and WooCommerce plugins, highlighting the importance of user feedback and effective engagement strategies.</description>
  1929. <pubDate>Tue, 27 May 2025 08:44:00 +0000</pubDate>
  1932. <dc:creator>Bob Dunn</dc:creator>
  1934. </item>
  1935.  
  1936. <item>
  1937. <title>Weston Ruter: Improve LCP by Deprioritizing  Script Modules from the Interactivity API</title>
  1938. <guid>https://weston.ruter.net/?p=34457</guid>
  1939. <link>https://weston.ruter.net/2025/05/26/improve-lcp-by-deprioritizing-interactivity-api-script-modules/</link>
  1941. <description>&lt;p class=&#34;is-style-text-subtitle is-style-text-subtitle--3&#34;&gt;Adding a &lt;code&gt;fetchpriority&lt;/code&gt; of &lt;code&gt;low&lt;/code&gt; to script modules and moving them from the &lt;code&gt;head&lt;/code&gt; to the footer can improve &lt;abbr title=&#34;Largest Contentful Paint&#34;&gt;LCP&lt;/abbr&gt; by &amp;gt;9%! I&amp;#8217;ve &lt;a href=&#34;https://github.com/westonruter/script-fetchpriority-low&#34; title=&#34;Script Fetch Priority Low&#34;&gt;written&lt;/a&gt; &lt;a href=&#34;https://github.com/westonruter/script-modules-in-footer&#34; title=&#34;Script Modules in Footer&#34;&gt;plugins&lt;/a&gt; you can use to implement this now while waiting for them to land in WordPress core.&lt;/p&gt;
  1942.  
  1943.  
  1944.  
  1945. &lt;p&gt;The past week I&amp;#8217;ve been doing a deep dive into the performance impact of how WordPress loads script modules for the &lt;a href=&#34;https://developer.wordpress.org/block-editor/reference-guides/interactivity-api/&#34;&gt;Interactivity API&lt;/a&gt;. When the Interactivity API was first introduced, it used classic non-module scripts which were printed at the end of the &lt;code&gt;body&lt;/code&gt; (i.e. in the footer, at &lt;code&gt;wp_footer&lt;/code&gt;) so that they would not block the &lt;a href=&#34;https://developer.mozilla.org/en-US/docs/Web/Performance/Guides/Critical_rendering_path&#34;&gt;critical rendering path&lt;/a&gt;. With support for &lt;a href=&#34;https://make.wordpress.org/core/2023/07/14/registering-scripts-with-async-and-defer-attributes-in-wordpress-6-3/&#34;&gt;script loading strategies&lt;/a&gt; in core, I &lt;a href=&#34;https://github.com/WordPress/gutenberg/pull/52536&#34;&gt;added&lt;/a&gt; &lt;code&gt;defer&lt;/code&gt; to these scripts and moved them to the &lt;code&gt;head&lt;/code&gt; (i.e. at &lt;code&gt;wp_head&lt;/code&gt;) in block themes, &lt;a href=&#34;https://core.trac.wordpress.org/ticket/59115#:~:text=Leaving%20them%20in%20the%20head%20is%20advantageous%20because%20it%20means%20the%20browser%20will%20discover%20these%20scripts%20earlier%20and%20start%20loading%20them%20with%20other%20page%20resources%2C%20but%20the%20presence%20of%20defer%20means%20that%20they%20will%20no%20longer%20block%20page%20rendering.&#34;&gt;reasoning&lt;/a&gt;:&lt;/p&gt;
  1946.  
  1947.  
  1948.  
  1949. &lt;blockquote class=&#34;wp-block-quote is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  1950. &lt;p&gt;Leaving them in the &lt;code&gt;head&lt;/code&gt; is advantageous because it means the browser will discover these scripts earlier and start loading them with other page resources, but the presence of &lt;code&gt;defer&lt;/code&gt; means that they will no longer block page rendering.&lt;/p&gt;
  1951. &lt;/blockquote&gt;
  1952.  
  1953.  
  1954.  
  1955. &lt;p&gt;Ultimately, when the Interactivity API was &lt;a href=&#34;https://make.wordpress.org/core/2024/03/04/interactivity-api-dev-note/&#34;&gt;fully launched&lt;/a&gt; in WordPress 6.5, it had switched to using &lt;a href=&#34;https://make.wordpress.org/core/2024/03/04/script-modules-in-6-5/&#34;&gt;script modules&lt;/a&gt;. One great thing about script modules is that they don&amp;#8217;t block rendering: they have the &lt;code&gt;defer&lt;/code&gt; behavior &lt;a href=&#34;https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules#:~:text=There%20is%20no%20need%20to%20use%20the%20defer%20attribute%20(see%20%3Cscript%3E%20attributes)%20when%20loading%20a%20module%20script%3B%20modules%20are%20deferred%20automatically.&#34;&gt;by default&lt;/a&gt;. This means that they are safe to place in the &lt;code&gt;head&lt;/code&gt;, and they continue to be printed there in block themes. (In classic themes, the block scripts are printed in the footer since blocks aren&amp;#8217;t parsed before &lt;code&gt;wp_head&lt;/code&gt; runs.) However, as I&amp;#8217;ve been researching the past week, there can still be negative implications to the LCP metric when these script modules are discovered early, even though they don&amp;#8217;t block rendering.&lt;/p&gt;
  1956.  
  1957.  
  1958.  
  1959. &lt;p&gt;I set up a vanilla test site with Local WP and the Twenty Twenty-Five default theme active. I configured the theme template and post content so that all block configurations which depend on the Interactivity API are present:&lt;/p&gt;
  1960.  
  1961.  
  1962.  
  1963. &lt;ul class=&#34;wp-block-list&#34;&gt;
  1964. &lt;li&gt;The theme template has a &lt;strong&gt;Navigation&lt;/strong&gt; block with the mobile overlay menu enabled (which is the default).&lt;/li&gt;
  1965.  
  1966.  
  1967.  
  1968. &lt;li&gt;A &lt;strong&gt;Search&lt;/strong&gt; block is added to the header with the “Button only” configuration which depends on the Interactivity API.&lt;/li&gt;
  1969.  
  1970.  
  1971.  
  1972. &lt;li&gt;The &lt;a href=&#34;https://gist.github.com/westonruter/9ef0dfa42e4237b8a823e4b6803d3d7a#file-post_content-html&#34;&gt;post content&lt;/a&gt; starts with an &lt;strong&gt;Image&lt;/strong&gt; block whose &lt;code&gt;IMG&lt;/code&gt; is the LCP element. It is configured to “Enlarge on click”.&lt;sup class=&#34;fn&#34;&gt;&lt;a href=&#34;https://weston.ruter.net/category/wordpress/feed/#c7a2be25-eace-4671-8089-f9286a5703ea&#34; id=&#34;c7a2be25-eace-4671-8089-f9286a5703ea-link&#34;&gt;1&lt;/a&gt;&lt;/sup&gt; This uses a &lt;a href=&#34;https://en.wikipedia.org/wiki/File:American_bison_k5680-1.jpg&#34;&gt;photo&lt;/a&gt; of a Bison of course. &lt;img alt=&#34;🦬&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f9ac.png&#34; style=&#34;height: 1em;&#34; /&gt;&lt;/li&gt;
  1973.  
  1974.  
  1975.  
  1976. &lt;li&gt;After a few paragraphs of Lorem Ipsum, I added a &lt;strong&gt;File&lt;/strong&gt; block for a PDF with “Show inline embed” enabled.&lt;/li&gt;
  1977.  
  1978.  
  1979.  
  1980. &lt;li&gt;The “More Posts” section of the template has a &lt;strong&gt;Query Loop&lt;/strong&gt; which has its “Reload full page” advanced setting turned off.&lt;/li&gt;
  1981. &lt;/ul&gt;
  1982.  
  1983.  
  1984.  
  1985. &lt;p&gt;In the end, this results in the following markup being printed in the &lt;code&gt;head&lt;/code&gt; (from the &lt;a href=&#34;https://gist.github.com/westonruter/9ef0dfa42e4237b8a823e4b6803d3d7a#file-before-html&#34;&gt;full page source&lt;/a&gt; with some prettying): &lt;/p&gt;
  1986.  
  1987.  
  1988. &lt;pre class=&#34;wp-block-code&#34;&gt;&lt;span&gt;&lt;code class=&#34;hljs language-xml&#34;&gt;&lt;span class=&#34;hljs-tag&#34;&gt;&amp;lt;&lt;span class=&#34;hljs-name&#34;&gt;script&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;type&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;importmap&#34;&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;id&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;wp-importmap&#34;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;span class=&#34;actionscript&#34;&gt;
  1989. {
  1990. &lt;span class=&#34;hljs-string&#34;&gt;&#34;imports&#34;&lt;/span&gt;:{
  1991. &lt;span class=&#34;hljs-string&#34;&gt;&#34;@wordpress/interactivity&#34;&lt;/span&gt;: &lt;span class=&#34;hljs-string&#34;&gt;&#34;/wp-includes/js/dist/script-modules/interactivity/index.min.js?ver=55aebb6e0a16726baffb&#34;&lt;/span&gt;,
  1992. &lt;span class=&#34;hljs-string&#34;&gt;&#34;@wordpress/interactivity-router&#34;&lt;/span&gt;: &lt;span class=&#34;hljs-string&#34;&gt;&#34;/wp-includes/js/dist/script-modules/interactivity-router/index.min.js?ver=dc4a227f142d2e68ef83&#34;&lt;/span&gt;,
  1993. &lt;span class=&#34;hljs-string&#34;&gt;&#34;@wordpress/a11y&#34;&lt;/span&gt;: &lt;span class=&#34;hljs-string&#34;&gt;&#34;/wp-includes/js/dist/script-modules/a11y/index.min.js?ver=b7d06936b8bc23cff2ad&#34;&lt;/span&gt;
  1994. }
  1995. }
  1996. &lt;/span&gt;&lt;span class=&#34;hljs-tag&#34;&gt;&amp;lt;/&lt;span class=&#34;hljs-name&#34;&gt;script&lt;/span&gt;&amp;gt;&lt;/span&gt;
  1997. &lt;span class=&#34;hljs-tag&#34;&gt;&amp;lt;&lt;span class=&#34;hljs-name&#34;&gt;script&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;type&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;module&#34;&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;src&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;/wp-includes/js/dist/script-modules/block-library/file/view.min.js?ver=fdc2f6842e015af83140&#34;&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;id&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;@wordpress/block-library/file/view-js-module&#34;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;span class=&#34;hljs-tag&#34;&gt;&amp;lt;/&lt;span class=&#34;hljs-name&#34;&gt;script&lt;/span&gt;&amp;gt;&lt;/span&gt;
  1998. &lt;span class=&#34;hljs-tag&#34;&gt;&amp;lt;&lt;span class=&#34;hljs-name&#34;&gt;script&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;type&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;module&#34;&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;src&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;/wp-includes/js/dist/script-modules/block-library/image/view.min.js?ver=e38a2f910342023b9d19&#34;&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;id&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;@wordpress/block-library/image/view-js-module&#34;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;span class=&#34;hljs-tag&#34;&gt;&amp;lt;/&lt;span class=&#34;hljs-name&#34;&gt;script&lt;/span&gt;&amp;gt;&lt;/span&gt;
  1999. &lt;span class=&#34;hljs-tag&#34;&gt;&amp;lt;&lt;span class=&#34;hljs-name&#34;&gt;script&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;type&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;module&#34;&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;src&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;/wp-includes/js/dist/script-modules/block-library/navigation/view.min.js?ver=61572d447d60c0aa5240&#34;&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;id&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;@wordpress/block-library/navigation/view-js-module&#34;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;span class=&#34;hljs-tag&#34;&gt;&amp;lt;/&lt;span class=&#34;hljs-name&#34;&gt;script&lt;/span&gt;&amp;gt;&lt;/span&gt;
  2000. &lt;span class=&#34;hljs-tag&#34;&gt;&amp;lt;&lt;span class=&#34;hljs-name&#34;&gt;script&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;type&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;module&#34;&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;src&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;/wp-includes/js/dist/script-modules/block-library/query/view.min.js?ver=f55e93a1ad4806e91785&#34;&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;id&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;@wordpress/block-library/query/view-js-module&#34;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;span class=&#34;hljs-tag&#34;&gt;&amp;lt;/&lt;span class=&#34;hljs-name&#34;&gt;script&lt;/span&gt;&amp;gt;&lt;/span&gt;
  2001. &lt;span class=&#34;hljs-tag&#34;&gt;&amp;lt;&lt;span class=&#34;hljs-name&#34;&gt;script&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;type&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;module&#34;&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;src&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;/wp-includes/js/dist/script-modules/block-library/search/view.min.js?ver=208bf143e4074549fa89&#34;&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;id&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;@wordpress/block-library/search/view-js-module&#34;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;span class=&#34;hljs-tag&#34;&gt;&amp;lt;/&lt;span class=&#34;hljs-name&#34;&gt;script&lt;/span&gt;&amp;gt;&lt;/span&gt;
  2002. &lt;span class=&#34;hljs-tag&#34;&gt;&amp;lt;&lt;span class=&#34;hljs-name&#34;&gt;link&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;rel&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;modulepreload&#34;&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;href&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;/wp-includes/js/dist/script-modules/interactivity/index.min.js?ver=55aebb6e0a16726baffb&#34;&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;id&lt;/span&gt;=&lt;span class=&#34;hljs-string&#34;&gt;&#34;@wordpress/interactivity-js-modulepreload&#34;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/span&gt;&lt;/pre&gt;
  2003.  
  2004.  
  2005. &lt;p&gt;When loading the page in Chrome, here&amp;#8217;s the network panel in DevTools:&lt;/p&gt;
  2006.  
  2007.  
  2008.  
  2009. &lt;figure class=&#34;wp-block-image aligncenter size-large wp-lightbox-container&#34;&gt;&lt;img alt=&#34;Screenshot of the Chrome DevTools network panel where the script module resources are being loaded with high priority before the Bison image (for the LCP element)&#34; class=&#34;wp-image-34758&#34; height=&#34;700&#34; src=&#34;https://i0.wp.com/weston.ruter.net/wp-content/uploads/2025/05/chrome-network-panel-script-modules-default-priority-two-columns.png?resize=501%2C700&amp;#038;ssl=1&#34; width=&#34;501&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  2010. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  2011. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  2012. &lt;/svg&gt;
  2013. &lt;/button&gt;&lt;/figure&gt;
  2014.  
  2015.  
  2016.  
  2017. &lt;p&gt;Notice how the script modules are being loaded with a &lt;strong&gt;high&lt;/strong&gt; priority and &lt;em&gt;before&lt;/em&gt; the all-important Bison image resource is loaded for the LCP element. This is bad. Here&amp;#8217;s a view of the waterfall in the Performance panel, where you can see the script modules indeed start loading before the Bison image:&lt;/p&gt;
  2018.  
  2019.  
  2020.  
  2021. &lt;figure class=&#34;wp-block-image alignwide size-large wp-lightbox-container&#34;&gt;&lt;img alt=&#34;Network waterfall in Chrome DevTools showing script modules loading before the LCP image resource.&#34; class=&#34;wp-image-34739&#34; height=&#34;187&#34; src=&#34;https://i0.wp.com/weston.ruter.net/wp-content/uploads/2025/05/chrome-devtools-waterfall-script-modules-default-priority.png?resize=700%2C187&amp;#038;ssl=1&#34; width=&#34;700&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  2022. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  2023. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  2024. &lt;/svg&gt;
  2025. &lt;/button&gt;&lt;/figure&gt;
  2026.  
  2027.  
  2028.  
  2029. &lt;p&gt;In my tests, both Chrome and Safari set a default fetch priority of &lt;strong&gt;high&lt;/strong&gt; for module scripts and &lt;code&gt;modulepreload&lt;/code&gt; links. In Firefox, the default fetch priority for a &lt;code&gt;modulepreload&lt;/code&gt; link is &lt;strong&gt;highest&lt;/strong&gt;, while the script modules are loaded with &lt;strong&gt;normal&lt;/strong&gt; fetch priority. In all these cases, the priorities are &lt;em&gt;incorrect&lt;/em&gt;. They should all have a fetch priority of &lt;strong&gt;low&lt;/strong&gt; because they are not in the critical rendering path. This is because the very first requirement/goal defined for the Interactivity API was for &lt;a href=&#34;https://developer.wordpress.org/block-editor/reference-guides/interactivity-api/iapi-about/#:~:text=It%20must%20support%20server%2Dside%20rendering.%20Server%2Drendered%20HTML%20and%20client%2Dhydrated%20HTML%20must%20be%20exactly%20the%20same.%20This%20is%20important%20for%20SEO%20and%20the%20user%20experience.&#34;&gt;server-side rendering&lt;/a&gt;:&lt;/p&gt;
  2030.  
  2031.  
  2032.  
  2033. &lt;blockquote class=&#34;wp-block-quote is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  2034. &lt;p&gt;It must support server-side rendering. Server-rendered HTML and client-hydrated HTML must be exactly the same. This is important for SEO and the user experience.&lt;/p&gt;
  2035. &lt;/blockquote&gt;
  2036.  
  2037.  
  2038.  
  2039. &lt;p&gt;Since blocks using the Interactivity API are intended to leverage server-side rendering, the script modules for these blocks&lt;sup class=&#34;fn&#34;&gt;&lt;a href=&#34;https://weston.ruter.net/category/wordpress/feed/#b77dfd89-ba79-47f9-b93a-b5825558c8a3&#34; id=&#34;b77dfd89-ba79-47f9-b93a-b5825558c8a3-link&#34;&gt;2&lt;/a&gt;&lt;/sup&gt; by definition should not be prioritized over loading other resources which are in the critical rendering path, &lt;em&gt;especially&lt;/em&gt; any image resource for the LCP element.&lt;/p&gt;
  2040.  
  2041.  
  2042.  
  2043. &lt;p&gt;I wanted to find out what the LCP performance impact would be if these script modules had their priorities changed to low from the default of high. The &lt;code&gt;&lt;a href=&#34;https://developer.mozilla.org/en-US/docs/Web/API/HTMLLinkElement/fetchPriority&#34;&gt;link&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=&#34;https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement/fetchPriority&#34;&gt;script&lt;/a&gt;&lt;/code&gt; tags both support the &lt;code&gt;fetchpriority&lt;/code&gt; attribute, same as the &lt;code&gt;img&lt;/code&gt; tag does. While WordPress now &lt;a href=&#34;https://make.wordpress.org/core/2023/07/13/image-performance-enhancements-in-wordpress-6-3/&#34;&gt;facilitates&lt;/a&gt; adding &lt;code&gt;fetchpriority&lt;/code&gt; to &lt;code&gt;img&lt;/code&gt; tags, it doesn&amp;#8217;t do the same for registered scripts or script modules. This is what &lt;a href=&#34;https://core.trac.wordpress.org/ticket/61734&#34; title=&#34;Add the ability to handle &amp;quot;fetchpriority&amp;quot; to ES Modules and Import Maps&#34;&gt;#61734&lt;/a&gt; is about, and it is why I&amp;#8217;m analyzing the performance impact. In the same way that WordPress facilitates adding &lt;code&gt;async&lt;/code&gt; and &lt;code&gt;defer&lt;/code&gt; to scripts, and does so by default for some scripts, there should perhaps be a way to declare the &lt;code&gt;fetchpriority&lt;/code&gt; for a script or script module.&lt;/p&gt;
  2044.  
  2045.  
  2046.  
  2047. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;performance-of-low-priority-script-modules&#34;&gt;Performance of Low Priority Script Modules&lt;/h2&gt;
  2048.  
  2049.  
  2050.  
  2051. &lt;p&gt;In order to benchmark the performance impact, I developed the &lt;strong&gt;&lt;a href=&#34;https://github.com/westonruter/script-fetchpriority-low&#34;&gt;Script Fetch Priority Low&lt;/a&gt; plugin&lt;/strong&gt; which automatically adds &lt;code&gt;fetchpriority=low&lt;/code&gt; to the &lt;code&gt;module&lt;/code&gt; scripts used by the Interactivity API, as well as any &lt;code&gt;modulepreload&lt;/code&gt; links which are printed for static import dependencies. If a page is loaded with a specific query parameter, then the plugin short-circuits; this allows for doing before/after benchmarks.&lt;/p&gt;
  2052.  
  2053.  
  2054.  
  2055. &lt;p&gt;With this plugin active, this is the change to the network panel in Chrome DevTools:&lt;/p&gt;
  2056.  
  2057.  
  2058.  
  2059. &lt;figure class=&#34;wp-block-image aligncenter size-large wp-lightbox-container&#34;&gt;&lt;img alt=&#34;Screenshot of the Chrome DevTools network panel where the script module resources are being loaded with low priority after the Bison image (for the LCP element)&#34; class=&#34;wp-image-34759&#34; height=&#34;700&#34; src=&#34;https://i0.wp.com/weston.ruter.net/wp-content/uploads/2025/05/chrome-network-panel-script-modules-low-priority-two-columns.png?resize=501%2C700&amp;#038;ssl=1&#34; width=&#34;501&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  2060. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  2061. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  2062. &lt;/svg&gt;
  2063. &lt;/button&gt;&lt;/figure&gt;
  2064.  
  2065.  
  2066.  
  2067. &lt;p&gt;Notice how the script modules are now being loaded with a &lt;strong&gt;low&lt;/strong&gt; priority and &lt;em&gt;after&lt;/em&gt; the Bison image. This can also be seen in the Performance panel waterfall:&lt;/p&gt;
  2068.  
  2069.  
  2070.  
  2071. &lt;figure class=&#34;wp-block-image alignwide size-large wp-lightbox-container&#34;&gt;&lt;img alt=&#34;Network waterfall in Chrome DevTools showing script modules loading after the LCP image resource.&#34; class=&#34;wp-image-34740&#34; height=&#34;190&#34; src=&#34;https://i0.wp.com/weston.ruter.net/wp-content/uploads/2025/05/chrome-devtools-waterfall-script-modules-low-priority.png?resize=700%2C190&amp;#038;ssl=1&#34; width=&#34;700&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  2072. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  2073. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  2074. &lt;/svg&gt;
  2075. &lt;/button&gt;&lt;/figure&gt;
  2076.  
  2077.  
  2078.  
  2079. &lt;p&gt;This looks much better. But what is the performance impact in terms of LCP? To analyze that I used the &lt;a href=&#34;https://github.com/GoogleChromeLabs/wpp-research/tree/main/cli#benchmark-web-vitals&#34;&gt;benchmark-web-vitals&lt;/a&gt; tool to obtain the median web vitals metrics for 100 requests with and without the reduction in fetch priority:&lt;/p&gt;
  2080.  
  2081.  
  2082.  
  2083. &lt;details class=&#34;wp-block-details is-layout-flow wp-block-details-is-layout-flow&#34;&gt;Command&lt;pre class=&#34;wp-block-code&#34;&gt;&lt;span&gt;&lt;code class=&#34;hljs language-bash&#34;&gt;npm run research -- benchmark-web-vitals --number=100 --output=&lt;span class=&#34;hljs-string&#34;&gt;&#34;md&#34;&lt;/span&gt; --network-conditions=&lt;span class=&#34;hljs-string&#34;&gt;&#34;broadband&#34;&lt;/span&gt; --diff \
  2084.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison/?disable_print_script_modules_in_footer&amp;amp;disable_script_fetchpriority_low&#34;&lt;/span&gt; \
  2085.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison/?disable_print_script_modules_in_footer&#34;&lt;/span&gt;&lt;/code&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/details&gt;
  2086.  
  2087.  
  2088.  
  2089. &lt;figure class=&#34;wp-block-table benchmark-web-vitals is-style-regular has-medium-font-size&#34;&gt;&lt;table class=&#34;has-fixed-layout&#34;&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Metric&lt;/th&gt;&lt;th&gt;Before&lt;/th&gt;&lt;th&gt;After&lt;/th&gt;&lt;th&gt;Diff (ms)&lt;/th&gt;&lt;th&gt;Diff (%)&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;abbr title=&#34;First Contentful Paint&#34;&gt;FCP&lt;/abbr&gt;&lt;/td&gt;&lt;td&gt;142.6&lt;/td&gt;&lt;td&gt;141.7&lt;/td&gt;&lt;td&gt;-0.9&lt;/td&gt;&lt;td&gt;-0.6%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;abbr title=&#34;Largest Contentful Paint&#34;&gt;LCP&lt;/abbr&gt;&lt;/td&gt;&lt;td&gt;409.4&lt;/td&gt;&lt;td&gt;382.4&lt;/td&gt;&lt;td&gt;-27.0&lt;/td&gt;&lt;td&gt;-6.6%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;abbr title=&#34;Time To Fist Byte&#34;&gt;TTFB&lt;/abbr&gt;&lt;/td&gt;&lt;td&gt;34.7&lt;/td&gt;&lt;td&gt;35.3&lt;/td&gt;&lt;td&gt;+0.7&lt;/td&gt;&lt;td&gt;+1.9%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;abbr title=&#34;LCP minus TTFB&#34;&gt;LCP-TTFB&lt;/abbr&gt;&lt;/td&gt;&lt;td&gt;374.2&lt;/td&gt;&lt;td&gt;347.0&lt;/td&gt;&lt;td&gt;-27.2&lt;/td&gt;&lt;td&gt;-7.3%&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/figure&gt;
  2090.  
  2091.  
  2092.  
  2093. &lt;p&gt;This is a big improvement! (Each subsequent benchmark test shows the median metrics of 100 iterations, unless otherwise noted.)&lt;/p&gt;
  2094.  
  2095.  
  2096.  
  2097. &lt;p&gt;The above results were testing while emulating a broadband network connection. Here are the results testing a “Fast 3G” connection:&lt;/p&gt;
  2098.  
  2099.  
  2100.  
  2101. &lt;details class=&#34;wp-block-details is-layout-flow wp-block-details-is-layout-flow&#34;&gt;Command&lt;pre class=&#34;wp-block-code&#34;&gt;&lt;span&gt;&lt;code class=&#34;hljs language-bash&#34;&gt;npm run research -- benchmark-web-vitals --number=100 --output=&lt;span class=&#34;hljs-string&#34;&gt;&#34;md&#34;&lt;/span&gt; --network-conditions=&lt;span class=&#34;hljs-string&#34;&gt;&#34;Fast 3G&#34;&lt;/span&gt; --diff \
  2102.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison/?disable_print_script_modules_in_footer&amp;amp;disable_script_fetchpriority_low&#34;&lt;/span&gt; \
  2103.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison/?disable_print_script_modules_in_footer&#34;&lt;/span&gt;&lt;/code&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/details&gt;
  2104.  
  2105.  
  2106.  
  2107. &lt;figure class=&#34;wp-block-table benchmark-web-vitals is-style-regular has-medium-font-size&#34;&gt;&lt;table class=&#34;has-fixed-layout&#34;&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Metric&lt;/th&gt;&lt;th&gt;Before&lt;/th&gt;&lt;th&gt;After&lt;/th&gt;&lt;th&gt;Diff (ms)&lt;/th&gt;&lt;th&gt;Diff (%)&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;FCP&lt;/td&gt;&lt;td&gt;1275.3&lt;/td&gt;&lt;td&gt;1275.4&lt;/td&gt;&lt;td&gt;+0.1&lt;/td&gt;&lt;td&gt;+0.0%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;LCP&lt;/td&gt;&lt;td&gt;3377.1&lt;/td&gt;&lt;td&gt;3157.1&lt;/td&gt;&lt;td&gt;-220.0&lt;/td&gt;&lt;td&gt;-6.5%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;TTFB&lt;/td&gt;&lt;td&gt;35.0&lt;/td&gt;&lt;td&gt;34.6&lt;/td&gt;&lt;td&gt;-0.4&lt;/td&gt;&lt;td&gt;-1.0%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;LCP-TTFB&lt;/td&gt;&lt;td&gt;3341.1&lt;/td&gt;&lt;td&gt;3123.0&lt;/td&gt;&lt;td&gt;-218.1&lt;/td&gt;&lt;td&gt;-6.5%&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/figure&gt;
  2108.  
  2109.  
  2110.  
  2111. &lt;p&gt;So there is roughly the same improvement regardless of the network conditions.&lt;/p&gt;
  2112.  
  2113.  
  2114.  
  2115. &lt;p&gt;I was also curious what the results would be when there was just a single block on the page using the Interactivity API, instead of attempting to add every single interactive block. This is the normal case for all block themes since the Navigation block is almost always present with the mobile overlay menu enabled. So I tested on a template with the Navigation block and a featured image as the LCP element, this time again emulating a broadband network connection:&lt;/p&gt;
  2116.  
  2117.  
  2118.  
  2119. &lt;details class=&#34;wp-block-details is-layout-flow wp-block-details-is-layout-flow&#34;&gt;Command&lt;pre class=&#34;wp-block-code&#34;&gt;&lt;span&gt;&lt;code class=&#34;hljs language-bash&#34;&gt;npm run research -- benchmark-web-vitals --number=100 --output=&lt;span class=&#34;hljs-string&#34;&gt;&#34;md&#34;&lt;/span&gt; --network-conditions=&lt;span class=&#34;hljs-string&#34;&gt;&#34;broadband&#34;&lt;/span&gt; --diff \
  2120.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison-no-file-block/?disable_print_script_modules_in_footer&amp;amp;disable_script_fetchpriority_low&#34;&lt;/span&gt; \
  2121.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison-no-file-block/?disable_print_script_modules_in_footer&#34;&lt;/span&gt;&lt;/code&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/details&gt;
  2122.  
  2123.  
  2124.  
  2125. &lt;figure class=&#34;wp-block-table benchmark-web-vitals has-medium-font-size&#34;&gt;&lt;table class=&#34;has-fixed-layout&#34;&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Metric&lt;/th&gt;&lt;th&gt;Before&lt;/th&gt;&lt;th&gt;After&lt;/th&gt;&lt;th&gt;Diff (ms)&lt;/th&gt;&lt;th&gt;Diff (%)&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;FCP&lt;/td&gt;&lt;td&gt;140.7&lt;/td&gt;&lt;td&gt;142.6&lt;/td&gt;&lt;td&gt;+1.9&lt;/td&gt;&lt;td&gt;+1.4%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;LCP&lt;/td&gt;&lt;td&gt;399.0&lt;/td&gt;&lt;td&gt;368.9&lt;/td&gt;&lt;td&gt;-30.1&lt;/td&gt;&lt;td&gt;-7.5%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;TTFB&lt;/td&gt;&lt;td&gt;33.4&lt;/td&gt;&lt;td&gt;33.0&lt;/td&gt;&lt;td&gt;-0.4&lt;/td&gt;&lt;td&gt;-1.2%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;LCP-TTFB&lt;/td&gt;&lt;td&gt;365.1&lt;/td&gt;&lt;td&gt;335.8&lt;/td&gt;&lt;td&gt;-29.3&lt;/td&gt;&lt;td&gt;-8.0%&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/figure&gt;
  2126.  
  2127.  
  2128.  
  2129. &lt;p&gt;So even when there is just a single script module along with the &lt;code&gt;modulepreload&lt;/code&gt; link, the performance improvement to LCP is consistent.&lt;/p&gt;
  2130.  
  2131.  
  2132.  
  2133. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;printing-script-modules-in-the-footer&#34;&gt;Printing Script Modules in the Footer&lt;/h2&gt;
  2134.  
  2135.  
  2136.  
  2137. &lt;p&gt;As referred to above, the classic method WordPress has employed to deprioritize scripts is to load them in the footer by supplying &lt;code&gt;in_footer&lt;/code&gt; as &lt;code&gt;true&lt;/code&gt; when registering a script. What if instead of adding a &lt;code&gt;fetchpriority&lt;/code&gt; of &lt;code&gt;low&lt;/code&gt; to script modules, they were instead just printed in the footer for block themes in the same way they are already printed in the footer for classic themes? I created the &lt;strong&gt;&lt;a href=&#34;https://github.com/westonruter/script-modules-in-footer&#34;&gt;Script Modules in Footer&lt;/a&gt; plugin&lt;/strong&gt; to implement this and to facilitate benchmarking. Here are the results:&lt;/p&gt;
  2138.  
  2139.  
  2140.  
  2141. &lt;details class=&#34;wp-block-details is-layout-flow wp-block-details-is-layout-flow&#34;&gt;Command&lt;pre class=&#34;wp-block-code&#34;&gt;&lt;span&gt;&lt;code class=&#34;hljs language-bash&#34;&gt;npm run research -- benchmark-web-vitals --number=100 --output=&lt;span class=&#34;hljs-string&#34;&gt;&#34;md&#34;&lt;/span&gt; --network-conditions=&lt;span class=&#34;hljs-string&#34;&gt;&#34;broadband&#34;&lt;/span&gt; --diff \
  2142.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison/?disable_print_script_modules_in_footer&amp;amp;disable_script_fetchpriority_low&#34;&lt;/span&gt; \
  2143.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison/?disable_script_fetchpriority_low&#34;&lt;/span&gt;&lt;/code&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/details&gt;
  2144.  
  2145.  
  2146.  
  2147. &lt;figure class=&#34;wp-block-table benchmark-web-vitals has-medium-font-size&#34;&gt;&lt;table class=&#34;has-fixed-layout&#34;&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Metric&lt;/th&gt;&lt;th&gt;Before&lt;/th&gt;&lt;th&gt;After&lt;/th&gt;&lt;th&gt;Diff (ms)&lt;/th&gt;&lt;th&gt;Diff (%)&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;FCP&lt;/td&gt;&lt;td&gt;141.8&lt;/td&gt;&lt;td&gt;143.7&lt;/td&gt;&lt;td&gt;+1.9&lt;/td&gt;&lt;td&gt;+1.3%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;LCP&lt;/td&gt;&lt;td&gt;410.8&lt;/td&gt;&lt;td&gt;383.1&lt;/td&gt;&lt;td&gt;-27.8&lt;/td&gt;&lt;td&gt;-6.8%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;TTFB&lt;/td&gt;&lt;td&gt;34.4&lt;/td&gt;&lt;td&gt;34.4&lt;/td&gt;&lt;td&gt;-0.1&lt;/td&gt;&lt;td&gt;-0.1%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;LCP-TTFB&lt;/td&gt;&lt;td&gt;376.7&lt;/td&gt;&lt;td&gt;348.4&lt;/td&gt;&lt;td&gt;-28.4&lt;/td&gt;&lt;td&gt;-7.5%&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/figure&gt;
  2148.  
  2149.  
  2150.  
  2151. &lt;p&gt;This shows almost the same improvement as adding &lt;code&gt;fetchpriority&lt;/code&gt; of &lt;code&gt;low&lt;/code&gt;. However, even when they are located at the end of the &lt;code&gt;body&lt;/code&gt;, they are still loaded with a high fetch priority. When script modules are printed in the footer, adding &lt;code&gt;fetchpriority&lt;/code&gt; as well yields an additional ~1% improvement to LCP on my test page:&lt;/p&gt;
  2152.  
  2153.  
  2154.  
  2155. &lt;details class=&#34;wp-block-details is-layout-flow wp-block-details-is-layout-flow&#34;&gt;Command&lt;pre class=&#34;wp-block-code&#34;&gt;&lt;span&gt;&lt;code class=&#34;hljs language-bash&#34;&gt;npm run research -- benchmark-web-vitals --number=100 --output=&lt;span class=&#34;hljs-string&#34;&gt;&#34;md&#34;&lt;/span&gt; --network-conditions=&lt;span class=&#34;hljs-string&#34;&gt;&#34;broadband&#34;&lt;/span&gt; --diff \
  2156.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison/?disable_script_fetchpriority_low&#34;&lt;/span&gt; \
  2157.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison/&#34;&lt;/span&gt;&lt;/code&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/details&gt;
  2158.  
  2159.  
  2160.  
  2161. &lt;figure class=&#34;wp-block-table benchmark-web-vitals has-medium-font-size&#34;&gt;&lt;table class=&#34;has-fixed-layout&#34;&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Metric&lt;/th&gt;&lt;th&gt;Before&lt;/th&gt;&lt;th&gt;After&lt;/th&gt;&lt;th&gt;Diff (ms)&lt;/th&gt;&lt;th&gt;Diff (%)&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;FCP&lt;/td&gt;&lt;td&gt;142.0&lt;/td&gt;&lt;td&gt;144.1&lt;/td&gt;&lt;td&gt;+2.1&lt;/td&gt;&lt;td&gt;+1.5%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;LCP&lt;/td&gt;&lt;td&gt;377.5&lt;/td&gt;&lt;td&gt;374.7&lt;/td&gt;&lt;td&gt;-2.8&lt;/td&gt;&lt;td&gt;-0.7%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;TTFB&lt;/td&gt;&lt;td&gt;34.7&lt;/td&gt;&lt;td&gt;35.1&lt;/td&gt;&lt;td&gt;+0.4&lt;/td&gt;&lt;td&gt;+1.2%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;LCP-TTFB&lt;/td&gt;&lt;td&gt;342.9&lt;/td&gt;&lt;td&gt;338.9&lt;/td&gt;&lt;td&gt;-4.0&lt;/td&gt;&lt;td&gt;-1.2%&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/figure&gt;
  2162.  
  2163.  
  2164.  
  2165. &lt;p&gt;If script modules are all printed with &lt;code&gt;fetchpriority=low&lt;/code&gt;, here&amp;#8217;s the difference when moving them from &lt;code&gt;wp_head&lt;/code&gt; to &lt;code&gt;wp_footer&lt;/code&gt;:&lt;/p&gt;
  2166.  
  2167.  
  2168.  
  2169. &lt;details class=&#34;wp-block-details is-layout-flow wp-block-details-is-layout-flow&#34;&gt;Command&lt;pre class=&#34;wp-block-code&#34;&gt;&lt;span&gt;&lt;code class=&#34;hljs language-bash&#34;&gt;npm run research -- benchmark-web-vitals --number=100 --output=&lt;span class=&#34;hljs-string&#34;&gt;&#34;md&#34;&lt;/span&gt; --network-conditions=&lt;span class=&#34;hljs-string&#34;&gt;&#34;broadband&#34;&lt;/span&gt; --diff \
  2170.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison/?disable_print_script_modules_in_footer&#34;&lt;/span&gt; \
  2171.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison/&#34;&lt;/span&gt;&lt;/code&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/details&gt;
  2172.  
  2173.  
  2174.  
  2175. &lt;figure class=&#34;wp-block-table benchmark-web-vitals has-medium-font-size&#34;&gt;&lt;table class=&#34;has-fixed-layout&#34;&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Metric&lt;/th&gt;&lt;th&gt;Before&lt;/th&gt;&lt;th&gt;After&lt;/th&gt;&lt;th&gt;Diff (ms)&lt;/th&gt;&lt;th&gt;Diff (%)&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;FCP&lt;/td&gt;&lt;td&gt;142.4&lt;/td&gt;&lt;td&gt;143.2&lt;/td&gt;&lt;td&gt;+0.8&lt;/td&gt;&lt;td&gt;+0.6%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;LCP&lt;/td&gt;&lt;td&gt;383.9&lt;/td&gt;&lt;td&gt;372.7&lt;/td&gt;&lt;td&gt;-11.2&lt;/td&gt;&lt;td&gt;-2.9%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;TTFB&lt;/td&gt;&lt;td&gt;35.0&lt;/td&gt;&lt;td&gt;35.2&lt;/td&gt;&lt;td&gt;+0.2&lt;/td&gt;&lt;td&gt;+0.6%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;LCP-TTFB&lt;/td&gt;&lt;td&gt;348.1&lt;/td&gt;&lt;td&gt;337.8&lt;/td&gt;&lt;td&gt;-10.3&lt;/td&gt;&lt;td&gt;-3.0%&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/figure&gt;
  2176.  
  2177.  
  2178.  
  2179. &lt;p&gt;So again, there&amp;#8217;s an improvement but not as large as before/after adding &lt;code&gt;fetchpriority=low&lt;/code&gt; or printing in the &lt;code&gt;head&lt;/code&gt; versus the footer.&lt;/p&gt;
  2180.  
  2181.  
  2182.  
  2183. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;deprioritizing-classic-scripts&#34;&gt;Bonus: Deprioritizing Classic Scripts&lt;/h2&gt;
  2184.  
  2185.  
  2186.  
  2187. &lt;p&gt;While classic scripts registered in WordPress already have the ability to be printed in the footer, they can&amp;#8217;t be registered with a specific &lt;code&gt;fetchpriority&lt;/code&gt; value. It doesn&amp;#8217;t make a lot of sense to set a fetch priority for blocking classic scripts since they should always be loaded with the highest priority since they block rendering. However, what about a script that is using the &lt;code&gt;defer&lt;/code&gt; or &lt;code&gt;async&lt;/code&gt; loading strategies? Chrome automatically assigns such scripts as having a low priority, regardless of whether they are printed at the &lt;code&gt;head&lt;/code&gt; or the footer. However, this is not the case for other browsers:&lt;/p&gt;
  2188.  
  2189.  
  2190.  
  2191. &lt;ul class=&#34;wp-block-list&#34;&gt;
  2192. &lt;li&gt;An &lt;code&gt;async&lt;/code&gt; script in the &lt;code&gt;head&lt;/code&gt; gets a medium/normal priority in Safari/Firefox.&lt;/li&gt;
  2193.  
  2194.  
  2195.  
  2196. &lt;li&gt; A &lt;code&gt;defer&lt;/code&gt; script in the &lt;code&gt;head&lt;/code&gt; gets a high priority in Safari and a normal priority in Firefox.&lt;/li&gt;
  2197.  
  2198.  
  2199.  
  2200. &lt;li&gt;An &lt;code&gt;async&lt;/code&gt; script in the footer gets a medium/normal priority in Safari/Firefox.&lt;/li&gt;
  2201.  
  2202.  
  2203.  
  2204. &lt;li&gt;A &lt;code&gt;defer&lt;/code&gt; script in the footer gets a high priority in Safari and a normal priority in Firefox.&lt;/li&gt;
  2205. &lt;/ul&gt;
  2206.  
  2207.  
  2208.  
  2209. &lt;p&gt;So for the sake of non-Chromium browsers, it absolutely makes sense to be able to register classic scripts with a fetch priority. For example, the &lt;code&gt;comment-reply&lt;/code&gt; script is registered as &lt;code&gt;async&lt;/code&gt; and is printed in the footer. Explicitly marking this script as having a low fetch priority ensures that loading it will not compete with more critical resources in Firefox and Safari. My &lt;strong&gt;&lt;a href=&#34;https://github.com/westonruter/script-fetchpriority-low&#34;&gt;Script Fetch Priority Low&lt;/a&gt;&lt;/strong&gt; plugin also implements this.&lt;/p&gt;
  2210.  
  2211.  
  2212.  
  2213. &lt;p&gt;As an extra bonus, check out my &lt;a href=&#34;https://github.com/westonruter/google-site-kit-gtag-script-deprioritization&#34;&gt;Site Kit GTag Script Deprioritization&lt;/a&gt; and &lt;a href=&#34;https://github.com/westonruter/jetpack-stats-script-deprioritization&#34;&gt;Jetpack Stats Script Deprioritization&lt;/a&gt; plugins which optimize the loading of analytics trackers by adding &lt;code&gt;fetchpriority=low&lt;/code&gt; to the &lt;code&gt;script&lt;/code&gt; tags, removing the &lt;code&gt;dns-prefetch&lt;/code&gt;, and ensuring the external &lt;code&gt;script&lt;/code&gt; tags are printed in the footer.&lt;/p&gt;
  2214.  
  2215.  
  2216.  
  2217. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;conclusion&#34;&gt;Conclusion&lt;/h2&gt;
  2218.  
  2219.  
  2220.  
  2221. &lt;p&gt;There are essentially for different configurations for printing script modules on the page:&lt;/p&gt;
  2222.  
  2223.  
  2224.  
  2225. &lt;ol class=&#34;wp-block-list&#34;&gt;
  2226. &lt;li&gt;In &lt;code&gt;head&lt;/code&gt; with default fetch priority. (This is the current behavior in WordPress core.)&lt;/li&gt;
  2227.  
  2228.  
  2229.  
  2230. &lt;li&gt;In &lt;code&gt;head&lt;/code&gt; with &lt;code&gt;fetchpriority=low&lt;/code&gt;.&lt;/li&gt;
  2231.  
  2232.  
  2233.  
  2234. &lt;li&gt;At end of &lt;code&gt;body&lt;/code&gt; with default fetch priority.&lt;/li&gt;
  2235.  
  2236.  
  2237.  
  2238. &lt;li&gt;At end of &lt;code&gt;body&lt;/code&gt; with &lt;code&gt;fetchpriority=low&lt;/code&gt;.&lt;/li&gt;
  2239. &lt;/ol&gt;
  2240.  
  2241.  
  2242.  
  2243. &lt;p&gt;Here are the median metrics for benchmarking 1,000 iterations for each of the four configurations:&lt;/p&gt;
  2244.  
  2245.  
  2246.  
  2247. &lt;details class=&#34;wp-block-details is-layout-flow wp-block-details-is-layout-flow&#34;&gt;Command&lt;pre class=&#34;wp-block-code&#34;&gt;&lt;span&gt;&lt;code class=&#34;hljs language-bash&#34;&gt;npm run research -- benchmark-web-vitals --number=1000 --output=&lt;span class=&#34;hljs-string&#34;&gt;&#34;md&#34;&lt;/span&gt; --network-conditions=&lt;span class=&#34;hljs-string&#34;&gt;&#34;broadband&#34;&lt;/span&gt; \
  2248.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison/?disable_print_script_modules_in_footer&amp;amp;disable_script_fetchpriority_low&#34;&lt;/span&gt; \
  2249.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison/?disable_print_script_modules_in_footer&#34;&lt;/span&gt; \
  2250.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison/?disable_script_fetchpriority_low&#34;&lt;/span&gt; \
  2251.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison/&#34;&lt;/span&gt;&lt;/code&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/details&gt;
  2252.  
  2253.  
  2254.  
  2255. &lt;figure class=&#34;wp-block-table benchmark-web-vitals has-medium-font-size&#34;&gt;&lt;table class=&#34;has-fixed-layout&#34;&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Metric&lt;/th&gt;&lt;th&gt;&lt;code&gt;head&lt;/code&gt;&lt;/th&gt;&lt;th&gt;&lt;code&gt;head&lt;/code&gt; + &lt;code&gt;low&lt;/code&gt;&lt;/th&gt;&lt;th&gt;&lt;code&gt;body&lt;/code&gt;&lt;/th&gt;&lt;th&gt;&lt;code&gt;body&lt;/code&gt; + &lt;code&gt;low&lt;/code&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;FCP&lt;/td&gt;&lt;td&gt;137.9&lt;/td&gt;&lt;td&gt;143.0&lt;/td&gt;&lt;td&gt;140.7&lt;/td&gt;&lt;td&gt;138.8&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;LCP&lt;/td&gt;&lt;td&gt;405.9&lt;/td&gt;&lt;td&gt;383.7&lt;/td&gt;&lt;td&gt;376.8&lt;/td&gt;&lt;td&gt;370.0&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;TTFB&lt;/td&gt;&lt;td&gt;33.7&lt;/td&gt;&lt;td&gt;34.5&lt;/td&gt;&lt;td&gt;33.6&lt;/td&gt;&lt;td&gt;33.7&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;LCP-TTFB&lt;/td&gt;&lt;td&gt;372.2&lt;/td&gt;&lt;td&gt;349.3&lt;/td&gt;&lt;td&gt;343.0&lt;/td&gt;&lt;td&gt;336.3&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/figure&gt;
  2256.  
  2257.  
  2258.  
  2259. &lt;p&gt;When script modules are printed in the footer &lt;em&gt;and&lt;/em&gt; they have &lt;code&gt;fetchpriority=low&lt;/code&gt;, the result is a &amp;gt;9% improvement to LCP on my test page:&lt;/p&gt;
  2260.  
  2261.  
  2262.  
  2263. &lt;details class=&#34;wp-block-details is-layout-flow wp-block-details-is-layout-flow&#34;&gt;Command&lt;pre class=&#34;wp-block-code&#34;&gt;&lt;span&gt;&lt;code class=&#34;hljs language-bash&#34;&gt;npm run research -- benchmark-web-vitals --number=100 --output=&lt;span class=&#34;hljs-string&#34;&gt;&#34;md&#34;&lt;/span&gt; --network-conditions=&lt;span class=&#34;hljs-string&#34;&gt;&#34;broadband&#34;&lt;/span&gt; --diff \
  2264.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison/?disable_print_script_modules_in_footer&amp;amp;disable_script_fetchpriority_low&#34;&lt;/span&gt; \
  2265.  --url &lt;span class=&#34;hljs-string&#34;&gt;&#34;http://localhost:10008/bison/&#34;&lt;/span&gt;&lt;/code&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/details&gt;
  2266.  
  2267.  
  2268.  
  2269. &lt;figure class=&#34;wp-block-table benchmark-web-vitals has-medium-font-size&#34;&gt;&lt;table class=&#34;has-fixed-layout&#34;&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Metric&lt;/th&gt;&lt;th&gt;Before&lt;/th&gt;&lt;th&gt;After&lt;/th&gt;&lt;th&gt;Diff (ms)&lt;/th&gt;&lt;th&gt;Diff (%)&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;FCP&lt;/td&gt;&lt;td&gt;137.0&lt;/td&gt;&lt;td&gt;137.2&lt;/td&gt;&lt;td&gt;+0.2&lt;/td&gt;&lt;td&gt;+0.1%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;LCP&lt;/td&gt;&lt;td&gt;406.0&lt;/td&gt;&lt;td&gt;368.8&lt;/td&gt;&lt;td&gt;-37.2&lt;/td&gt;&lt;td&gt;-9.2%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;TTFB&lt;/td&gt;&lt;td&gt;33.7&lt;/td&gt;&lt;td&gt;33.6&lt;/td&gt;&lt;td&gt;-0.1&lt;/td&gt;&lt;td&gt;-0.1%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;LCP-TTFB&lt;/td&gt;&lt;td&gt;371.7&lt;/td&gt;&lt;td&gt;336.0&lt;/td&gt;&lt;td&gt;-35.7&lt;/td&gt;&lt;td&gt;-9.6%&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/figure&gt;
  2270.  
  2271.  
  2272.  
  2273. &lt;p&gt;Of course your mileage will vary. This will primarily benefit &lt;strong&gt;block themes&lt;/strong&gt;. A vanilla WordPress install with the stock theme is very lightweight and a typical site will have a lot more going on which will lessen the impact of these optimizations. But still, with these findings I&amp;#8217;ve been working on a &lt;a href=&#34;https://github.com/WordPress/wordpress-develop/pull/8815&#34;&gt;pull request&lt;/a&gt; for &lt;a href=&#34;https://core.trac.wordpress.org/ticket/61734&#34; title=&#34;Add the ability to handle &amp;quot;fetchpriority&amp;quot; to ES Modules and Import Maps&#34;&gt;#61734&lt;/a&gt; to implement &lt;code&gt;fetchpriority&lt;/code&gt; support for scripts and script modules in WordPress core; it defaults the fetch priority to low for script modules related to the Interactivity API as well as the &lt;code&gt;comment-reply&lt;/code&gt; classic script. This feature is a natural progression to follow script loading strategies (&lt;code&gt;async&lt;/code&gt; &amp;amp; &lt;code&gt;defer&lt;/code&gt;); in fact, we could consider defaulting scripts to add &lt;code&gt;fetchpriority=low&lt;/code&gt; if they use the a delayed loading strategy. &lt;/p&gt;
  2274.  
  2275.  
  2276.  
  2277. &lt;p&gt;I&amp;#8217;ve filed &lt;a href=&#34;https://core.trac.wordpress.org/ticket/63486&#34; title=&#34;Script modules should support being printed in the footer the same as classic scripts
  2278. &#34;&gt;#63486&lt;/a&gt; to implement support for printing script modules in the footer. This work can follow the &lt;code&gt;fetchpriority&lt;/code&gt; support as it will be more involved due to the need to account for module dependencies.&lt;/p&gt;
  2279.  
  2280.  
  2281.  
  2282. &lt;p&gt;While waiting for these performance enhancements to land in core, you can install the &lt;strong&gt;&lt;a href=&#34;https://github.com/westonruter/script-fetchpriority-low&#34;&gt;Script Fetch Priority Low&lt;/a&gt;&lt;/strong&gt; and &lt;strong&gt;&lt;a href=&#34;https://github.com/westonruter/script-modules-in-footer&#34;&gt;Script Modules in Footer&lt;/a&gt;&lt;/strong&gt; plugins. Let me know if you measure any LCP improvements!&lt;/p&gt;
  2283.  
  2284.  
  2285.  
  2286. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity&#34; /&gt;
  2287.  
  2288.  
  2289.  
  2290. &lt;p class=&#34;has-medium-font-size&#34;&gt;Where I&amp;#8217;ve shared this:&lt;/p&gt;
  2291.  
  2292.  
  2293.  
  2294. &lt;ul class=&#34;wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex&#34;&gt;&lt;li class=&#34;wp-social-link wp-social-link-linkedin  wp-block-social-link&#34;&gt;&lt;a class=&#34;wp-block-social-link-anchor&#34; href=&#34;https://www.linkedin.com/posts/westonruter_improve-lcp-by-deprioritizing-script-modules-activity-7332869961524092928-qv3g&#34;&gt;&lt;svg height=&#34;24&#34; version=&#34;1.1&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;span class=&#34;wp-block-social-link-label screen-reader-text&#34;&gt;LinkedIn&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  2295.  
  2296. &lt;li class=&#34;wp-social-link wp-social-link-bluesky  wp-block-social-link&#34;&gt;&lt;a class=&#34;wp-block-social-link-anchor&#34; href=&#34;https://bsky.app/profile/weston.ruter.net/post/3lq42d67nxc2b&#34;&gt;&lt;svg height=&#34;24&#34; version=&#34;1.1&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M6.3,4.2c2.3,1.7,4.8,5.3,5.7,7.2.9-1.9,3.4-5.4,5.7-7.2,1.7-1.3,4.3-2.2,4.3.9s-.4,5.2-.6,5.9c-.7,2.6-3.3,3.2-5.6,2.8,4,.7,5.1,3,2.9,5.3-5,5.2-6.7-2.8-6.7-2.8,0,0-1.7,8-6.7,2.8-2.2-2.3-1.2-4.6,2.9-5.3-2.3.4-4.9-.3-5.6-2.8-.2-.7-.6-5.3-.6-5.9,0-3.1,2.7-2.1,4.3-.9h0Z&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;span class=&#34;wp-block-social-link-label screen-reader-text&#34;&gt;Bluesky&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  2297.  
  2298. &lt;li class=&#34;wp-social-link wp-social-link-twitter  wp-block-social-link&#34;&gt;&lt;a class=&#34;wp-block-social-link-anchor&#34; href=&#34;https://x.com/westonruter/status/1927104556170662353&#34;&gt;&lt;svg height=&#34;24&#34; version=&#34;1.1&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;span class=&#34;wp-block-social-link-label screen-reader-text&#34;&gt;Twitter&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  2299.  
  2300. &lt;li class=&#34;wp-social-link wp-social-link-mastodon  wp-block-social-link&#34;&gt;&lt;a class=&#34;wp-block-social-link-anchor&#34; href=&#34;https://mastodon.social/@westonruter/114576094434226318&#34;&gt;&lt;svg height=&#34;24&#34; version=&#34;1.1&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z&#34;&gt;&lt;/svg&gt;&lt;span class=&#34;wp-block-social-link-label screen-reader-text&#34;&gt;Mastodon&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
  2301.  
  2302.  
  2303.  
  2304. &lt;p&gt;&lt;strong&gt;Shameless plug:&lt;/strong&gt; I found out last month that my 6½-year position at Google was eliminated. I was &lt;a href=&#34;https://weston.ruter.net/2018/09/19/becoming-a-googler/&#34;&gt;hired&lt;/a&gt; to work on WordPress full time, and I&amp;#8217;ve been &lt;a href=&#34;https://weston.ruter.net/2025/05/14/a-decade-as-a-core-committer-my-wordpress-contribution-history/&#34;&gt;contributing to WordPress&lt;/a&gt; as a core committer for over 10 years. Most recently I&amp;#8217;ve worked heavily on the Core Performance team. I&amp;#8217;m currently #opentowork, hoping to find a full time position as a sponsored contributor at another company that also cares about the health of the open web. Alternatively, I&amp;#8217;m exploring the feasibility of being &lt;a href=&#34;https://github.com/sponsors/westonruter&#34;&gt;sponsored&lt;/a&gt; as an independent contributor. If you find my open source work valuable, maybe you can help sustain my contributions?&lt;/p&gt;
  2305.  
  2306.  
  2307. &lt;ol class=&#34;wp-block-footnotes has-small-font-size&#34;&gt;&lt;li id=&#34;c7a2be25-eace-4671-8089-f9286a5703ea&#34;&gt;I used an Image block as opposed to setting the featured image so that I could use the “Enlarge on click” setting which involves the interactivity, but see also &lt;a href=&#34;https://weston.ruter.net/2025/05/17/adding-caption-and-lightbox-to-the-featured-image-block/&#34;&gt;my post&lt;/a&gt; about how the Featured Image block can also be extended with a lightbox. &lt;a href=&#34;https://weston.ruter.net/category/wordpress/feed/#c7a2be25-eace-4671-8089-f9286a5703ea-link&#34;&gt;↩︎&lt;/a&gt;&lt;/li&gt;&lt;li id=&#34;b77dfd89-ba79-47f9-b93a-b5825558c8a3&#34;&gt;The one exception here is the &lt;a href=&#34;https://wordpress.org/documentation/article/file-block/&#34;&gt;File block&lt;/a&gt; when a PDF is selected and the “Show inline embed” &lt;a href=&#34;https://wordpress.org/documentation/article/file-block/#:~:text=If%20you%20upload%20a%20PDF%20file%2C%20you%E2%80%99ll%20see%20a%20PDF%20settings%20section%20on%20the%20block%20settings.&#34;&gt;setting&lt;/a&gt; is enabled. In this case, JavaScript runs when the block initializes to &lt;a href=&#34;https://github.com/WordPress/gutenberg/blob/8889f82eda340ea66c83e945098423ed1ae3f5d3/packages/block-library/src/file/view.js#L13-L17&#34;&gt;populate the &lt;code&gt;hasPdfPreview&lt;/code&gt; state&lt;/a&gt;, and this then changes the element&amp;#8217;s &lt;code&gt;hidden&lt;/code&gt; state from &lt;code&gt;true&lt;/code&gt; to &lt;code&gt;false&lt;/code&gt; if the browser supports rendering PDFs. This is an exceptional case, however, and it would be rare for a File block to appear in the initial viewport and be the LCP element. The script module for the File block should only have a high fetch priority if (1) a PDF is selected, (2) the “Show inline embed” setting is enabled, and (3) the block appears in the initial viewport (on desktop or mobile). This is something that &lt;a href=&#34;https://github.com/WordPress/performance/blob/trunk/plugins/optimization-detective/docs/introduction.md&#34;&gt;Optimization Detective&lt;/a&gt; could facilitate. &lt;a href=&#34;https://weston.ruter.net/category/wordpress/feed/#b77dfd89-ba79-47f9-b93a-b5825558c8a3-link&#34;&gt;↩︎&lt;/a&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;The post &lt;a href=&#34;https://weston.ruter.net/2025/05/26/improve-lcp-by-deprioritizing-interactivity-api-script-modules/&#34;&gt;Improve LCP by Deprioritizing  Script Modules from the Interactivity API&lt;/a&gt; appeared first on &lt;a href=&#34;https://weston.ruter.net&#34;&gt;Weston Ruter&lt;/a&gt;.&lt;/p&gt;</description>
  2308. <pubDate>Mon, 26 May 2025 20:36:59 +0000</pubDate>
  2311. <dc:creator>Weston Ruter</dc:creator>
  2313. </item>
  2314.  
  2315. <item>
  2316. <title>Do The Woo Community: WordPress Multilingual, Translation and Community with Pascal Birchler and Robert Windisch</title>
  2317. <guid>https://openchannels.fm/?p=97013</guid>
  2318. <link>https://openchannels.fm/wordpress-multilingual-translation-and-community-with-pascal-birchler-and-robert-windisch/</link>
  2320. <description>In this episode of The WordPress Way, listen to shared insights on translating WordPress, performance boosts, community involvement, and future multilingual features. They emphasize the ongoing need for translators and collaboration in WordPress.</description>
  2321. <pubDate>Mon, 26 May 2025 09:01:00 +0000</pubDate>
  2324. <dc:creator>Bob Dunn</dc:creator>
  2326. </item>
  2327.  
  2328. <item>
  2329. <title>Gutenberg Times: Feature API, Playground, Gutenberg 20.9, Interactivity API, #WCUS and moar — Weekend Edition 331</title>
  2330. <guid>https://gutenbergtimes.com/?p=40505</guid>
  2331. <link>https://gutenbergtimes.com/feature-api-playground-gutenberg-20-9-interactivity-api-wcus-and-moar-weekend-edition-331/</link>
  2333. <description>&lt;p&gt;Howdy,&lt;/p&gt;
  2334.  
  2335.  
  2336.  
  2337. &lt;p&gt;&lt;/p&gt;
  2338.  
  2339.  
  2340.  
  2341. &lt;p&gt;This week, I continued to learn about more plugins for the block editor. They might be new to the WordPress repository or just new to me, haha.  Also, Playground came up in the last couple of weeks, and I share two tutorials and a video about my workshop at WordCamp Europe.  And via the Feature API you can prepare your plugins for AI Agents. &lt;/p&gt;
  2342.  
  2343.  
  2344.  
  2345. &lt;p&gt;As every year, WordCamp Europe will also have a Live stream for the talks and keynotes. Just check out the website on Jun 6th, 2025.  The next Weekend Edition will drop in your inbox after WordCamp Europe and I will share some cool talks from the live stream. &lt;/p&gt;
  2346.  
  2347.  
  2348.  
  2349. &lt;p&gt;Until have a great time! &lt;/p&gt;
  2350.  
  2351.  
  2352.  
  2353. &lt;p&gt;Yours, &lt;img alt=&#34;💕&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f495.png&#34; style=&#34;height: 1em;&#34; /&gt;&lt;br /&gt;&lt;em&gt;Birgit&lt;/em&gt;&lt;/p&gt;
  2354.  
  2355.  
  2356.  
  2357.  
  2358.  
  2359. &lt;div class=&#34;wp-block-group has-light-background-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained&#34;&gt;
  2360. &lt;p class=&#34;has-small-font-size&#34;&gt;WordCamp Europe is just around the corner! &lt;img alt=&#34;🎉&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f389.png&#34; style=&#34;height: 1em;&#34; /&gt; If you want to meet up in Basel (June 4–7), &lt;a href=&#34;https://calendly.com/pauli-haack/wordcamp-europe&#34;&gt;grab a slot on my calendar&lt;/a&gt; or send me your link. &lt;a href=&#34;https://mastodon.social/tags/WCEU&#34;&gt;#WCEU&lt;/a&gt;&lt;/p&gt;
  2361.  
  2362.  
  2363.  
  2364. &lt;figure class=&#34;wp-block-image size-full is-style-no-vertical-margin&#34;&gt;&lt;a href=&#34;https://calendly.com/pauli-haack/wordcamp-europe&#34;&gt;&lt;img alt=&#34;&#34; class=&#34;wp-image-40524&#34; height=&#34;367&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/Book-a-meeting-with-Birgit-Pauli-Haack.jpg?resize=652%2C367&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/a&gt;&lt;/figure&gt;
  2365. &lt;/div&gt;&lt;/div&gt;
  2366.  
  2367.  
  2368. &lt;section class=&#34;wp-block-newsletterglue-group&#34; style=&#34;padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; margin-top: 0px; margin-bottom: 0px;&#34;&gt;&lt;/section&gt;
  2369.  
  2370.  
  2371. &lt;p&gt;ICYMI: &lt;a href=&#34;https://us.wordcamp.org/2025/call-for-speakers/&#34;&gt;&lt;strong&gt;WordCamp US Call for Speaker is now live&lt;/strong&gt;&lt;/a&gt; the deadline is June 20, 2025. WordCamp US will take place from August 26 to 29th, 2025. Similar to last year, there are no lightening talks, only long form talks, workshops, or campfire sessions. August 26 will be Contributor Day. Sessions start on August 27 in three tracks. You need to have a WordPress.org account to enter the form. The &lt;a href=&#34;https://us.wordcamp.org/2025/call-for-sponsors/&#34;&gt;Call for Sponsors&lt;/a&gt; has also been published. &lt;/p&gt;
  2372.  
  2373.  
  2374.  
  2375. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;a href=&#34;https://us.wordcamp.org/2025/call-for-speakers-wordcamp-us-2025/&#34;&gt;&lt;img alt=&#34;&#34; class=&#34;wp-image-40544&#34; height=&#34;343&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/WordCamp-US-2025-Call-For-Speakers-1.png?resize=652%2C343&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/a&gt;&lt;/figure&gt;
  2376.  
  2377.  
  2378.  
  2379. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;0-word-press-release-information&#34;&gt;Developing Gutenberg and WordPress&lt;/h2&gt;
  2380.  
  2381.  
  2382.  
  2383. &lt;p&gt;&lt;strong&gt;George Mamadashvili&lt;/strong&gt; just dropped the &lt;a href=&#34;https://github.com/WordPress/gutenberg/releases/tag/v20.9.0-rc.1&#34;&gt;Gutenberg 20.9 RC1&lt;/a&gt; for everyone to test out, and we’re expecting the final version to go live next week! After WordCamp Europe, I&amp;#8217;ll catch up with Anne McCarthy to record our next Gutenberg Changelog, where we’ll chat about a bunch of stuff, including those two Gutenberg plugin releases, 20.9 and 21.0.&lt;/p&gt;
  2384.  
  2385.  
  2386.  
  2387. &lt;div class=&#34;wp-block-group has-light-background-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained&#34;&gt;
  2388. &lt;p&gt;&lt;img alt=&#34;🎙&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f399.png&#34; style=&#34;height: 1em;&#34; /&gt; The latest episode &lt;a href=&#34;https://gutenbergtimes.com/podcast/gutenberg-changelog-117-woocommerce-starter-theme-and-blocks/&#34;&gt;Gutenberg Changelog 117 – WooCommerce Starter Theme and Blocks, WordCamp Europe, and Gutenberg 20.7 and 20.8&lt;/a&gt; I sat down with Ellen Bauer, WooCommerce product lead and discussed what she is working on, WordCamp Europe, Create Block Theme, WP-CLI, Gutenberg 20.7 and Gutenberg 20.8 releases. &lt;/p&gt;
  2389.  
  2390.  
  2391.  
  2392. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;img alt=&#34;Ellen Bauer and Birgit Pauli-Haack recording Gutenberg Changelog 117&#34; class=&#34;wp-image-40375&#34; height=&#34;184&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2022/03/Screenshot-2025-05-10-at-12.16.57.png?resize=652%2C184&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  2393. &lt;/div&gt;&lt;/div&gt;
  2394.  
  2395.  
  2396.  
  2397. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;0-p&#34;&gt;Plugins, Themes, and Tools for #nocode site builders and owners&lt;/h2&gt;
  2398.  
  2399.  
  2400.  
  2401. &lt;p&gt;&lt;strong&gt;Johanne Courtright &lt;/strong&gt;explains how &lt;a href=&#34;https://groundworx.dev/gutenberg-is-a-game-changer-and-clients-actually-love-it-when-done-right/&#34;&gt;&lt;strong&gt;Gutenberg is a game-changer — and clients actually love it (when done right).&lt;/strong&gt;&lt;/a&gt; When implemented thoughtfully, she found, the Gutenberg editor revolutionizes WordPress by empowering clients with intuitive, flexible content creation. In her experience, clients express genuine satisfaction, as Gutenberg’s block-based approach simplifies editing and design, making website management more accessible and enjoyable for non-technical users.&lt;/p&gt;
  2402.  
  2403.  
  2404.  
  2405. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  2406.  
  2407.  
  2408.  
  2409. &lt;p&gt;&lt;strong&gt;Kevin Batdorf&lt;/strong&gt; &lt;a href=&#34;https://x.com/kevinbatdorf/status/1924334824640451038&#34;&gt;updated&lt;/a&gt; his plugin &lt;a href=&#34;https://wordpress.org/plugins/pattern-css/&#34;&gt;&lt;strong&gt;Pattern CSS&lt;/strong&gt;&lt;/a&gt; . It lets you add CSS scoped to a block, and recently added a floating editor as well as a global CSS editor, making it easy to add custom animations or anything. It&amp;#8217;s parsed via Lightening CSS in WebAssembly as you type, and works well with synced patterns.&lt;/p&gt;
  2410.  
  2411.  
  2412.  
  2413. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  2414.  
  2415.  
  2416.  
  2417. &lt;p&gt;&lt;strong&gt;&lt;a href=&#34;https://bsky.app/profile/zodiac1978.bsky.social&#34;&gt;Thorsten Landsiedel&lt;/a&gt;&lt;/strong&gt; published a plugin called &amp;#8220;&lt;a href=&#34;https://github.com/Zodiac1978/hide-in-feed&#34;&gt;&lt;strong&gt;Hide Block in RSS feed&lt;/strong&gt;,&lt;/a&gt;&amp;#8221; which adds a toggle switch to block sidebars for suppressing content in RSS feeds. In his talk at WordCamp Leipzig, he noted that decorative icons/images may display differently in RSS readers. Using this block you can improve readability by suppressing specific blocks in the feeds. The &lt;a href=&#34;https://github.com/Zodiac1978/hide-in-feed&#34;&gt;plugin is available&lt;/a&gt; on GitHub.&lt;/p&gt;
  2418.  
  2419.  
  2420.  
  2421. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  2422.  
  2423.  
  2424.  
  2425. &lt;p&gt;&lt;strong&gt;Weston Ruter&lt;/strong&gt;, a long-time WordPress Core committer, explains step-by step how he &lt;a href=&#34;https://weston.ruter.net/2025/05/17/adding-caption-and-lightbox-to-the-featured-image-block/&#34;&gt;&lt;strong&gt;added caption and lightbox to the featured image block&lt;/strong&gt;&lt;/a&gt;. When Weston Ruter rebuilt his site with the Twenty Twenty-Five theme, he noticed the Featured Image block lacked caption and lightbox features. Both features are available for the Image block. Ruter shared code examples on how he implemented these features in a plugin. Then he also suggested future improvements for WordPress core.&lt;/p&gt;
  2426.  
  2427.  
  2428.  
  2429. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  2430.  
  2431.  
  2432.  
  2433. &lt;p&gt;&lt;a href=&#34;https://wordpress.org/plugins/wm-animations/&#34;&gt;&lt;strong&gt;WM Animations&lt;/strong&gt;&lt;/a&gt; plugin by &lt;strong&gt;Widescreen Media&lt;/strong&gt;, a company from Sweden, helps users to add entrance animations like fade-in and slide-in to core blocks. &amp;#8220;You can select animation type and adjust duration/delay per block, directly in the block inspector. Works well with all core blocks and most custom blocks.&amp;#8221; &lt;a href=&#34;https://widescreen.media/&#34;&gt;Widescreen Media&amp;#8217;s website&lt;/a&gt; might be the best demo for this plugin.&lt;/p&gt;
  2434.  
  2435.  
  2436.  
  2437. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  2438.  
  2439.  
  2440.  
  2441. &lt;p&gt;&lt;strong&gt;Andy Fragen&lt;/strong&gt;, core contributor and trauma surgeon, authored quite a few &lt;a href=&#34;https://profiles.wordpress.org/afragen/#content-plugins&#34;&gt;plugins&lt;/a&gt;. The &lt;strong&gt;&lt;a href=&#34;https://wordpress.org/plugins/oembed-gist-files/&#34;&gt;oEmbed for GitHub Gist&lt;/a&gt; &lt;/strong&gt;plugin enables writers to add code from  GitHub Gists via the Embed block to their posts. For classic editor users, you just put the URL on a new line. &lt;/p&gt;
  2442.  
  2443.  
  2444. &lt;section class=&#34;wp-block-newsletterglue-callout undefined not-color-set&#34; style=&#34;border-color: #f9f9e5; border-radius: 22px; border-style: solid; border-width: 0; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; text-align: left; margin-left: 0; margin-right: 0; margin-top: 0px; margin-bottom: 0px; background-color: #f9f9e5;&#34;&gt;
  2445. &lt;p&gt;&lt;strong&gt; &lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;&amp;#8220;Keeping up with Gutenberg &amp;#8211; Index 2025&amp;#8221;&lt;/a&gt; &lt;/strong&gt;&lt;br /&gt;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: &lt;strong&gt;&lt;strong&gt;&lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/keeping-up-with-gutenberg-index-2020/&#34;&gt;2020&lt;/a&gt; | &lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/keeping-up-with-gutenberg-index-2021/&#34;&gt;2021&lt;/a&gt;&lt;/strong&gt; | &lt;strong&gt;&lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/keeping-up-with-gutenberg-index-2022/&#34;&gt;2022&lt;/a&gt;&lt;/strong&gt;&lt;/strong&gt; | &lt;strong&gt;&lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/gutenberg-index-2023&#34;&gt;2023&lt;/a&gt;&lt;/strong&gt; | &lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/gutenberg-index-2024/&#34;&gt;&lt;strong&gt;2024&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
  2446. &lt;/section&gt;
  2447.  
  2448.  
  2449. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;3-building-themes-for-fse-and-word-press&#34;&gt;Building Blocks and Tools for the Block editor&lt;/h2&gt;
  2450.  
  2451.  
  2452.  
  2453. &lt;p&gt;&lt;a href=&#34;https://wordpress.tv/event/wordcamp-lisboa-2025/&#34;&gt;Video recordings from &lt;strong&gt;Lisboa&amp;#8217;s WordCamp 2025&lt;/strong&gt;&lt;/a&gt; are already available on WordPressTV &lt;/p&gt;
  2454.  
  2455.  
  2456.  
  2457. &lt;ul class=&#34;wp-block-list&#34;&gt;
  2458. &lt;li&gt;&lt;a href=&#34;https://wordpress.tv/2025/05/19/wordpress-gems-for-devs-interactivity-api/&#34;&gt;&lt;strong&gt;WordPress gems for devs: Interactivity API&lt;/strong&gt;&lt;/a&gt; with Milana Cap&lt;/li&gt;
  2459.  
  2460.  
  2461.  
  2462. &lt;li&gt;&lt;a href=&#34;https://wordpress.tv/2025/05/19/connecting-custom-fields-from-meta-boxes-to-blocks-and-beyond/&#34;&gt;&lt;strong&gt;Connecting custom fields: From meta boxes to blocks and beyond&lt;/strong&gt;&lt;/a&gt; with Ryan Welcher &lt;/li&gt;
  2463.  
  2464.  
  2465.  
  2466. &lt;li&gt;&lt;a href=&#34;https://wordpress.tv/2025/05/19/woocommerce-checkout-block-what-you-missed/&#34;&gt;&lt;strong&gt;WooCommerce Checkout block, what you missed!&lt;/strong&gt;&lt;/a&gt; with Nadir Seghir&lt;br /&gt;&lt;/li&gt;
  2467. &lt;/ul&gt;
  2468.  
  2469.  
  2470.  
  2471. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  2472.  
  2473.  
  2474.  
  2475. &lt;p&gt;&lt;strong&gt;Seth Rubenstein&lt;/strong&gt;, lead engineer at Pew Research Center, &lt;a href=&#34;https://x.com/SethRubenstein/status/1923426022285799842&#34;&gt;decided&lt;/a&gt; to take a break from regularly scheduled work to play around with an &lt;a href=&#34;https://github.com/pewresearch/wp-interactivity-api-chrome-extension&#34;&gt;&lt;strong&gt;Interactivity API (iAPI) Inspector Chrome Extension&lt;/strong&gt;&lt;/a&gt;. This tool offers dev tools to highlight iAPI directives and context associated with a block as well as map connections between iAPI stores on a page.&lt;/p&gt;
  2476.  
  2477.  
  2478.  
  2479. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;a href=&#34;https://github.com/pewresearch/wp-interactivity-api-chrome-extension&#34;&gt;&lt;img alt=&#34;Screenshot of the Interactivity API Inspector Chrome Extension&#34; class=&#34;wp-image-40546&#34; height=&#34;264&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/Screenshot-2025-05-23-at-15.45.53.png?resize=652%2C264&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/a&gt;&lt;/figure&gt;
  2480.  
  2481.  
  2482.  
  2483. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  2484.  
  2485.  
  2486.  
  2487. &lt;p&gt;&lt;strong&gt;Jonathan Bossenger&lt;/strong&gt; has spent some time the last couple of weeks learning more about &lt;a href=&#34;https://github.com/Automattic/wp-feature-api&#34;&gt;Feature API&lt;/a&gt;, the &lt;a href=&#34;https://github.com/Automattic/wordpress-mcp&#34;&gt;WordPress MCP&lt;/a&gt; plugin and the MCP WordPress remote package. In his latest video, &lt;a href=&#34;https://www.youtube.com/watch?v=PsrrTZ6Ph3I&#34;&gt;&lt;strong&gt;Are your WordPress plugins and themes ready for AI?&lt;/strong&gt;&lt;/a&gt; he puts it all together using one of his plugins and shows the various steps:  &lt;/p&gt;
  2488.  
  2489.  
  2490.  
  2491. &lt;ul class=&#34;wp-block-list&#34;&gt;
  2492. &lt;li&gt;Registering Features with the Feature API Plugin&lt;/li&gt;
  2493.  
  2494.  
  2495.  
  2496. &lt;li&gt;Converting Features into Tools with MCP Plugin&lt;/li&gt;
  2497.  
  2498.  
  2499.  
  2500. &lt;li&gt;Configuring AI Tools to Use MCP Features&lt;/li&gt;
  2501. &lt;/ul&gt;
  2502.  
  2503.  
  2504. &lt;div class=&#34;wp-block-newsletterglue-showhide ng-block&#34; width=&#34;100%&#34;&gt;
  2505. &lt;figure class=&#34;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&#34;&gt;&lt;div class=&#34;wp-block-embed__wrapper&#34;&gt;
  2506.  
  2507. &lt;/div&gt;&lt;/figure&gt;
  2508. &lt;/div&gt;
  2509.  
  2510.  
  2511. &lt;p&gt;Once you watched the video a couple of times, it might be helpful to also read &lt;strong&gt;Jamie Marsland&lt;/strong&gt;&amp;#8216;s post on LinkedIn again:  &lt;a href=&#34;https://www.linkedin.com/pulse/wordpress-sitting-goldmine-feature-api-just-dug-first-jamie-marsland-3sije/?trackingId=qVLCTVZZSniPqxIiHZRpdQ%3D%3D&#34;&gt;&lt;strong&gt;WordPress Is Sitting on a Goldmine — And the Feature API Just Dug the First Tunnel&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
  2512.  
  2513.  
  2514.  
  2515. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  2516.  
  2517.  
  2518.  
  2519. &lt;p&gt;In this week&amp;#8217;s live stream, &lt;strong&gt;Ryan Welcher&lt;/strong&gt; also took a &lt;a href=&#34;https://www.youtube.com/watch?v=HqLXvOneHHw&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;&lt;strong&gt;A first look at the new WordPress Feature API&lt;/strong&gt;&lt;/a&gt;. He calls the Feature API &amp;#8220;a powerful new way of exposing WordPress functionality in a standardized, discoverable way for both server and client-side use.&amp;#8221;&lt;/p&gt;
  2520.  
  2521.  
  2522. &lt;div class=&#34;wp-block-newsletterglue-showhide ng-block&#34; width=&#34;100%&#34;&gt;
  2523. &lt;figure class=&#34;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&#34;&gt;&lt;div class=&#34;wp-block-embed__wrapper&#34;&gt;
  2524.  
  2525. &lt;/div&gt;&lt;/figure&gt;
  2526. &lt;/div&gt;
  2527.  
  2528.  
  2529. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;what-is-new-in-playground&#34;&gt;What is new in Playground?&lt;/h2&gt;
  2530.  
  2531.  
  2532.  
  2533. &lt;p&gt;Roger Williams and I spoke about my upcoming WordCamp EU workshop.&amp;#8221; &amp;#8220;&lt;a href=&#34;https://europe.wordcamp.org/2025/session/from-zero-to-demo-mastering-wordpress-playground-blueprints/&#34;&gt;&lt;em&gt;From Zero to Demo: Mastering WordPress Playground Blueprints&lt;/em&gt;&lt;/a&gt;&amp;#8220;. The recording is available on YouTube &lt;a href=&#34;https://www.youtube.com/watch?v=BDBZKjV3Js0&#34;&gt;&lt;strong&gt;WordPress Playground Workshop Preview with Birgit Pauli-Haack&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
  2534.  
  2535.  
  2536. &lt;div class=&#34;wp-block-newsletterglue-showhide ng-block&#34; width=&#34;100%&#34;&gt;
  2537. &lt;figure class=&#34;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&#34;&gt;&lt;div class=&#34;wp-block-embed__wrapper&#34;&gt;
  2538.  
  2539. &lt;/div&gt;&lt;/figure&gt;
  2540. &lt;/div&gt;
  2541.  
  2542.  
  2543. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  2544.  
  2545.  
  2546.  
  2547. &lt;p&gt;&lt;strong&gt;Karthick Murugan&lt;/strong&gt;, from the Multidots team,  updated documentation with everything you want to know about the current web instance: &lt;a href=&#34;https://wordpress.github.io/wordpress-playground/web-instance&#34;&gt;&lt;strong&gt;WordPress Playground web instance&lt;/strong&gt;&lt;/a&gt;. &lt;/p&gt;
  2548.  
  2549.  
  2550.  
  2551. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  2552.  
  2553.  
  2554.  
  2555. &lt;p&gt;Earlier this week, I wrote about the early version of the &lt;a href=&#34;https://www.npmjs.com/package/@wp-playground/cli&#34;&gt;Playground CLI&lt;/a&gt; and how to use it to test your plugin and theme in development or your blueprints locally. &lt;a href=&#34;https://icodeforapurpose.com/early-version-playground-cli-testing/&#34;&gt;&lt;strong&gt;Early version Playground CLI testing&lt;/strong&gt;&lt;/a&gt;.&lt;/p&gt;
  2556.  
  2557.  
  2558.  
  2559. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  2560.  
  2561.  
  2562.  
  2563. &lt;p&gt;In &lt;a href=&#34;https://icodeforapurpose.com/automating-wordpress-playground-screenshots-with-node-js-and-playwright/&#34;&gt;&lt;strong&gt;Automating WordPress Playground Screenshots with Node.js and Playwright&lt;/strong&gt;&lt;/a&gt; I shared the context and code using the JavaScript API to call a with a playwright browser instance to take a screenshot of the Playground site configured with a blueprint.&lt;/p&gt;
  2564.  
  2565.  
  2566.  
  2567. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  2568.  
  2569.  
  2570. &lt;section class=&#34;wp-block-newsletterglue-callout undefined not-color-set&#34; style=&#34;border-color: #eeeeee; border-radius: 26px; border-style: solid; border-width: 0; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; text-align: left; margin-left: 0; margin-right: 0; margin-top: 0px; margin-bottom: 0px; background-color: #f3efe9;&#34;&gt;
  2571. &lt;p&gt;&lt;strong&gt;&lt;a href=&#34;https://gutenbergtimes.com/need-a-zip-from-master/&#34;&gt;Need a plugin .zip from Gutenberg&amp;#8217;s master branch?&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;Gutenberg Times provides daily build for testing and review. &lt;/p&gt;
  2572.  
  2573.  
  2574.  
  2575. &lt;p&gt;Now also available via &lt;a href=&#34;https://playground.wordpress.net/?blueprint-url=https://gutenbergtimes.com/wp-content/uploads/2020/11/playnightly.json&#34;&gt;WordPress Playground&lt;/a&gt;. There is no need for a test site locally or on a server. Have you been using it? &lt;a href=&#34;mailto:pauli@gutenbergtimes.com&#34;&gt;Email me &lt;/a&gt;with your experience&lt;/p&gt;
  2576.  
  2577.  
  2578.  
  2579. &lt;p&gt;&lt;img alt=&#34;GitHub all releases&#34; src=&#34;https://img.shields.io/github/downloads/bph/gutenberg/total?style=for-the-badge&#34; /&gt;&lt;/p&gt;
  2580. &lt;/section&gt;
  2581.  
  2582.  
  2583. &lt;p class=&#34;has-text-align-center has-small-font-size&#34;&gt;&lt;em&gt;Questions? Suggestions? Ideas? &lt;/em&gt;&lt;br /&gt;&lt;em&gt;Don&amp;#8217;t hesitate to send &lt;a href=&#34;mailto:pauli@gutenbergtimes.com&#34;&gt;them via email&lt;/a&gt; or&lt;/em&gt;&lt;br /&gt;&lt;em&gt; send me a message on WordPress Slack or Twitter @bph&lt;/em&gt;.&lt;/p&gt;
  2584.  
  2585.  
  2586.  
  2587. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity&#34; /&gt;
  2588.  
  2589.  
  2590.  
  2591. &lt;p class=&#34;has-text-align-center has-small-font-size&#34;&gt;For questions to be answered on the &lt;a href=&#34;http://gutenbergtimes.com/podcast&#34;&gt;Gutenberg Changelog&lt;/a&gt;, &lt;br /&gt;send them to &lt;a href=&#34;mailto:changelog@gutenbergtimes.com&#34;&gt;changelog@gutenbergtimes.com&lt;/a&gt;&lt;/p&gt;
  2592.  
  2593.  
  2594.  
  2595. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  2596.  
  2597.  
  2598. &lt;section class=&#34;wp-block-newsletterglue-group&#34; style=&#34;padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; margin-top: 0px; margin-bottom: 0px;&#34;&gt;
  2599. &lt;p&gt;Featured Image: Photo by Ivan Bandura on Unsplash&lt;/p&gt;
  2600.  
  2601.  
  2602.  
  2603. &lt;hr class=&#34;wp-block-separator has-css-opacity is-style-wide&#34; /&gt;
  2604.  
  2605.  
  2606.  
  2607. &lt;p class=&#34;has-text-align-left&#34;&gt;&lt;strong&gt;Don&amp;#8217;t want to miss the next Weekend Edition? &lt;/strong&gt;&lt;/p&gt;
  2608.  
  2609.  
  2610. &lt;form action=&#34;https://gutenbergtimes.com/feed/&#34; autocomplete=&#34;on&#34; class=&#34;wp-block-newsletterglue-form ngl-form ngl-portrait&#34; method=&#34;post&#34;&gt;&lt;div class=&#34;ngl-form-container&#34;&gt;&lt;div class=&#34;ngl-form-field&#34; style=&#34;margin-bottom: 25px;&#34;&gt;&lt;label class=&#34;ngl-form-label&#34; for=&#34;ngl_email&#34;&gt;&lt;br /&gt;Type in your Email address to subscribe.&lt;/label&gt;&lt;div class=&#34;ngl-form-input&#34;&gt;&lt;input autocomplete=&#34;email&#34; class=&#34;ngl-form-input-text&#34; id=&#34;ngl_email&#34; name=&#34;ngl_email&#34; required=&#34;required&#34; style=&#34;border-radius: 21px;&#34; type=&#34;email&#34; /&gt;&lt;/div&gt;&lt;/div&gt;&lt;button class=&#34;ngl-form-button&#34; style=&#34;background-color: #005075; border-color: #005075; border-width: 1px; border-style: solid; color: #ffffff; border-radius: 21px;&#34; type=&#34;submit&#34;&gt;Subscribe&lt;/button&gt;&lt;p class=&#34;ngl-form-text&#34;&gt;We hate spam, too, and won&amp;#8217;t give your email address to anyone &lt;br /&gt;except Mailchimp to send out our Weekend Edition&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;ngl-message-overlay&#34;&gt;&lt;div class=&#34;ngl-message-svg-wrap&#34;&gt;&lt;svg fill=&#34;none&#34; height=&#34;24&#34; stroke=&#34;#fff&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;polyline points=&#34;20 6 9 17 4 12&#34;&gt;&lt;/polyline&gt;&lt;/svg&gt;&lt;/div&gt;&lt;div class=&#34;ngl-message-overlay-text&#34;&gt;Thanks for subscribing.&lt;/div&gt;&lt;/div&gt;&lt;input id=&#34;ngl_list_id&#34; name=&#34;ngl_list_id&#34; type=&#34;hidden&#34; value=&#34;26f81bd8ae&#34; /&gt;&lt;input id=&#34;ngl_double_optin&#34; name=&#34;ngl_double_optin&#34; type=&#34;hidden&#34; value=&#34;yes&#34; /&gt;&lt;/form&gt;
  2611.  
  2612.  
  2613. &lt;hr class=&#34;wp-block-separator has-css-opacity is-style-wide&#34; /&gt;
  2614. &lt;/section&gt;</description>
  2615. <pubDate>Sat, 24 May 2025 09:15:08 +0000</pubDate>
  2618. <dc:creator>Birgit Pauli-Haack</dc:creator>
  2620. </item>
  2621.  
  2622. <item>
  2623. <title>Gravatar: Proven Branding Methods for Professional Coaches</title>
  2624. <guid>http://blog.gravatar.com/?p=3184</guid>
  2625. <link>https://blog.gravatar.com/2025/05/23/branding-for-coaches/</link>
  2627. <description>&lt;p&gt;Are you looking for a way to differentiate your coaching services in a competitive online market? You&amp;#8217;re not alone. Many coaches struggle to stand out among thousands of others offering similar services.&lt;/p&gt;
  2628.  
  2629.  
  2630.  
  2631. &lt;p&gt;Here&amp;#8217;s the good news: &lt;strong&gt;Effective coach branding doesn&amp;#8217;t require massive budgets or complex systems.&lt;/strong&gt; Instead, success comes from focusing on a few foundational pillars: Optimizing your digital presence, promoting your services strategically, and tracking performance consistently.&lt;/p&gt;
  2632.  
  2633.  
  2634.  
  2635. &lt;p&gt;And no, you don&amp;#8217;t need to hire expensive agencies or completely redesign your business. Small, targeted improvements to your branding can yield significant results in attracting your ideal clients.&lt;/p&gt;
  2636.  
  2637.  
  2638.  
  2639. &lt;p&gt;This guide cuts through the theory and provides practical, proven branding techniques specifically for coaches. Each strategy is designed to help you build a distinctive professional identity that resonates with potential clients and positions you as the obvious choice in your coaching niche.&lt;/p&gt;
  2640.  
  2641.  
  2642.  
  2643. &lt;h2 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;Essential elements of a professional coaching brand&lt;/strong&gt;&lt;/h2&gt;
  2644.  
  2645.  
  2646.  
  2647. &lt;p&gt;The foundation of any successful coaching business isn&amp;#8217;t flashy graphics or clever slogans – it&amp;#8217;s a consistent multi-platform presence strategy. This means maintaining a unified professional identity across coaching directories, your website, social media profiles, and professional networks. Tools like &lt;a href=&#34;https://gravatar.com&#34;&gt;Gravatar&lt;/a&gt; can help automate this consistency, ensuring your professional image remains cohesive wherever potential clients encounter you online.&lt;/p&gt;
  2648.  
  2649.  
  2650.  
  2651. &lt;p&gt;&lt;strong&gt;A big part of that consistency is demonstrating your expertise.&lt;/strong&gt; Potential clients need clear evidence of your capabilities through certifications, testimonials, and client success stories prominently displayed in your professional bios and website. These serve as social proof that validates your coaching abilities to skeptical prospects.&lt;/p&gt;
  2652.  
  2653.  
  2654.  
  2655. &lt;p&gt;Video content has become a particularly powerful way to showcase expertise. According to &lt;a href=&#34;https://wistia.com/learn/marketing/video-marketing-statistics&#34;&gt;Wistia&amp;#8217;s 2025 State of Video Report&lt;/a&gt;, short-form video content significantly outperforms other formats in engagement rates, with how-to videos under one minute achieving 82% viewer completion. &lt;a href=&#34;https://www.instagram.com/&#34;&gt;Instagram&lt;/a&gt; reels and &lt;a href=&#34;https://www.tiktok.com/&#34;&gt;TikTok&lt;/a&gt; tutorials offer perfect platforms to demonstrate your coaching approach in action.&lt;/p&gt;
  2656.  
  2657.  
  2658.  
  2659. &lt;p&gt;To truly stand out, develop proprietary frameworks or methodologies that distinguish your services from generic coaching approaches. This gives clients a concrete system to understand and helps position you as an innovative thinker in your field.&lt;/p&gt;
  2660.  
  2661.  
  2662.  
  2663. &lt;p&gt;On top of that, you need to take whatever time you need to identify what makes your coaching unique – your background, approach, client specialization, or results – and weave these elements into a compelling coaching story that resonates with your target audience.&lt;/p&gt;
  2664.  
  2665.  
  2666.  
  2667. &lt;p&gt;Now, let&amp;#8217;s explore some practical ways to build these brand pillars.&lt;/p&gt;
  2668.  
  2669.  
  2670.  
  2671. &lt;h2 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;How Gravatar powers your coaching brand identity&lt;/strong&gt;&lt;/h2&gt;
  2672.  
  2673.  
  2674.  
  2675. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;img alt=&#34;1 – Gravatar homepage&#34; class=&#34;wp-image-3187&#34; height=&#34;1298&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2025/04/1-gravatar-new-homepage.png&#34; width=&#34;2492&#34; /&gt;&lt;/figure&gt;
  2676.  
  2677.  
  2678.  
  2679. &lt;p&gt;Establishing a consistent online presence is one of the biggest challenges for coaches, but thankfully, this is where &lt;a href=&#34;https://gravatar.com&#34;&gt;Gravatar&lt;/a&gt; steps in as a powerful brand management tool. As a &amp;#8220;Globally Recognized Avatar,&amp;#8221; Gravatar can become like a central identity hub that automatically syncs across thousands of platforms, eliminating the frustration of managing multiple profiles.&lt;/p&gt;
  2680.  
  2681.  
  2682.  
  2683. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;img alt=&#34;2 – Ronnie Burt Gravatar profile&#34; class=&#34;wp-image-3188&#34; height=&#34;1323&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2025/04/2-ronnie-new-gravatar-profile.png&#34; width=&#34;1755&#34; /&gt;&lt;/figure&gt;
  2684.  
  2685.  
  2686.  
  2687. &lt;p&gt;Think of Gravatar as your &lt;a href=&#34;https://blog.gravatar.com/2024/11/08/creating-a-digital-business-card/&#34;&gt;digital business card&lt;/a&gt; on steroids. It connects your professional image, bio, and credentials across coaching directories, blog comments, professional forums, and social platforms. When potential clients encounter you across different channels, they&amp;#8217;ll recognize your consistent presence immediately, crucial for building recognition in a crowded coaching marketplace.&lt;/p&gt;
  2688.  
  2689.  
  2690.  
  2691. &lt;p&gt;The trust factor gets a significant boost with Gravatar&amp;#8217;s verification system. Each link on your profile can display a &amp;#8220;verified&amp;#8221; tick, signalling authenticity to sceptical prospects. In coaching, where trust is everything, these small trust signals make a substantial difference in conversion rates.&lt;/p&gt;
  2692.  
  2693.  
  2694.  
  2695. &lt;p&gt;Your Gravatar profile can even live as a &lt;a href=&#34;https://docs.gravatar.com/2024/05/23/qr-me-this-qr-me-that/&#34;&gt;QR code&lt;/a&gt; in your phone&amp;#8217;s digital wallet, making &lt;a href=&#34;https://blog.gravatar.com/2024/06/16/how-to-network-at-a-conference/&#34;&gt;in-person networking seamless&lt;/a&gt;. &lt;/p&gt;
  2696.  
  2697.  
  2698.  
  2699. &lt;figure class=&#34;wp-block-image&#34;&gt;&lt;img alt=&#34;3 – Adding a Gravatar QR code to your phone wallet &#34; src=&#34;https://lh7-rt.googleusercontent.com/docsz/AD_4nXf5MKKCpsP1BhXvYsdilJmK9Ty2TOjDVzHqlY_ikPaU8fj3Y3Fc8LuLNxrpFfbeGzcGlHQj-HEJgYheCu0ssRwG3MOFvYdql30cIUEFHjfwCv0pg977B1coL7VtyIf_7em26gSXiQ?key=sqicWRy8nfW2FmPeb7oslwrq&#34; /&gt;&lt;/figure&gt;
  2700.  
  2701.  
  2702.  
  2703. &lt;p&gt;Update your credentials once, and the changes reflect everywhere – saving hours of profile management while maintaining brand consistency.&lt;/p&gt;
  2704.  
  2705.  
  2706.  
  2707. &lt;p&gt;Ready to strengthen your coaching brand? &lt;a href=&#34;https://gravatar.com/&#34;&gt;Get your free Gravatar profile&lt;/a&gt; today and bring cohesion to your digital presence.&lt;/p&gt;
  2708.  
  2709.  
  2710.  
  2711. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;a href=&#34;https://gravatar.com/connect/?gravatar_from=blog&#34;&gt;&lt;img alt=&#34;&#34; class=&#34;wp-image-2616&#34; height=&#34;729&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2024/12/free_profile_cta.png&#34; width=&#34;3243&#34; /&gt;&lt;/a&gt;&lt;/figure&gt;
  2712.  
  2713.  
  2714.  
  2715. &lt;h3 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;Building trust through verified profiles and consistent presence&lt;/strong&gt;&lt;/h3&gt;
  2716.  
  2717.  
  2718.  
  2719. &lt;p&gt;Verification is no longer optional in the coaching industry – it&amp;#8217;s essential. When potential clients research your services, they&amp;#8217;re looking for trust signals that verify your authenticity and expertise. Social media verification acts as a powerful trust marker in a saturated market.&lt;/p&gt;
  2720.  
  2721.  
  2722.  
  2723. &lt;p&gt;&lt;a href=&#34;https://www.instagram.com/&#34;&gt;Instagram&lt;/a&gt; deserves special attention in your verification strategy. According to &lt;a href=&#34;https://luisazhou.com/blog/instagram-for-coaches/&#34;&gt;research from Luisa Zhou&lt;/a&gt;, this platform is where many coaches successfully find their highest-quality clients, with 54% of Instagram users making purchases after discovering services there. So naturally, verifying your Instagram presence should be a priority.&lt;/p&gt;
  2724.  
  2725.  
  2726.  
  2727. &lt;p&gt;Similarly, establishing verified presence on X (formerly Twitter) creates additional credibility touchpoints in your professional ecosystem.&lt;/p&gt;
  2728.  
  2729.  
  2730.  
  2731. &lt;p&gt;For coaches using newer platforms like &lt;a href=&#34;https://blog.gravatar.com/2024/12/03/new-free-domains-and-bluesky-integration/&#34;&gt;Bluesky&lt;/a&gt;, Gravatar offers a unique advantage – you can get a &lt;a href=&#34;https://blog.gravatar.com/2025/02/06/bluesky-handle/&#34;&gt;custom Bluesky domain name&lt;/a&gt; and verify it directly through Gravatar, creating an additional layer of professional credibility.&lt;/p&gt;
  2732.  
  2733.  
  2734.  
  2735. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;4 – Changing the Bluesky domain to a custom one through Gravatar&#34; class=&#34;wp-image-3189&#34; height=&#34;394&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2025/04/4-domain-updated-confirmation.png?w=660&#34; width=&#34;660&#34; /&gt;&lt;/figure&gt;
  2736.  
  2737.  
  2738.  
  2739. &lt;p&gt;Gravatar&amp;#8217;s &amp;#8220;update once, sync everywhere&amp;#8221; system means your verified professional image automatically appears across hundreds of platforms – from WordPress blogs where you guest post to professional forums where you engage potential clients.&lt;/p&gt;
  2740.  
  2741.  
  2742.  
  2743. &lt;p&gt;Think of Gravatar as the foundation of your coaching trust architecture. It creates a central verification hub from which &lt;a href=&#34;https://blog.gravatar.com/2024/12/02/how-can-you-manage-your-digital-footprint/&#34;&gt;all aspects of your digital footprint link back&lt;/a&gt;, establishing a cohesive professional identity that builds client confidence at every digital touchpoint.&lt;/p&gt;
  2744.  
  2745.  
  2746.  
  2747. &lt;h2 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;Practical strategies to promote your coaching brand&lt;/strong&gt;&lt;/h2&gt;
  2748.  
  2749.  
  2750.  
  2751. &lt;p&gt;Establishing credibility through a verified online presence remains the cornerstone of successful coach branding. Creating a verified professional presence using Gravatar across coaching platforms and professional networks provides the essential foundation upon which all other brand-building activities should build. This baseline credibility creates the trust necessary for potential clients to consider your services.&lt;/p&gt;
  2752.  
  2753.  
  2754.  
  2755. &lt;h3 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;Position yourself as a thought leader&lt;/strong&gt;&lt;/h3&gt;
  2756.  
  2757.  
  2758.  
  2759. &lt;p&gt;To elevate beyond basic verification, position yourself as a thought leader through specialized content that directly addresses specific pain points in your coaching niche. This approach demonstrates your expertise while providing immediate value to potential clients.&lt;/p&gt;
  2760.  
  2761.  
  2762.  
  2763. &lt;p&gt;Effective thought leadership channels include:&lt;/p&gt;
  2764.  
  2765.  
  2766.  
  2767. &lt;ul class=&#34;wp-block-list&#34;&gt;
  2768. &lt;li&gt;&lt;a href=&#34;https://www.linkedin.com/&#34;&gt;&lt;strong&gt;LinkedIn&lt;/strong&gt;&lt;/a&gt;&lt;strong&gt; articles&lt;/strong&gt; that dissect complex coaching challenges.&lt;/li&gt;
  2769.  
  2770.  
  2771.  
  2772. &lt;li&gt;&lt;a href=&#34;https://www.instagram.com/&#34;&gt;&lt;strong&gt;Instagram&lt;/strong&gt;&lt;/a&gt;&lt;strong&gt; carousels&lt;/strong&gt; explaining your methodologies (these have 82% higher engagement for coaching content).&lt;/li&gt;
  2773.  
  2774.  
  2775.  
  2776. &lt;li&gt;&lt;strong&gt;Blog posts&lt;/strong&gt; on your website that showcase your unique perspective.&lt;/li&gt;
  2777.  
  2778.  
  2779.  
  2780. &lt;li&gt;&lt;strong&gt;Email newsletters&lt;/strong&gt; with actionable insights.&lt;/li&gt;
  2781. &lt;/ul&gt;
  2782.  
  2783.  
  2784.  
  2785. &lt;p&gt;The most successful coaches don&amp;#8217;t create generic content – they develop material that speaks directly to their audience&amp;#8217;s most pressing challenges, demonstrating both understanding and solution expertise.&lt;/p&gt;
  2786.  
  2787.  
  2788.  
  2789. &lt;h3 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;Develop your signature framework&lt;/strong&gt;&lt;/h3&gt;
  2790.  
  2791.  
  2792.  
  2793. &lt;p&gt;Creating a distinctive &amp;#8220;signature framework&amp;#8221; dramatically separates your coaching brand from competitors while simplifying your marketing message. For example, a life coach specializing in work-life balance might develop &amp;#8220;The Balance Blueprint&amp;#8221; – a structured, step-by-step process clients follow to achieve harmony between career and personal priorities.&lt;/p&gt;
  2794.  
  2795.  
  2796.  
  2797. &lt;p&gt;Your signature framework accomplishes two critical objectives simultaneously:&lt;/p&gt;
  2798.  
  2799.  
  2800.  
  2801. &lt;ul class=&#34;wp-block-list&#34;&gt;
  2802. &lt;li&gt;It clarifies your methodology for potential clients.&lt;/li&gt;
  2803.  
  2804.  
  2805.  
  2806. &lt;li&gt;It creates a memorable brand element that differentiates you from generic coaching approaches.&lt;/li&gt;
  2807. &lt;/ul&gt;
  2808.  
  2809.  
  2810.  
  2811. &lt;p&gt;This combination builds both trust and recognition – the twin pillars of effective coach branding.&lt;/p&gt;
  2812.  
  2813.  
  2814.  
  2815. &lt;h3 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;Forge strategic partnerships&lt;/strong&gt;&lt;/h3&gt;
  2816.  
  2817.  
  2818.  
  2819. &lt;p&gt;Explore high-value coaching partnerships with complementary service providers and industry experts. A relationship coach might partner with a financial advisor to address money conflicts in relationships, creating a more comprehensive solution while accessing a new client base.&lt;/p&gt;
  2820.  
  2821.  
  2822.  
  2823. &lt;p&gt;Additionally, seek opportunities to speak at industry conferences and events. These platforms position you as an authority while creating valuable networking opportunities with potential clients and partners who already recognize your expertise.&lt;/p&gt;
  2824.  
  2825.  
  2826.  
  2827. &lt;h3 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;Measure your brand&amp;#8217;s impact and reach&lt;/strong&gt;&lt;/h3&gt;
  2828.  
  2829.  
  2830.  
  2831. &lt;p&gt;Without tracking key metrics, you&amp;#8217;re essentially operating in the dark, making decisions based on gut feeling rather than data.&lt;/p&gt;
  2832.  
  2833.  
  2834.  
  2835. &lt;p&gt;&lt;strong&gt;Start by monitoring these fundamental metrics that directly reflect your brand&amp;#8217;s performance:&lt;/strong&gt;&lt;/p&gt;
  2836.  
  2837.  
  2838.  
  2839. &lt;ul class=&#34;wp-block-list&#34;&gt;
  2840. &lt;li&gt;Track not just visitor numbers but engagement metrics like time-on-page and bounce rates.&lt;/li&gt;
  2841.  
  2842.  
  2843.  
  2844. &lt;li&gt;Measure shares, comments, and saves (not just likes).&lt;/li&gt;
  2845.  
  2846.  
  2847.  
  2848. &lt;li&gt;Monitor conversion rates from brand touchpoints to inquiries.&lt;/li&gt;
  2849. &lt;/ul&gt;
  2850.  
  2851.  
  2852.  
  2853. &lt;p&gt;Tools like &lt;a href=&#34;https://marketingplatform.google.com/about/analytics/&#34;&gt;Google Analytics&lt;/a&gt; provide comprehensive website insights, while platform-specific analytics like Instagram Insights and LinkedIn Analytics reveal how your content performs across different channels.&lt;/p&gt;
  2854.  
  2855.  
  2856.  
  2857. &lt;p&gt;&lt;strong&gt;Still, data without action is useless.&lt;/strong&gt; Use your metrics to continuously refine your approach:&lt;/p&gt;
  2858.  
  2859.  
  2860.  
  2861. &lt;ul class=&#34;wp-block-list&#34;&gt;
  2862. &lt;li&gt;Identify which topics generate the most engagement and double down.&lt;/li&gt;
  2863.  
  2864.  
  2865.  
  2866. &lt;li&gt;Spot underperforming channels and either optimize or reallocate resources.&lt;/li&gt;
  2867.  
  2868.  
  2869.  
  2870. &lt;li&gt;Test different content formats to determine what resonates best with your audience.&lt;/li&gt;
  2871. &lt;/ul&gt;
  2872.  
  2873.  
  2874.  
  2875. &lt;p&gt;When metrics show declining engagement, don&amp;#8217;t just produce more content – produce better content that addresses the specific needs revealed in your data.&lt;/p&gt;
  2876.  
  2877.  
  2878.  
  2879. &lt;p&gt;And, once you do get the results you want, make sure you document your success stories – the most compelling brand assets are documented client transformations. Create systematic before-and-after assessments that quantify client progress:&lt;/p&gt;
  2880.  
  2881.  
  2882.  
  2883. &lt;ul class=&#34;wp-block-list&#34;&gt;
  2884. &lt;li&gt;Standardized assessment tools that measure baseline and improvement.&lt;/li&gt;
  2885.  
  2886.  
  2887.  
  2888. &lt;li&gt;Periodic progress check-ins that document incremental gains.&lt;/li&gt;
  2889.  
  2890.  
  2891.  
  2892. &lt;li&gt;Video testimonials that capture emotional and practical outcomes.&lt;/li&gt;
  2893. &lt;/ul&gt;
  2894.  
  2895.  
  2896.  
  2897. &lt;h1 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;Take your coaching brand to the next level&lt;/strong&gt;&lt;/h1&gt;
  2898.  
  2899.  
  2900.  
  2901. &lt;p&gt;Building a verified, consistent online presence using tools like Gravatar creates the essential foundation for your coaching brand. This strategic approach eliminates the fragmentation that undermines many coaches&amp;#8217; digital presence while establishing the credibility necessary to convert prospects into clients.&lt;/p&gt;
  2902.  
  2903.  
  2904.  
  2905. &lt;p&gt;With Gravatar handling your consistent visual representation across platforms, you&amp;#8217;re free to focus on what truly matters – delivering high-value client interactions through optimized touchpoints. Your social media engagement, website inquiries, and professional forum participation all benefit from the trust architecture you&amp;#8217;ve established.&lt;/p&gt;
  2906.  
  2907.  
  2908.  
  2909. &lt;p&gt;To sum it up, here’s what you need for success: &lt;/p&gt;
  2910.  
  2911.  
  2912.  
  2913. &lt;ul class=&#34;wp-block-list&#34;&gt;
  2914. &lt;li&gt;A proprietary methodology that becomes synonymous with your name.&lt;/li&gt;
  2915.  
  2916.  
  2917.  
  2918. &lt;li&gt;Diverse content formats that appeal to different learning styles.&lt;/li&gt;
  2919.  
  2920.  
  2921.  
  2922. &lt;li&gt;Strategic partnerships that expand your reach into complementary audiences.&lt;/li&gt;
  2923. &lt;/ul&gt;
  2924.  
  2925.  
  2926.  
  2927. &lt;p&gt;The coaches who succeed don&amp;#8217;t try to implement everything at once. They start with fundamentals, like&lt;a href=&#34;https://gravatar.com/&#34;&gt; creating a free Gravatar profile&lt;/a&gt;, and systematically build their brand presence over time.&lt;/p&gt;
  2928.  
  2929.  
  2930.  
  2931. &lt;p&gt;Remember that brand development is a gradual, ongoing process. Each small improvement compounds, creating a professional presence that stands out in a crowded marketplace. &lt;/p&gt;
  2932.  
  2933.  
  2934.  
  2935. &lt;p&gt;Happy branding!&lt;/p&gt;
  2936.  
  2937.  
  2938.  
  2939. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;a href=&#34;https://gravatar.com/connect/?gravatar_from=blog&#34;&gt;&lt;img alt=&#34;&#34; class=&#34;wp-image-2616&#34; height=&#34;729&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2024/12/free_profile_cta.png&#34; width=&#34;3243&#34; /&gt;&lt;/a&gt;&lt;/figure&gt;</description>
  2940. <pubDate>Fri, 23 May 2025 17:44:13 +0000</pubDate>
  2943. <dc:creator>Ronnie Burt</dc:creator>
  2945. </item>
  2946.  
  2947. <item>
  2948. <title>Gravatar: What Makes a Digital Avatar Effective</title>
  2949. <guid>http://blog.gravatar.com/?p=3289</guid>
  2950. <link>https://blog.gravatar.com/2025/05/23/what-is-a-digital-avatar/</link>
  2952. <description>&lt;p&gt;Fun fact: The global digital avatar market is hurtling toward a whopping&lt;a href=&#34;https://www.grandviewresearch.com/industry-analysis/digital-avatar-market-report&#34;&gt; &lt;strong&gt;$270.61 billion&lt;/strong&gt; by 2030&lt;/a&gt;. That’s up from just $18.19 billion in 2023.&lt;/p&gt;
  2953.  
  2954.  
  2955.  
  2956. &lt;p&gt;What began as a simple, low-quality profile picture you might put on mIRC or MySpace can now become a full-blown brand asset. The kind that drives clicks, builds trust, and boosts conversions like a charm. &lt;/p&gt;
  2957.  
  2958.  
  2959.  
  2960. &lt;p&gt;&lt;em&gt;But…&lt;/em&gt; not all avatars are created equal. So what separates the forgettable from the phenomenal?&lt;/p&gt;
  2961.  
  2962.  
  2963.  
  2964. &lt;p&gt;Effective avatars are &lt;em&gt;engagement machines,&lt;/em&gt; and brands that get it right are seeing:&lt;/p&gt;
  2965.  
  2966.  
  2967.  
  2968. &lt;ul class=&#34;wp-block-list&#34;&gt;
  2969. &lt;li&gt;Higher user engagement across channels.&lt;/li&gt;
  2970.  
  2971.  
  2972.  
  2973. &lt;li&gt;Sharper brand recall (because yep, that tiny image sticks).&lt;/li&gt;
  2974.  
  2975.  
  2976.  
  2977. &lt;li&gt;Better conversion rates on platforms with consistent avatar use.&lt;/li&gt;
  2978.  
  2979.  
  2980.  
  2981. &lt;li&gt;Warmer, more personal user experiences that actually build trust.&lt;/li&gt;
  2982. &lt;/ul&gt;
  2983.  
  2984.  
  2985.  
  2986. &lt;p&gt;This is more than some passing tech phase, it’s a fundamental shift in how digital identity is experienced. As AI-powered avatars and virtual reps get smarter, businesses are tapping into a new kind of connection – fast, human, and scalable.&lt;/p&gt;
  2987.  
  2988.  
  2989.  
  2990. &lt;p&gt;In this guide, we’ll walk you through how to build and deploy avatars that &lt;em&gt;work&lt;/em&gt;, from brand consistency and personalization to next-gen tools like &lt;a href=&#34;https://gravatar.com&#34;&gt;Gravatar&lt;/a&gt; that simplify your digital identity across the web.&lt;/p&gt;
  2991.  
  2992.  
  2993.  
  2994. &lt;p&gt;No more juggling profile pics across platforms. No more brand dissonance. With a smart avatar strategy, you update once and show up everywhere, looking exactly how you want to.&lt;/p&gt;
  2995.  
  2996.  
  2997.  
  2998. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;a href=&#34;https://gravatar.com/connect/?gravatar_from=blog&#34;&gt;&lt;img alt=&#34;&#34; class=&#34;wp-image-2616&#34; height=&#34;729&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2024/12/free_profile_cta.png&#34; width=&#34;3243&#34; /&gt;&lt;/a&gt;&lt;/figure&gt;
  2999.  
  3000.  
  3001.  
  3002. &lt;h2 class=&#34;wp-block-heading&#34;&gt;What makes a digital avatar effective: Definition and importance&lt;/h2&gt;
  3003.  
  3004.  
  3005.  
  3006. &lt;p&gt;Digital avatars are not just sci-fi playthings anymore. These digital doppelgängers are the new face of brands and professionals online, popping up everywhere from sales decks to marketing assets and customer chats. &lt;/p&gt;
  3007.  
  3008.  
  3009.  
  3010. &lt;p&gt;Here’s the kicker: According to &lt;a href=&#34;https://pmc.ncbi.nlm.nih.gov/articles/PMC9763494/&#34;&gt;research from the National Institutes of Health&lt;/a&gt;, our brains respond to avatars &lt;em&gt;a lot&lt;/em&gt; like we respond to real humans. Wild, right? But also incredibly useful. Because that means every time a customer sees your avatar, they’re not just spotting a fancy graphic – they’re building a sense of connection, trust, and familiarity, just like they would with a real-life person.&lt;/p&gt;
  3011.  
  3012.  
  3013.  
  3014. &lt;p&gt;Why does that matter? Well:&lt;/p&gt;
  3015.  
  3016.  
  3017.  
  3018. &lt;ul class=&#34;wp-block-list&#34;&gt;
  3019. &lt;li&gt;Avatars act as a consistent visual cue across all your brand’s touchpoints&lt;/li&gt;
  3020.  
  3021.  
  3022.  
  3023. &lt;li&gt;They turn dry, technical info into something surprisingly human&lt;/li&gt;
  3024.  
  3025.  
  3026.  
  3027. &lt;li&gt;They make your brand &lt;em&gt;stick&lt;/em&gt; in people’s minds&lt;/li&gt;
  3028.  
  3029.  
  3030.  
  3031. &lt;li&gt;And most importantly, they help you build actual emotional resonance online&lt;/li&gt;
  3032. &lt;/ul&gt;
  3033.  
  3034.  
  3035.  
  3036. &lt;p&gt;And it’s not just big brands getting in on the avatar action. If you’re building a personal brand, a strong digital avatar can become your secret weapon, a visual shorthand people instantly recognize in comment threads, &lt;a href=&#34;https://slack.com/&#34;&gt;Slack&lt;/a&gt; groups, or &lt;a href=&#34;https://linkedin.com/&#34;&gt;LinkedIn&lt;/a&gt; scroll-athons. &lt;/p&gt;
  3037.  
  3038.  
  3039.  
  3040. &lt;p&gt;Of course, different use-cases will call for different strategies. A corporate avatar might need to channel “professional but warm,” while a personal brand might want something that screams “it’s me!” in the best way. Meanwhile, your social avatar? Feel free to let your creativity run wild (meme energy encouraged).&lt;/p&gt;
  3041.  
  3042.  
  3043.  
  3044. &lt;p&gt;The point is, the avatar you choose should match its mission. A customer support bot? Friendly and dependable. A sales rep avatar? Confident and persuasive. &lt;/p&gt;
  3045.  
  3046.  
  3047.  
  3048. &lt;p&gt;Over the rest of this post, we’ll break down how to tailor your avatar’s personality to fit the context, so you’re always putting your best digital face forward.&lt;/p&gt;
  3049.  
  3050.  
  3051.  
  3052. &lt;h3 class=&#34;wp-block-heading&#34;&gt;Types of digital avatars: From simple icons to interactive representations&lt;/h3&gt;
  3053.  
  3054.  
  3055.  
  3056. &lt;p&gt;Let’s start with the basics: The humble headshot avatar. This is your digital calling card. A clean, static image that tells the internet, &lt;em&gt;“Yep, it’s me.”&lt;/em&gt; &lt;a href=&#34;https://gravatar.com/&#34;&gt;Gravatar&lt;/a&gt; is the OG here – a global avatar service that ensures your chosen pic pops up consistently across thousands of sites. &lt;/p&gt;
  3057.  
  3058.  
  3059.  
  3060. &lt;p&gt;&lt;a href=&#34;https://wordpress.org/&#34;&gt;WordPress&lt;/a&gt; blogs, &lt;a href=&#34;https://github.com/&#34;&gt;GitHub&lt;/a&gt; repos, &lt;a href=&#34;https://slack.com/&#34;&gt;Slack&lt;/a&gt; chats, and plenty more. Set it once, and voilà: Instant recognizability, no matter where you roam online.&lt;/p&gt;
  3061.  
  3062.  
  3063.  
  3064. &lt;p&gt;In fact, setting up your Gravatar takes less than 5 minutes (likely the best ROI you&amp;#8217;ll ever get in under a coffee break).&lt;/p&gt;
  3065.  
  3066.  
  3067.  
  3068. &lt;p&gt;&lt;a href=&#34;https://gravatar.com/profile&#34;&gt;&lt;em&gt;Set it up in five minutes&lt;/em&gt;&lt;/a&gt;&lt;em&gt; now, save yourself fifty profile edits later.&lt;/em&gt;&lt;/p&gt;
  3069.  
  3070.  
  3071.  
  3072. &lt;p&gt;Zooming out beyond headshots, the avatar scene gets pretty creative:&lt;/p&gt;
  3073.  
  3074.  
  3075.  
  3076. &lt;p&gt;&lt;strong&gt;2D customizable avatars&lt;/strong&gt; let you tweak everything from eye shape to shoe style (e.g., &lt;a href=&#34;https://www.bitmoji.com/&#34;&gt;Bitmoji&lt;/a&gt;). They’re quirky, fun, and surprisingly simple to build.&lt;/p&gt;
  3077.  
  3078.  
  3079.  
  3080. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;img alt=&#34;2D Customizable Avatars&#34; class=&#34;wp-image-3294&#34; height=&#34;639&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2025/05/bitmoji-avatars-1.png&#34; width=&#34;1500&#34; /&gt;&lt;/figure&gt;
  3081.  
  3082.  
  3083.  
  3084. &lt;p&gt;&lt;strong&gt;3D static avatars&lt;/strong&gt; offer depth, angles, shading, the works. They give your digital self some dimension and make your profile pic feel less…flat.&lt;/p&gt;
  3085.  
  3086.  
  3087.  
  3088. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;3D Meta Avatars&#34; class=&#34;wp-image-3293&#34; height=&#34;404&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2025/05/3dmetaavatars-1.png?w=660&#34; width=&#34;660&#34; /&gt;&lt;/figure&gt;
  3089.  
  3090.  
  3091.  
  3092. &lt;p&gt;&lt;br /&gt;In 2022 Meta teamed up with the NFL to enable viewers to outfit their Avatars in the colors of the two Superbowl teams&lt;/p&gt;
  3093.  
  3094.  
  3095.  
  3096. &lt;p&gt;&lt;strong&gt;3D animated avatars&lt;/strong&gt;? Now we’re in Pixar territory. These avatars blink, smile, nod, and generally act like they’re about to ask you how your day’s going. Perfect for adding that human-ish warmth to virtual chats.&lt;/p&gt;
  3097.  
  3098.  
  3099.  
  3100. &lt;p&gt;At the frontier, we’ve got &lt;strong&gt;AI-powered avatars&lt;/strong&gt;, and &lt;em&gt;this&lt;/em&gt; is where things get spicy. Platforms like &lt;a href=&#34;https://www.heygen.com/&#34;&gt;HeyGen&lt;/a&gt; let you build avatars that don’t just look the part – they talk it too. Natural language processing means they can chat, answer questions, and generally hold their own in a conversation without sounding like a 2005 chatbot.&lt;/p&gt;
  3101.  
  3102.  
  3103.  
  3104. &lt;figure class=&#34;wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio&#34;&gt;&lt;div class=&#34;wp-block-embed__wrapper&#34;&gt;
  3105. &lt;div class=&#34;embed-youtube&#34;&gt;&lt;/div&gt;
  3106. &lt;/div&gt;&lt;/figure&gt;
  3107.  
  3108.  
  3109.  
  3110. &lt;p&gt;And the tech’s only getting better. Even &lt;a href=&#34;https://blog.gravatar.com/2025/05/06/build-your-ai-identity-with-gravatars-new-tool/&#34;&gt;Gravatar is creating AI-generated avatar tools&lt;/a&gt;, so anyone – yes, even the design-challenged – can whip up a slick, professional avatar without breaking a sweat.&lt;/p&gt;
  3111.  
  3112.  
  3113.  
  3114. &lt;p&gt;The gap between digital you and real you is closing fast. And with these evolving tools, your online presence can be as polished, personable, or playfully weird as you want it to be.&lt;/p&gt;
  3115.  
  3116.  
  3117.  
  3118. &lt;h4 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;AI-powered avatars: The future of digital identity is already here&lt;/strong&gt;&lt;/h4&gt;
  3119.  
  3120.  
  3121.  
  3122. &lt;p&gt;Gravatar’s shiny &lt;a href=&#34;https://blog.gravatar.com/2025/05/06/build-your-ai-identity-with-gravatars-new-tool/&#34;&gt;new AI Profile Builder&lt;/a&gt;, launched in May 2025, is leading the charge to become the new face (quite literally) of digital identity. And with users saying they feel &lt;a href=&#34;https://www.emerald.com/insight/content/doi/10.1108/jrim-07-2024-0344/full/html&#34;&gt;&lt;em&gt;more emotionally connected&lt;/em&gt; to brands using personalized avatar&lt;/a&gt; interactions over the usual click-and-type interfaces, this &lt;em&gt;isn’t&lt;/em&gt; just for show.&lt;/p&gt;
  3123.  
  3124.  
  3125.  
  3126. &lt;p&gt;Tools like Gravatar’s AI Profile Builder allow you to build smart, secure avatars that actually &lt;em&gt;do something&lt;/em&gt;.&lt;/p&gt;
  3127.  
  3128.  
  3129.  
  3130. &lt;p&gt;These AI avatars adapt based on where you are and who you’re talking to. Drop into a professional thread? Your avatar turns on the polish. Chiming in on a casual forum? It relaxes the tone. All without you lifting a finger.&lt;/p&gt;
  3131.  
  3132.  
  3133.  
  3134. &lt;p&gt;For businesses, this opens up a goldmine: Deeper customer engagement, zero need for juggling multiple digital personas, and bulletproof brand consistency, without compromising on privacy.&lt;/p&gt;
  3135.  
  3136.  
  3137.  
  3138. &lt;p&gt;We’re not just putting an AI face on your profile. We’re building a secure, intelligent bridge between your real self and your digital one – one that works across thousands of platforms.&lt;/p&gt;
  3139.  
  3140.  
  3141.  
  3142. &lt;p&gt;This means you get to nail that tricky balance between personalization and privacy. &lt;/p&gt;
  3143.  
  3144.  
  3145.  
  3146. &lt;p&gt;End result: A smart, responsive avatar that feels genuinely “you”, without handing over your life story to the algorithm gods.&lt;/p&gt;
  3147.  
  3148.  
  3149.  
  3150. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Digital avatars in business: Strategic applications that drive results&lt;/h2&gt;
  3151.  
  3152.  
  3153.  
  3154. &lt;p&gt;When businesses keep their avatars consistent across platforms, they create that magical “ah yes, I know you” moment. It&amp;#8217;s instant visual recognition that cements brand identity and reassures your audience they&amp;#8217;re in the right place, whether they’re browsing your website, stalking your socials, or firing off a support ticket.&lt;/p&gt;
  3155.  
  3156.  
  3157.  
  3158. &lt;p&gt;And it’s not just about looking slick. A &lt;a href=&#34;https://centaur.reading.ac.uk/119012/&#34;&gt;2024 University of Reading study&lt;/a&gt; showed a significant jump in user interactions when brands used culturally tuned digital avatars in international campaigns. &lt;/p&gt;
  3159.  
  3160.  
  3161.  
  3162. &lt;p&gt;Turns out people respond better when your brand feels familiar and relatable, and not like a tourist fumbling through Google Translate.&lt;/p&gt;
  3163.  
  3164.  
  3165.  
  3166. &lt;p&gt;But avatars aren’t just for marketing. They’re transforming customer service, too. Virtual assistants with avatar interfaces spark more engagement than plain old text bots. Turns out, people prefer chatting with a “someone” rather than a “something.”&lt;/p&gt;
  3167.  
  3168.  
  3169.  
  3170. &lt;p&gt;Case in point: &lt;strong&gt;Lemonade Insurance&lt;/strong&gt;.&lt;/p&gt;
  3171.  
  3172.  
  3173.  
  3174. &lt;p&gt;Their claims assistant, Jim (an AI avatar), &lt;a href=&#34;https://aimagazine.com/articles/lemonade-sets-world-record-with-2-second-ai-insurance-claim&#34;&gt;processes requests in &lt;em&gt;literal&lt;/em&gt; seconds&lt;/a&gt;. Customers now trust it more than traditional reps, and it’s not just about the speed – being presented with a friendly, familiar face turns a cold system into a warm interaction.&lt;/p&gt;
  3175.  
  3176.  
  3177.  
  3178. &lt;p&gt;The end result? Happier users who stick around longer and actually enjoy the convo.&lt;/p&gt;
  3179.  
  3180.  
  3181.  
  3182. &lt;p&gt;Now, for the pros in the room: Enter &lt;a href=&#34;https://gravatar.com/&#34;&gt;&lt;em&gt;Gravatar&lt;/em&gt;&lt;/a&gt;.&lt;/p&gt;
  3183.  
  3184.  
  3185.  
  3186. &lt;p&gt;Whether you’re replying to a blog comment, debugging on Stack Overflow, or posting in a Slack channel, &lt;a href=&#34;https://gravatar.com/&#34;&gt;Gravatar&lt;/a&gt; has you covered.&lt;/p&gt;
  3187.  
  3188.  
  3189.  
  3190. &lt;p&gt;Unlike avatars that change depending on the platform (and leave your brand scattered like confetti), Gravatar keeps everything tidy and cohesive. Set it up once, and your professional avatar just &lt;em&gt;shows up&lt;/em&gt; across thousands of platforms without you lifting a finger. It’s recognition on autopilot.&lt;/p&gt;
  3191.  
  3192.  
  3193.  
  3194. &lt;p&gt;And for businesses building community platforms? The Gravatar API is your new best friend. It lets users show up with their avatars already in tow – no need for endless image uploads or awkward “who’s who” moments. Just seamless, identity-based connection right out of the box.&lt;/p&gt;
  3195.  
  3196.  
  3197.  
  3198. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Implementation guide: Creating the right avatar solution for your needs&lt;/h2&gt;
  3199.  
  3200.  
  3201.  
  3202. &lt;p&gt;Before you go charging into avatar creation mode, pause. Breathe. Ask yourself: &lt;strong&gt;What do I actually need this avatar to &lt;/strong&gt;&lt;strong&gt;&lt;em&gt;do&lt;/em&gt;&lt;/strong&gt;&lt;strong&gt;?&lt;/strong&gt;&lt;/p&gt;
  3203.  
  3204.  
  3205.  
  3206. &lt;p&gt;Because the best avatar isn’t just pretty, it’s &lt;em&gt;purpose-built&lt;/em&gt;. And the right solution depends entirely on your goals:&lt;/p&gt;
  3207.  
  3208.  
  3209.  
  3210. &lt;ul class=&#34;wp-block-list&#34;&gt;
  3211. &lt;li&gt;&lt;strong&gt;Brand consistency&lt;/strong&gt; – Need a single, recognizable face across all your digital turf?&lt;/li&gt;
  3212.  
  3213.  
  3214.  
  3215. &lt;li&gt;&lt;strong&gt;Personal branding&lt;/strong&gt; – Want to show up as a thought leader or expert, loud and clear?&lt;/li&gt;
  3216.  
  3217.  
  3218.  
  3219. &lt;li&gt;&lt;strong&gt;Customer interaction&lt;/strong&gt; – Planning to use avatars in live support or sales scenarios?&lt;/li&gt;
  3220.  
  3221.  
  3222.  
  3223. &lt;li&gt;&lt;strong&gt;Immersive engagement&lt;/strong&gt; – Building an experience that needs personality, emotion, and &lt;em&gt;connection&lt;/em&gt;?&lt;/li&gt;
  3224. &lt;/ul&gt;
  3225.  
  3226.  
  3227.  
  3228. &lt;p&gt;Each goal unlocks a different avatar approach, so pick your strategy before picking your style.&lt;/p&gt;
  3229.  
  3230.  
  3231.  
  3232. &lt;figure class=&#34;wp-block-table&#34;&gt;&lt;table class=&#34;has-fixed-layout&#34;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Type of avatar&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Purpose &lt;/strong&gt;&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Examples&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Static&lt;/td&gt;&lt;td&gt;Consistent visual branding; establish familiarity and recognition.&lt;/td&gt;&lt;td&gt;Company logo icon, profile headshot, illustrated character used across web pages and email signatures&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Interactive&lt;/td&gt;&lt;td&gt;Real-time, personalized customer interaction&lt;/td&gt;&lt;td&gt;AI chatbot with animated face, live avatar-based support agent&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/figure&gt;
  3233.  
  3234.  
  3235.  
  3236. &lt;p&gt;No matter what your preferred avatar is, if you&amp;#8217;re building a full-blown avatar ecosystem (i.e., membership platforms, technical communities, enterprise apps), then you’ll want to get serious about your tech stack.&lt;/p&gt;
  3237.  
  3238.  
  3239.  
  3240. &lt;p&gt;Here’s what to factor in:&lt;/p&gt;
  3241.  
  3242.  
  3243.  
  3244. &lt;ul class=&#34;wp-block-list&#34;&gt;
  3245. &lt;li&gt;&lt;strong&gt;Storage&lt;/strong&gt; for high-res avatar files&lt;/li&gt;
  3246.  
  3247.  
  3248.  
  3249. &lt;li&gt;&lt;strong&gt;Content delivery networks (CDNs)&lt;/strong&gt; for global speed&lt;/li&gt;
  3250.  
  3251.  
  3252.  
  3253. &lt;li&gt;&lt;strong&gt;Sync systems&lt;/strong&gt; to keep identities aligned everywhere&lt;/li&gt;
  3254.  
  3255.  
  3256.  
  3257. &lt;li&gt;&lt;strong&gt;API integrations&lt;/strong&gt; with your user databases&lt;/li&gt;
  3258. &lt;/ul&gt;
  3259.  
  3260.  
  3261.  
  3262. &lt;p&gt;This is where Gravatar really shines: Its email-based ID system handles identity, and the REST API makes delivery dead simple. Just hash an email, hit the avatar or profile endpoint, and Gravatar returns consistent, customizable visuals – no storage, no syncing, no fuss. &lt;/p&gt;
  3263.  
  3264.  
  3265.  
  3266. &lt;p&gt;Developers get fast, cacheable responses, optional profile data, and fallback image controls – all without bloating your backend or reinventing the wheel.&lt;/p&gt;
  3267.  
  3268.  
  3269.  
  3270. &lt;p&gt;Bottom line: Your perfect avatar setup depends on what you&amp;#8217;re building, how techy you&amp;#8217;re feeling, and the kind of connection you want with your audience. Choose wisely, and let your digital self do the heavy lifting.&lt;/p&gt;
  3271.  
  3272.  
  3273.  
  3274. &lt;h3 class=&#34;wp-block-heading&#34;&gt;Digital avatar design best practices&lt;/h3&gt;
  3275.  
  3276.  
  3277.  
  3278. &lt;p&gt;When it comes to designing your digital avatar, you want it to be instantly recognizable, reliably familiar, and – above all – consistent wherever it shows up. That visual déjà vu is what builds trust. So, a few pointers:&lt;/p&gt;
  3279.  
  3280.  
  3281.  
  3282. &lt;ul class=&#34;wp-block-list&#34;&gt;
  3283. &lt;li&gt;&lt;strong&gt;Always, always go for crisp, high-quality visuals&lt;/strong&gt;. If your avatar looks like it was snapped through a potato or cropped with garden shears, it sends a subtle message that details aren’t your strong suit. Not ideal when you&amp;#8217;re aiming to be taken seriously.&lt;/li&gt;
  3284.  
  3285.  
  3286.  
  3287. &lt;li&gt;&lt;strong&gt;Make sure your avatar scales like a pro&lt;/strong&gt;. Whether it’s a teeny-tiny dot in a comment thread or proudly displayed on your profile, it should stay sharp and identifiable. So skip the intricacies – those fine details tend to vanish faster than free Wi-Fi at a cheap café.&lt;/li&gt;
  3288.  
  3289.  
  3290.  
  3291. &lt;li&gt;&lt;strong&gt;Test everything&lt;/strong&gt;. Your avatar might look stunning on your 27-inch monitor, but end up awkwardly cropped on someone’s smartphone. Preview it everywhere before you commit.&lt;/li&gt;
  3292. &lt;/ul&gt;
  3293.  
  3294.  
  3295.  
  3296. &lt;p&gt;One last pro tip: Set up a &lt;a href=&#34;https://gravatar.com/&#34;&gt;Gravatar&lt;/a&gt; profile. It’s the easy button for keeping your avatar synced across WordPress, Slack, and a ton of other platforms. Update it once, and your whole digital universe stays in step. Clean, consistent, and credible.&lt;/p&gt;
  3297.  
  3298.  
  3299.  
  3300. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Transform your online presence with Gravatar: Start creating your professional digital identity today&lt;/h2&gt;
  3301.  
  3302.  
  3303.  
  3304. &lt;p&gt;Tired of uploading your headshot &lt;em&gt;again&lt;/em&gt; for the millionth platform? Gravatar is the slick, savvy avatar service that makes you look polished across the internet without breaking a sweat (or opening Photoshop).&lt;/p&gt;
  3305.  
  3306.  
  3307.  
  3308. &lt;p&gt;Set up your Gravatar once, and that single image becomes your visual passport across the internet, including websites like &lt;a href=&#34;https://wordpress.com/&#34;&gt;&lt;strong&gt;WordPress&lt;/strong&gt;&lt;strong&gt;, &lt;/strong&gt;&lt;/a&gt;&lt;a href=&#34;https://github.com/&#34;&gt;&lt;strong&gt;GitHub&lt;/strong&gt;&lt;strong&gt;, &lt;/strong&gt;&lt;/a&gt;&lt;a href=&#34;https://slack.com/&#34;&gt;&lt;strong&gt;Slack&lt;/strong&gt;&lt;strong&gt;, &lt;/strong&gt;&lt;/a&gt;&lt;a href=&#34;https://www.figma.com/&#34;&gt;&lt;strong&gt;Figma&lt;/strong&gt;&lt;strong&gt;, &lt;/strong&gt;&lt;/a&gt;&lt;a href=&#34;https://mailchimp.com/&#34;&gt;&lt;strong&gt;Mailchimp&lt;/strong&gt;&lt;strong&gt;, &lt;/strong&gt;&lt;/a&gt;&lt;a href=&#34;https://stackoverflow.com/&#34;&gt;&lt;strong&gt;Stack Overflow&lt;/strong&gt;&lt;strong&gt;, &lt;/strong&gt;&lt;/a&gt;&lt;a href=&#34;https://openai.com/&#34;&gt;&lt;strong&gt;OpenAI&lt;/strong&gt;&lt;strong&gt;, &lt;/strong&gt;&lt;/a&gt;&lt;a href=&#34;https://www.atlassian.com/&#34;&gt;&lt;strong&gt;Atlassian&lt;/strong&gt;&lt;strong&gt;, &lt;/strong&gt;&lt;/a&gt;&lt;a href=&#34;https://www.coinbase.com/&#34;&gt;&lt;strong&gt;Coinbase&lt;/strong&gt;&lt;/a&gt;, and more! &lt;/p&gt;
  3309.  
  3310.  
  3311.  
  3312. &lt;p&gt;Whether you’re commenting, collaborating, or contributing, your avatar shows up instantly, building recognition and credibility with every interaction.&lt;/p&gt;
  3313.  
  3314.  
  3315.  
  3316. &lt;p&gt;And if you’re creating a platform where identity matters, Gravatar’s APIs are a goldmine:&lt;/p&gt;
  3317.  
  3318.  
  3319.  
  3320. &lt;ul class=&#34;wp-block-list&#34;&gt;
  3321. &lt;li&gt;&lt;a href=&#34;https://docs.gravatar.com/api/avatars/images/&#34;&gt;&lt;strong&gt;Avatar API&lt;/strong&gt;&lt;/a&gt; – Automatically pulls user avatars so when they register on your website, they don&amp;#8217;t have to upload a new profile pic – instant recognition and zero setup friction.&lt;br /&gt;&lt;/li&gt;
  3322.  
  3323.  
  3324.  
  3325. &lt;li&gt;&lt;a href=&#34;https://blog.gravatar.com/2024/06/03/profiles-as-a-service/&#34;&gt;&lt;strong&gt;Profiles-as-a-Service API&lt;/strong&gt;&lt;/a&gt; – Pulls bios, links, and other profile data &lt;a href=&#34;https://blog.gravatar.com/2024/11/07/website-personalization-tools/&#34;&gt;directly from Gravatar&lt;/a&gt;, streamlining onboarding and slashing form fatigue.&lt;/li&gt;
  3326. &lt;/ul&gt;
  3327.  
  3328.  
  3329.  
  3330. &lt;p&gt;Faster dev time, smoother UX, and more trust from day one.&lt;/p&gt;
  3331.  
  3332.  
  3333.  
  3334. &lt;p&gt;Oh, and did we mention? &lt;strong&gt;It’s totally free&lt;/strong&gt;. No fees, no upsells, no “pro” plan with features locked behind a paywall. Gravatar is used by millions of professionals around the world, and you can join them without spending a penny.&lt;/p&gt;
  3335.  
  3336.  
  3337.  
  3338. &lt;p&gt;Just register and sit back as your avatar quietly does its thing, building trust, recognition, and brand alignment across the web.&lt;/p&gt;
  3339.  
  3340.  
  3341.  
  3342. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;a href=&#34;https://gravatar.com/connect/?gravatar_from=blog&#34;&gt;&lt;img alt=&#34;&#34; class=&#34;wp-image-2616&#34; height=&#34;729&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2024/12/free_profile_cta.png&#34; width=&#34;3243&#34; /&gt;&lt;/a&gt;&lt;/figure&gt;</description>
  3343. <pubDate>Fri, 23 May 2025 17:42:01 +0000</pubDate>
  3346. <dc:creator>Ronnie Burt</dc:creator>
  3348. </item>
  3349.  
  3350. <item>
  3351. <title>Do The Woo Community: Do the Woo is Sponsoring WordCamp Europe 2025</title>
  3352. <guid>https://openchannels.fm/?post_type=blog&amp;p=97385</guid>
  3353. <link>https://openchannels.fm/do-the-woo-is-sponsoring-wordcamp-europe-2025/</link>
  3355. <description>We&#39;re exciting to sponsor WordCamp Europe 2025 again. Come by our booth and join the community conversatoin.</description>
  3356. <pubDate>Fri, 23 May 2025 10:02:00 +0000</pubDate>
  3359. <dc:creator>Bob Dunn</dc:creator>
  3361. </item>
  3362.  
  3363. <item>
  3364. <title>Felix Arntz: Speculative Loading, or A Brief History of Landing a Performance Feature in WordPress Core</title>
  3365. <guid>https://felix-arntz.me/?p=2094</guid>
  3366. <link>https://felix-arntz.me/blog/speculative-loading-history-performance-feature-in-wordpress-core/</link>
  3368. <description>&lt;p&gt;Two years ago today, on May 22, 2023, I opened an &lt;a href=&#34;https://github.com/WordPress/performance/pull/733&#34;&gt;experimental pull request&lt;/a&gt; for a new module in the &lt;a href=&#34;https://wordpress.org/plugins/performance-lab/&#34;&gt;Performance Lab plugin&lt;/a&gt;. That little experiment was the very first step on a long road that ultimately led to the &amp;#8220;Speculative Loading&amp;#8221; feature landing in WordPress 6.8 last month (April 2025).&lt;/p&gt;
  3369.  
  3370.  
  3371.  
  3372. &lt;p&gt;For those unfamiliar, the Speculative Loading feature enhances performance by speculatively loading pages a user is likely to visit next, which can make navigation feel almost instantaneous. If you want to dive into the technical nitty-gritty, I recommend checking out the &lt;a href=&#34;https://make.wordpress.org/core/2025/03/06/speculative-loading-in-6-8/&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;&amp;#8220;dev note&amp;#8221; post on Make WordPress Core&lt;/a&gt;.&lt;/p&gt;
  3373.  
  3374.  
  3375.  
  3376. &lt;p&gt;This post, however, isn&amp;#8217;t about the &lt;em&gt;what&lt;/em&gt; or &lt;em&gt;how&lt;/em&gt; of the feature itself. Instead, I want to pull back the curtain and share the story &lt;em&gt;behind&lt;/em&gt; the feature—the milestones, the discussions, and the collaborative effort that took it from a spark of an idea to a reality for millions of WordPress sites. The impact is considerable even for the entire web. Keep reading to the end for concrete numbers. 👇&lt;/p&gt;
  3377.  
  3378.  
  3379.  
  3380. &lt;span id=&#34;more-2094&#34;&gt;&lt;/span&gt;
  3381.  
  3382.  
  3383.  
  3384. &lt;h2 class=&#34;wp-block-heading&#34;&gt;The Spark: An Intriguing Browser API&lt;/h2&gt;
  3385.  
  3386.  
  3387.  
  3388. &lt;p&gt;It all began on April 20, 2023, when an internal Google email thread about preloading techniques landed in our team&amp;#8217;s inbox. Part of that thread was a &lt;a href=&#34;https://docs.google.com/presentation/d/1GK92nCORW5vKd7LgGtTsgy35eqTV7P71l05pHsni8ok/edit?authuser=1&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;slide deck&lt;/a&gt; for an upcoming &lt;a href=&#34;https://www.w3.org/2023/09/TPAC/&#34;&gt;TPAC 2023&lt;/a&gt; presentation by &lt;a href=&#34;https://domenic.me/&#34;&gt;Domenic Denicola&lt;/a&gt; and &lt;a href=&#34;https://www.jeremyroman.com/&#34;&gt;Jeremy Roman&lt;/a&gt;, who were deeply involved in a new browser-level API called Speculation Rules API.&lt;/p&gt;
  3389.  
  3390.  
  3391.  
  3392. &lt;p&gt;Learning about this API, I was immediately excited. The potential performance benefits for the web, including for WordPress, seemed enormous. What particularly caught my eye were &amp;#8220;document-level rules&amp;#8221;, which went beyond loading specific URLs to opting in to loading entire URL patterns (as detailed later in &lt;a href=&#34;https://developer.chrome.com/blog/speculation-rules-improvements&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;this Chrome developers blog post&lt;/a&gt;). At that time, this aspect of the API was truly cutting-edge. It required Chrome 113 (which was just about to be released on April 26, 2023) and, crucially, opting into a &lt;a href=&#34;https://developer.chrome.com/docs/web-platform/origin-trials&#34;&gt;Chrome origin trial&lt;/a&gt; because it was such an early feature. Naturally, I signed up straight away.&lt;/p&gt;
  3393.  
  3394.  
  3395.  
  3396. &lt;h2 class=&#34;wp-block-heading&#34;&gt;First Steps: Pull Request for an Experimental Module&lt;/h2&gt;
  3397.  
  3398.  
  3399.  
  3400. &lt;p&gt;A few weeks of mulling it over passed, and then on May 19, 2023, I finally decided to dive in and explore how this API could work within WordPress. This led to the creation of that first &lt;a href=&#34;https://github.com/WordPress/performance/pull/733&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;experimental pull request&lt;/a&gt; three days later, on May 22nd.&lt;/p&gt;
  3401.  
  3402.  
  3403.  
  3404. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Screenshot of the initial GitHub pull request, showing the original description for when it had just been started as an experiment: &amp;quot;The Speculation Rules API is in its early proposal stages and only available in Chrome 108 or newer. The full set of features however, which are needed for this module to work, are only available via origin trial in Chrome 113 or newer. [...]&amp;quot;&#34; class=&#34;wp-image-2104&#34; height=&#34;593&#34; src=&#34;https://felix-arntz.me/wp-content/uploads/2025/05/original-speculation-rules-pull-request-1024x593.webp&#34; width=&#34;1024&#34; /&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Screenshot of the initial GitHub pull request, showing the original description for when it had just been started as an experiment&lt;/figcaption&gt;&lt;/figure&gt;
  3405.  
  3406.  
  3407.  
  3408. &lt;p&gt;I shared this initial exploration both with my colleagues at Google who were working on the browser API itself and with the broader WordPress Performance Team. The idea was met with a good deal of curiosity and excitement, though everyone acknowledged its experimental nature. The browser API was still very young, and its reliance on an origin trial meant it wasn&amp;#8217;t something we could roll out widely.&lt;/p&gt;
  3409.  
  3410.  
  3411.  
  3412. &lt;p&gt;The feedback on the pull request was super helpful, coming from both the Google side and WordPress contributors. We got the pull request into a pretty decent shape so that it could in principle be added to Performance Lab, but it remained an exploration. The WordPress Performance Team had many other priorities, and as long as the core browser functionality was locked behind an origin trial, it didn&amp;#8217;t make sense to push too hard on a plugin that very few could actually use.&lt;/p&gt;
  3413.  
  3414.  
  3415.  
  3416. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Gaining Momentum: Browser API Maturation&lt;/h2&gt;
  3417.  
  3418.  
  3419.  
  3420. &lt;p&gt;Time marched on, and then in early November 2023, we received some exciting news: the document-level rules for the Speculation Rules API were slated to become publicly available, no origin trial needed, with the release of Chrome 121 on January 17, 2024.&lt;/p&gt;
  3421.  
  3422.  
  3423.  
  3424. &lt;p&gt;This was a significant development. Around the same time, Chrome had also &lt;a href=&#34;https://developer.chrome.com/docs/devtools/application/debugging-speculation-rules&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;introduced DevTools features&lt;/a&gt; to help debug speculation rules, and more comprehensive documentation was starting to appear, including on &lt;a href=&#34;https://developer.mozilla.org/en-US/docs/Web/API/Speculation_Rules_API&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;MDN&lt;/a&gt;.&lt;/p&gt;
  3425.  
  3426.  
  3427.  
  3428. &lt;p&gt;This news was the catalyst to get serious about the dormant pull request. I revisited it, updated it to align with the latest WordPress Core changes that had happened in the meantime, and began polishing it towards a Minimum Viable Product (MVP).&lt;/p&gt;
  3429.  
  3430.  
  3431.  
  3432. &lt;p&gt;On November 20, 2023, I created a new feature branch for the prospective &amp;#8220;Speculation Rules&amp;#8221; module within the Performance Lab plugin. We opted for a feature branch because:&lt;/p&gt;
  3433.  
  3434.  
  3435.  
  3436. &lt;ol class=&#34;wp-block-list&#34;&gt;
  3437. &lt;li&gt;We needed to ensure that even if the initial PR was merged, the module wouldn&amp;#8217;t be released until the browser API was widely available without the origin trial.&lt;/li&gt;
  3438.  
  3439.  
  3440.  
  3441. &lt;li&gt;We anticipated a few follow-up pull requests to build out the full MVP.&lt;/li&gt;
  3442. &lt;/ol&gt;
  3443.  
  3444.  
  3445.  
  3446. &lt;p&gt;Following further discussions with fellow WordPress Performance Team contributors, I formalized the idea by opening a &lt;a href=&#34;https://github.com/WordPress/performance/issues/897&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;module proposal issue&lt;/a&gt; on December 5, 2023. This provided a comprehensive overview of the feature and its intended scope.&lt;/p&gt;
  3447.  
  3448.  
  3449.  
  3450. &lt;h2 class=&#34;wp-block-heading&#34;&gt;First Release of the Plugin&lt;/h2&gt;
  3451.  
  3452.  
  3453.  
  3454. &lt;p&gt;Things started moving quickly then. That &lt;a href=&#34;https://github.com/WordPress/performance/pull/733&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;initial pull request&lt;/a&gt;, which had evolved from an experiment to a serious feature implementation, was finally merged on December 15, 2023! I immediately opened a &lt;a href=&#34;https://github.com/WordPress/performance/issues/908&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;follow-up issue&lt;/a&gt; to track the remaining tasks before our first public release.&lt;/p&gt;
  3455.  
  3456.  
  3457.  
  3458. &lt;p&gt;A few relatively straightforward follow-up pull requests (&lt;a href=&#34;https://github.com/WordPress/performance/pull/938&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;#938&lt;/a&gt;, &lt;a href=&#34;https://github.com/WordPress/performance/pull/939&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;#939&lt;/a&gt;, &lt;a href=&#34;https://github.com/WordPress/performance/pull/940&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;#940&lt;/a&gt;) were implemented and merged by mid-January 2024. Concurrently, the WordPress Performance Team was finalizing its annual roadmap, and &amp;#8220;speculative prefetching and prerendering&amp;#8221; (as we often called it then) earned its place as a priority project. You can see it listed on the &lt;a href=&#34;https://make.wordpress.org/performance/roadmap-2024/#:~:text=Adding%20support%20for%20speculative%20prerendering%20and%20prefetching%20for%20near%2Dinstance%20page%20loads&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;2024 roadmap here&lt;/a&gt;.&lt;/p&gt;
  3459.  
  3460.  
  3461.  
  3462. &lt;p&gt;Meanwhile, a significant holistic discussion had unfolded regarding the structure of the Performance Lab plugin. The decision was made to decouple its modules into individual, standalone plugins. Performance Lab would continue as an optional central orchestrator, but users could also install specific performance features independently. This required a migration effort of the existing modules into plugin shape. I opened a &lt;a href=&#34;https://github.com/WordPress/performance/pull/946&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;pull request (#946)&lt;/a&gt; on January 17, 2024, to transition the Speculation Rules module into its own plugin. On that very same day, we submitted this nearly complete plugin to the WordPress plugin directory.&lt;/p&gt;
  3463.  
  3464.  
  3465.  
  3466. &lt;p&gt;The review process by the WordPress plugin team was incredibly swift, and the plugin was approved a day later (a huge thank you to them!). While the migration &lt;a href=&#34;https://github.com/WordPress/performance/pull/946&#34;&gt;pull request (#946)&lt;/a&gt; hadn&amp;#8217;t technically been merged yet, all the core code was complete and approved. Therefore we decided to push the release so users could start testing almost immediately after Chrome 121 had just made the browser API widely available. Another day later, on January 19, 2024, the &lt;a href=&#34;https://wordpress.org/plugins/speculation-rules/#developers&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;1.0.0 version of the Speculation Rules plugin launched on WordPress.org&lt;/a&gt;. This was a major milestone. Despite that, we kept promotion low-key initially, as a few more enhancements were planned.&lt;/p&gt;
  3467.  
  3468.  
  3469.  
  3470. &lt;p&gt;On a personal note, just a few days later, on January 24, 2024, I experienced an even more significant milestone: I became a dad! 👶 As such, I went AFK for a while, enjoying this precious time with my new family. Thankfully, the Speculation Rules plugin was in the capable hands of my teammates at Google and the other WordPress Performance Team contributors – a special shoutout to &lt;a href=&#34;https://weston.ruter.net/&#34;&gt;Weston Ruter&lt;/a&gt;, who has been instrumental in polishing and helping shepherd the feature all the way until stable.&lt;/p&gt;
  3471.  
  3472.  
  3473.  
  3474. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Introducing &amp;#8220;Speculative Loading&amp;#8221;: Promotion and Gaining Traction&lt;/h2&gt;
  3475.  
  3476.  
  3477.  
  3478. &lt;p&gt;On February 16, 2024, version 1.0.1 of the Speculation Rules plugin was released with some bug fixes. Perhaps more importantly, this coincided with the Performance Lab 2.9.0 release, which officially added our plugin to its list of associated plugins. This significantly broadened its promotion due to Performance Lab&amp;#8217;s widespread adoption.&lt;/p&gt;
  3479.  
  3480.  
  3481.  
  3482. &lt;p&gt;When I returned from my initial parental leave about ten days later, the Speculation Rules plugin was already active on over 500 WordPress sites! Not a massive number in the grand scheme of WordPress, but impressive for a plugin barely a month old.&lt;/p&gt;
  3483.  
  3484.  
  3485.  
  3486. &lt;p&gt;Over the following months, we continued to polish the plugin, shipping further enhancements and bug fixes, and promoting it more widely. During this period, the WordPress Performance Team undertook a project to revise plugin names, aiming for clarity by focusing on user-facing benefits rather than underlying technologies. As part of this initiative, the &amp;#8220;Speculation Rules&amp;#8221; plugin was renamed to the &amp;#8220;Speculative Loading&amp;#8221; plugin (see the &lt;a href=&#34;https://github.com/WordPress/performance/pull/1101&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;renaming pull request #1101&lt;/a&gt;).&lt;/p&gt;
  3487.  
  3488.  
  3489.  
  3490. &lt;p&gt;Following these enhancements, the new name, the maturation of the browser API, and encouraging feedback from other browser vendors (see Mozilla&amp;#8217;s &lt;a href=&#34;https://github.com/mozilla/standards-positions/issues/620&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;standards position&lt;/a&gt; and WebKit&amp;#8217;s &lt;a href=&#34;https://github.com/WebKit/standards-positions/issues/54&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;standards position&lt;/a&gt;), I collaborated with other contributors to publish a &lt;a href=&#34;https://make.wordpress.org/core/2024/04/09/speculative-loading-in-wordpress/&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;Make WordPress Core blog post&lt;/a&gt; on April 9, 2024. This shared the project more broadly with the WordPress developer community.&lt;/p&gt;
  3491.  
  3492.  
  3493.  
  3494. &lt;p&gt;An important decision made early in the plugin’s development was to default to prerendering with &amp;#8220;moderate&amp;#8221; eagerness. This is a more &amp;#8220;aggressive&amp;#8221; setting (offering better performance but potentially more resource-intensive) than what we ultimately shipped in WordPress 6.8. It was a deliberate choice for the plugin, as it allowed us to gather feedback on a more impactful version of the feature from a performance perspective. For WordPress Core, however, we would later opt for a more conservative default (prefetching with &amp;#8220;conservative&amp;#8221; eagerness) to ensure resourcefulness at scale.&lt;/p&gt;
  3495.  
  3496.  
  3497.  
  3498. &lt;h2 class=&#34;wp-block-heading&#34;&gt;The Road to Core: Gathering Evidence and Formal Proposal&lt;/h2&gt;
  3499.  
  3500.  
  3501.  
  3502. &lt;p&gt;Both the Speculative Loading plugin and the underlying Speculation Rules browser API continued to gain traction. Six months after that Make Core post:&lt;/p&gt;
  3503.  
  3504.  
  3505.  
  3506. &lt;ul class=&#34;wp-block-list&#34;&gt;
  3507. &lt;li&gt;The plugin had amassed over 40,000 active installations and maintained exclusively 5-star ratings on the WordPress plugin directory.&lt;/li&gt;
  3508.  
  3509.  
  3510.  
  3511. &lt;li&gt;Cloudflare &lt;a href=&#34;https://blog.cloudflare.com/introducing-speed-brain/&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;enabled speculative loading for their users&lt;/a&gt;, reporting a &amp;#8220;reduction in LCP of 45% on successful prefetches.&amp;#8221;&lt;/li&gt;
  3512.  
  3513.  
  3514.  
  3515. &lt;li&gt;Further partnership experiments between Google and companies like Shopify continued to demonstrate the feature&amp;#8217;s positive impact on load times and user experience.&lt;/li&gt;
  3516.  
  3517.  
  3518.  
  3519. &lt;li&gt;The Speculation Rules API itself was already being used on &lt;a href=&#34;https://chromestatus.com/metrics/feature/timeline/popularity/3932&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;over 8% of Chrome page loads&lt;/a&gt;.&lt;/li&gt;
  3520. &lt;/ul&gt;
  3521.  
  3522.  
  3523.  
  3524. &lt;p&gt;With such positive signals, even at a considerable scale, it felt like the right time to formally propose the feature for inclusion in WordPress Core. On November 21, 2024, I opened a &lt;a href=&#34;https://core.trac.wordpress.org/ticket/62503&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;WordPress Trac ticket (#62503)&lt;/a&gt; proposing the feature for WordPress 6.8. Alongside it, I submitted a &lt;a href=&#34;https://github.com/WordPress/wordpress-develop/pull/7860&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;WordPress Core pull request (#7860)&lt;/a&gt; with the proposed code, which was largely a port of the existing plugin.&lt;/p&gt;
  3525.  
  3526.  
  3527.  
  3528. &lt;p&gt;As mentioned, while the plugin used &amp;#8220;prerender&amp;#8221; with &amp;#8220;moderate&amp;#8221; eagerness, we opted for a more conservative approach (literally!) for Core, using only &amp;#8220;prefetch&amp;#8221; with &amp;#8220;conservative&amp;#8221; eagerness. At the massive scale of WordPress (impacting over 40% of the web), this was a safer starting point. The implementation, however, was designed to potentially allow for adjustments in the future as the browser API evolves or as confidence in other configurations grows.&lt;/p&gt;
  3529.  
  3530.  
  3531.  
  3532. &lt;h2 class=&#34;wp-block-heading&#34;&gt;The Final Push: Community Feedback and Commitment&lt;/h2&gt;
  3533.  
  3534.  
  3535.  
  3536. &lt;p&gt;For the next two months, the Trac ticket and pull request primarily saw feedback from contributors already involved in the development. While valuable, a feature of this significance ideally receives broader input from the wider WordPress Core community, including experienced long-term contributors and committers. In mid-January 2025, we began to more actively solicit this feedback, raising the ticket during the weekly WordPress Core &amp;#8220;dev chat&amp;#8221; and eventually bumping its priority on Trac.&lt;/p&gt;
  3537.  
  3538.  
  3539.  
  3540. &lt;p&gt;Aside: It&amp;#8217;s not uncommon for Trac tickets to only receive broader feedback later in the process. This isn&amp;#8217;t ideal, but it&amp;#8217;s often a reality given the limited resources and the sheer volume of ongoing development efforts. Reviewing a notable feature thoroughly takes time, which is a scarce commodity for many contributors. If you want to help, consider &lt;a href=&#34;https://wordpress.org/five-for-the-future/&#34;&gt;sponsoring WordPress development&lt;/a&gt;.&lt;/p&gt;
  3541.  
  3542.  
  3543.  
  3544. &lt;p&gt;By early February, we started seeing more engagement from other long-term contributors. This sparked some excellent discussions on the Trac ticket, the pull request, and synchronously on Slack. Some conversations worth highlighting include &lt;a href=&#34;https://wordpress.slack.com/archives/C02RQBWTW/p1738344132077399&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;this Slack discussion&lt;/a&gt;, &lt;a href=&#34;https://core.trac.wordpress.org/ticket/62503#comment:15&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;this Trac ticket discussion&lt;/a&gt;, and &lt;a href=&#34;https://github.com/WordPress/wordpress-develop/pull/7860#issuecomment-2641175007&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;this GitHub pull request discussion&lt;/a&gt;.&lt;/p&gt;
  3545.  
  3546.  
  3547.  
  3548. &lt;p&gt;Both general considerations and specific technical details were debated, and much of the final fine-tuning of the implementation occurred during this &amp;#8220;final sprint&amp;#8221;, which took about three weeks. Eventually, the pull request garnered several approvals, and a consensus emerged that the feature was ready for WordPress Core.&lt;/p&gt;
  3549.  
  3550.  
  3551.  
  3552. &lt;p&gt;And so, on February 18, 2025, I &lt;a href=&#34;https://core.trac.wordpress.org/changeset/59837&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;committed the feature to WordPress Core&lt;/a&gt;! This was a good two weeks before the WordPress 6.8 Beta 1 release was due – a critical deadline, as new features and enhancements must be committed before the first Beta of a release cycle.&lt;/p&gt;
  3553.  
  3554.  
  3555.  
  3556. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Post-Commit and Launch&lt;/h2&gt;
  3557.  
  3558.  
  3559.  
  3560. &lt;p&gt;A small follow-up fix was committed a few days later, but overall, the period following the commit was quiet – exactly what you hope for! It indicated no significant issues with the feature, especially during the Beta and Release Candidate (RC) periods.&lt;/p&gt;
  3561.  
  3562.  
  3563.  
  3564. &lt;p&gt;While monitoring post-commit feedback, I began working on the &amp;#8220;dev note&amp;#8221; – the official Make WordPress Core blog post that describes a new Core feature for developers, explaining how it works and how it can be customized. Writing such a post is a crucial step to inform the WordPress developer ecosystem about upcoming changes, for example allowing plugin developers to prepare their plugins. Several other WordPress Core Performance Team members collaborated on it, and the &lt;a href=&#34;https://make.wordpress.org/core/2025/03/06/speculative-loading-in-6-8/&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;post was published on March 6, 2025&lt;/a&gt;. This is likely the post many of you read if you were already familiar with Speculative Loading in WordPress 6.8.&lt;/p&gt;
  3565.  
  3566.  
  3567.  
  3568. &lt;p&gt;And that was it! Nearly two years after the work had started, the Speculative Loading feature officially launched as part of WordPress 6.8 on April 15, 2025.&lt;/p&gt;
  3569.  
  3570.  
  3571.  
  3572. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Speculative loading feature as highlighted on the About page of WordPress 6.8: &amp;quot;Near-instant page loads, thanks to Speculative Loading&amp;quot;&#34; class=&#34;wp-image-2105&#34; height=&#34;489&#34; src=&#34;https://felix-arntz.me/wp-content/uploads/2025/05/speculative-loading-feature-wordpress-6-8-1024x489.webp&#34; width=&#34;1024&#34; /&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Speculative loading feature as highlighted on the About page of WordPress 6.8&lt;/figcaption&gt;&lt;/figure&gt;
  3573.  
  3574.  
  3575.  
  3576. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Post-Launch: Impact Metrics time!&lt;/h2&gt;
  3577.  
  3578.  
  3579.  
  3580. &lt;p&gt;Now that the feature is out there, the final step is to assess its real-world impact. It is great to see the adoption impact already:&lt;/p&gt;
  3581.  
  3582.  
  3583.  
  3584. &lt;ul class=&#34;wp-block-list&#34;&gt;
  3585. &lt;li&gt;From March 2025 to May 2025, usage of the Speculation Rules API for all navigations (individual page loads) across the web grew from 8.47% to 10.81%, a relative increase of &lt;strong&gt;27.63%&lt;/strong&gt;!&lt;/li&gt;
  3586.  
  3587.  
  3588.  
  3589. &lt;li&gt;From March 2025 to May 2025, usage of the Speculation Rules API for all origins (entire websites) across the web grew from 0.39% to 18.09%, a relative increase of &lt;strong&gt;4538.46%&lt;/strong&gt;! 🤯&lt;/li&gt;
  3590. &lt;/ul&gt;
  3591.  
  3592.  
  3593.  
  3594. &lt;p&gt;&lt;em&gt;Data based on public Chrome datasets. &lt;a href=&#34;https://colab.research.google.com/drive/1krQWvjK2Zyl01vqcxTM9J1fOQN29gElq&#34;&gt;Please refer to this Colab for the full data.&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
  3595.  
  3596.  
  3597.  
  3598. &lt;p&gt;The data strongly suggests that the majority of the feature usage growth across the overall web comes from the WordPress 6.8 launch, because of WordPress&amp;#8217;s large scale and the fact that in the preceding months the feature usage growth was more or less flat. So that&amp;#8217;s an amazing win and goes to show once again the impact that WordPress has on the entire web!&lt;/p&gt;
  3599.  
  3600.  
  3601.  
  3602. &lt;p&gt;That said, usage is only a secondary metric. For a performance feature like speculative loading, we ideally want to get an idea on the &lt;em&gt;performance&lt;/em&gt; impact of the feature, in particular on LCP. For this, we will need to wait for May data for the &lt;a href=&#34;https://developer.chrome.com/docs/crux&#34;&gt;Chrome User Experience Report (CrUX)&lt;/a&gt;, which is slated to become available in mind-June. I am looking forward to taking a closer look.&lt;/p&gt;
  3603.  
  3604.  
  3605.  
  3606. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Looking Back&lt;/h2&gt;
  3607.  
  3608.  
  3609.  
  3610. &lt;p&gt;While the technical behavior of speculative loading is becoming more and more well-documented, with this article I wanted to share the story behind how it all came to be. If you have any questions, please feel free to ask them in the comments!&lt;/p&gt;
  3611.  
  3612.  
  3613.  
  3614. &lt;p&gt;If you are interested in the speculative loading feature&amp;#8217;s technical aspects, I recently recorded a &lt;a href=&#34;https://wptavern.com/podcast&#34;&gt;WP Tavern podcast&lt;/a&gt; episode with a technical deep dive, which should air very soon.&lt;/p&gt;
  3615.  
  3616.  
  3617.  
  3618. &lt;p&gt;The journey of a WordPress Core feature can be a long and winding road. While the focused development time for the Core commit might appear to be just a couple of months, it&amp;#8217;s often preceded by a much longer period of exploration, experimentation, plugin development, and community feedback.&lt;/p&gt;
  3619.  
  3620.  
  3621.  
  3622. &lt;p&gt;To recap the key milestones for Speculative Loading:&lt;/p&gt;
  3623.  
  3624.  
  3625.  
  3626. &lt;ul class=&#34;wp-block-list&#34;&gt;
  3627. &lt;li&gt;&lt;strong&gt;April 2023:&lt;/strong&gt; Initial &amp;#8220;discovery&amp;#8221; of the Speculation Rules API.&lt;/li&gt;
  3628.  
  3629.  
  3630.  
  3631. &lt;li&gt;&lt;strong&gt;May 2023:&lt;/strong&gt; First experimental Performance Lab module PR.&lt;/li&gt;
  3632.  
  3633.  
  3634.  
  3635. &lt;li&gt;&lt;strong&gt;November 2023:&lt;/strong&gt; News of broader browser API availability; serious development resumes.&lt;/li&gt;
  3636.  
  3637.  
  3638.  
  3639. &lt;li&gt;&lt;strong&gt;January 2024:&lt;/strong&gt; Standalone &amp;#8220;Speculation Rules&amp;#8221; plugin launched on WordPress.org.&lt;/li&gt;
  3640.  
  3641.  
  3642.  
  3643. &lt;li&gt;&lt;strong&gt;Spring-Summer 2024:&lt;/strong&gt; Plugin renaming to &amp;#8220;Speculative Loading,&amp;#8221; and broader promotion, community outreach, and usage growth.&lt;/li&gt;
  3644.  
  3645.  
  3646.  
  3647. &lt;li&gt;&lt;strong&gt;November 2024:&lt;/strong&gt; Formal proposal for WordPress Core inclusion.&lt;/li&gt;
  3648.  
  3649.  
  3650.  
  3651. &lt;li&gt;&lt;strong&gt;February 2025:&lt;/strong&gt; Feature committed to WordPress Core for version 6.8.&lt;/li&gt;
  3652.  
  3653.  
  3654.  
  3655. &lt;li&gt;&lt;strong&gt;April 2025:&lt;/strong&gt; WordPress 6.8 released with Speculative Loading.&lt;/li&gt;
  3656. &lt;/ul&gt;
  3657.  
  3658.  
  3659.  
  3660. &lt;p&gt;Today, exactly two years after that first tentative pull request, it’s incredibly rewarding to look back at this journey and celebrate the successful launch of a feature that I believe will make a real difference to WordPress performance.&lt;/p&gt;
  3661. &lt;p&gt;The post &lt;a href=&#34;https://felix-arntz.me/blog/speculative-loading-history-performance-feature-in-wordpress-core/&#34;&gt;Speculative Loading, or A Brief History of Landing a Performance Feature in WordPress Core&lt;/a&gt; appeared first on &lt;a href=&#34;https://felix-arntz.me&#34;&gt;felix-arntz.me&lt;/a&gt;.&lt;/p&gt;</description>
  3662. <pubDate>Thu, 22 May 2025 13:10:27 +0000</pubDate>
  3665. <dc:creator>Felix</dc:creator>
  3667. </item>
  3668.  
  3669. <item>
  3670. <title>Do The Woo Community: WordCamp Europe 2025 Organizers Share Insights and Excitement</title>
  3671. <guid>https://openchannels.fm/?p=97345</guid>
  3672. <link>https://openchannels.fm/wordcamp-europe-2025-organizers-share-insights-and-excitement/</link>
  3674. <description>This special episode of WordPress Event Talk is all about WordCamp Europe 2025 in Basel, Switzerland, highlighting organizers&#39; insights on inclusivity, accessibility, childcare, workshops, and volunteer opportunities for attendees.</description>
  3675. <pubDate>Thu, 22 May 2025 08:44:05 +0000</pubDate>
  3678. <dc:creator>Bob Dunn</dc:creator>
  3680. </item>
  3681.  
  3682. <item>
  3683. <title>WPTavern: #170 – Chris Reynolds on WordPress and Drupal: Differences and Similarities</title>
  3684. <guid>https://wptavern.com/?post_type=podcast&amp;p=195929</guid>
  3685. <link>https://wptavern.com/podcast/170-chris-reynolds-on-wordpress-and-drupal-differences-and-similarities</link>
  3687. <description>&lt;details&gt;Transcript&lt;div&gt;
  3688. &lt;p&gt;[00:00:19] Nathan Wrigley: Welcome to the Jukebox Podcast from WP Tavern. My name is Nathan Wrigley.&lt;/p&gt;
  3689.  
  3690.  
  3691.  
  3692. &lt;p&gt;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, what WordPress and Drupal have in common.&lt;/p&gt;
  3693.  
  3694.  
  3695.  
  3696. &lt;p&gt;If you&amp;#8217;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/feed/podcast, and you can copy that URL into most podcast players.&lt;/p&gt;
  3697.  
  3698.  
  3699.  
  3700. &lt;p&gt;If you have a topic that you&amp;#8217;d like us to feature on the podcast, I&amp;#8217;m keen to hear from you and hopefully get you or your idea featured on the show. Head to wp tavern.com/contact/jukebox, and use the form there.&lt;/p&gt;
  3701.  
  3702.  
  3703.  
  3704. &lt;p&gt;So on the podcast today we have Chris Reynolds. Chris is a developer advocate at Pantheon, where he brings nearly 20 years of experience in the WordPress community, as well as deep involvement with Drupal and open source technology at large. Prior to his advocacy role, he worked at some of the top WordPress agencies like Human Made and Web Dev Studios. He&amp;#8217;s been active at events like DrupalCon, PressConf, and Word Camps.&lt;/p&gt;
  3705.  
  3706.  
  3707.  
  3708. &lt;p&gt;In this episode we set aside the usual WordPress only focus, and turn our attention to two CMSs, WordPress and Drupal. What makes them tick, where they excel and where they might have something to learn from each other.&lt;/p&gt;
  3709.  
  3710.  
  3711.  
  3712. &lt;p&gt;Chris draws on his unique perspective working closely with both platforms as Pantheon is one of the few hosts with a 50 50 split between WordPress and Drupal sites, and has a significant footprint in both ecosystems.&lt;/p&gt;
  3713.  
  3714.  
  3715.  
  3716. &lt;p&gt;We discuss the similarities and differences between the two open source CMS communities, from the mechanics of flagship events like WordCamps and DrupalCon, to the ways these projects organize their contributors and support community initiatives.&lt;/p&gt;
  3717.  
  3718.  
  3719.  
  3720. &lt;p&gt;Chris explains how Drupal&amp;#8217;s model with its association run funding, and project governance, compares to WordPress&amp;#8217;s approach, including how each community approaches plugin and module development, and what role agencies and companies play in contributing to Core and the broader ecosystem.&lt;/p&gt;
  3721.  
  3722.  
  3723.  
  3724. &lt;p&gt;If you&amp;#8217;re curious about how open source projects organize themselves, how their communities navigate growth and challenge, and what WordPress can learn from Drupal, and vice versa, this episode is for you.&lt;/p&gt;
  3725.  
  3726.  
  3727.  
  3728. &lt;p&gt;If you&amp;#8217;re interested in finding out more, you can find all of the links in the show notes by heading to wp tavern.com/podcast, where you&amp;#8217;ll find all the other episodes as well.&lt;/p&gt;
  3729.  
  3730.  
  3731.  
  3732. &lt;p&gt;And so without further delay, I bring you Chris Reynolds.&lt;/p&gt;
  3733.  
  3734.  
  3735.  
  3736. &lt;p&gt;I am joined on the podcast today by Chris Reynolds. Hello Chris.&lt;/p&gt;
  3737.  
  3738.  
  3739.  
  3740. &lt;p&gt;[00:03:20] Chris Reynolds: Hi. How&amp;#8217;s it going?&lt;/p&gt;
  3741.  
  3742.  
  3743.  
  3744. &lt;p&gt;[00:03:22] Nathan Wrigley: You cannot see, dear listener, what I can see. Chris has the most amazing setup where he&amp;#8217;s doing the recording. I guess it&amp;#8217;s an attic or something like that, but it looks like the Starship Enterprise from where I&amp;#8217;m sitting.&lt;/p&gt;
  3745.  
  3746.  
  3747.  
  3748. &lt;p&gt;[00:03:34] Chris Reynolds: I&amp;#8217;m working on that.&lt;/p&gt;
  3749.  
  3750.  
  3751.  
  3752. &lt;p&gt;[00:03:34] Nathan Wrigley: Yeah, it&amp;#8217;s really nice. Chris is joining us today and we&amp;#8217;re going to have a conversation about the WordPress community. The things that we do well, and perhaps the things that we could improve. And we&amp;#8217;re going to probably use Drupal as a comparison.&lt;/p&gt;
  3753.  
  3754.  
  3755.  
  3756. &lt;p&gt;Before we get into that, Chris, I know it&amp;#8217;s a dreadfully banal question, but it&amp;#8217;s always good to scope out where you are and where you stand with WordPress and Drupal and the companies that you work for. So just a moment really to give us your little potted bio of who you are and what have you.&lt;/p&gt;
  3757.  
  3758.  
  3759.  
  3760. &lt;p&gt;[00:04:04] Chris Reynolds: Sure. My name is Chris Reynolds, I am a developer advocate at Pantheon. I was formerly a senior software engineer for Pantheon for about three years, before joining the developer relations team around August, right before WordCamp US in September last year.&lt;/p&gt;
  3761.  
  3762.  
  3763.  
  3764. &lt;p&gt;I&amp;#8217;ve been in the WordPress community for close to 20 years. I think I&amp;#8217;ve gone back to my first blog posts and my first, like talking about technology that I was using. And I think that I&amp;#8217;ve found references to using WordPress in some capacity back in 2005, so almost exactly 20 years.&lt;/p&gt;
  3765.  
  3766.  
  3767.  
  3768. &lt;p&gt;But even before that I was really interested, like as a side hobby in just open source software, playing with Linux and playing with other open source community projects that I found I was really a big fan of one called Ampache for a long time, which was a music sort of library app thing written in PHP. That was really cool. I think it still exists even.&lt;/p&gt;
  3769.  
  3770.  
  3771.  
  3772. &lt;p&gt;But yeah, so I&amp;#8217;m a developer advocate at Pantheon. That means I do a lot of these sorts of things, talk about best practices, write a lot of blog posts, get in a lot of trouble, not really, and go to events and stuff like that. So I was at DrupalCon in March. I was at PressConf last month. Probably doing stuff this summer and in the fall.&lt;/p&gt;
  3773.  
  3774.  
  3775.  
  3776. &lt;p&gt;[00:05:14] Nathan Wrigley: Just to lean in a little bit on the Pantheon side of things. Pantheon, a hosting company, but very much aligned in two worlds, maybe more than two. But from my perspective, I used to use Drupal exclusively until about 2015. That was my CMS of choice for many, many years. I think Drupal 4, and then finally I jumped ship at Drupal 8 over to WordPress and have been that consistently.&lt;/p&gt;
  3777.  
  3778.  
  3779.  
  3780. &lt;p&gt;But Pantheon was around as what felt like at that time, so we are going back more than a decade, the only sort of managed Drupal host, but it definitely had a WordPress side to it as well. Can you just speak to that for us for a moment? That is Pantheon&amp;#8217;s sort of MVP, isn&amp;#8217;t it? It handles managed hosting for both of those platforms. And maybe there&amp;#8217;s more, I don&amp;#8217;t know.&lt;/p&gt;
  3781.  
  3782.  
  3783.  
  3784. &lt;p&gt;[00:05:57] Chris Reynolds: Yeah. I mean, I think that from a platform perspective, we obviously do host Drupal and WordPress. We also can host like Next.js and sort of front end sites. But the sort of hidden Pantheon magic is in the kind of DevOps, WebOps we like to call it, layer that happens like somewhere between pushing code and the code being a thing that like site managers and editors and things like work with, right? So automation tools, and we were one of the first providers that used Git by default. Now that&amp;#8217;s not such a big deal anymore, but like that was a big thing within Pantheon for a really long time.&lt;/p&gt;
  3785.  
  3786.  
  3787.  
  3788. &lt;p&gt;When I was a developer, the first time that I used Pantheon as a developer when I was back at WebDevStudios was, the thing that was the killer feature for me was we have a thing called Multi Dev, which is, each site has a development, a test, and a live environment. So everybody gets those three things and we have a very specific sort of workflow. Code goes to dev, to test, to live in that order. But we have these Multi Devs, which are entirely separate containers where you can build, you can do all your feature development on a branch in a Multi Dev and see what that looks like before merging it into dev.&lt;/p&gt;
  3789.  
  3790.  
  3791.  
  3792. &lt;p&gt;It sounds like maybe not that much now, but I know when I was back in agency life and even when I was working at Human Made and we had built our own sort of stack that had this very similar kind of system, we didn&amp;#8217;t have Multi Dev because spinning up new containers for sites that you&amp;#8217;re just going to destroy at some point in the next couple weeks or days anyway is expensive and hard.&lt;/p&gt;
  3793.  
  3794.  
  3795.  
  3796. &lt;p&gt;And so what that meant was the master branch, or the development branch, of all of your code is always really messy and dirty, and you want to keep that away from the code that is going to production, right? Because that&amp;#8217;s where your experimental code is. Maybe you didn&amp;#8217;t back it out entirely. That&amp;#8217;s where like a whole bunch of weird database stuff is going. That&amp;#8217;s like the junk, right? So you want to keep that separate from like your staging branch and your production branch.&lt;/p&gt;
  3797.  
  3798.  
  3799.  
  3800. &lt;p&gt;And with Pantheon, the idea is your development branch is just where your finalised code goes, because you can do all that testing in a separate environment and then when you go from dev to test, it&amp;#8217;s not a headache, it&amp;#8217;s just this is production ready code, basically.&lt;/p&gt;
  3801.  
  3802.  
  3803.  
  3804. &lt;p&gt;[00:08:10] Nathan Wrigley: Yeah, I remember my recollection of Pantheon was that it was one of those platforms that, well, platform really, it felt more like a platform than a host, if you know what I mean? It just offered more as a layer on top of the typical host that you might find.&lt;/p&gt;
  3805.  
  3806.  
  3807.  
  3808. &lt;p&gt;However, you also do a whole bunch of stuff around the Drupal space, but also the WordPress space. I&amp;#8217;m just curious, maybe you don&amp;#8217;t have this information, but maybe as a developer advocate, you do. What would you say, as a percentage, does Drupal represent as opposed to WordPress? You know, is it like an 80, 20 split, a 90, 10, a 50, 50?&lt;/p&gt;
  3809.  
  3810.  
  3811.  
  3812. &lt;p&gt;[00:08:40] Chris Reynolds: We&amp;#8217;re almost exactly 50, 50.&lt;/p&gt;
  3813.  
  3814.  
  3815.  
  3816. &lt;p&gt;[00:08:42] Nathan Wrigley: Interesting.&lt;/p&gt;
  3817.  
  3818.  
  3819.  
  3820. &lt;p&gt;[00:08:43] Chris Reynolds: And we&amp;#8217;ve actually honestly been 50, 50 for about five-ish years, five or six years.&lt;/p&gt;
  3821.  
  3822.  
  3823.  
  3824. &lt;p&gt;[00:08:48] Nathan Wrigley: So does that mean that in the Drupal side of things, okay, dear listener, WordPress as a CMS is a giant, it&amp;#8217;s a leviathan of a thing, you know. Occupies a massive amount of the market share. Drupal I think is somewhere in the region of, I think it&amp;#8217;s like 1.2% or something like that.&lt;/p&gt;
  3825.  
  3826.  
  3827.  
  3828. &lt;p&gt;[00:09:05] Chris Reynolds: Yeah, we might be creeping up to two-ish, but yeah, it&amp;#8217;s pretty low, yeah.&lt;/p&gt;
  3829.  
  3830.  
  3831.  
  3832. &lt;p&gt;[00:09:09] Nathan Wrigley: That then implies that you as a company have, you&amp;#8217;ve got your foot on the pedal more on the Drupal side of things. Maybe the people who are building clever things on top of Drupal are using you much more. You&amp;#8217;re a bigger player in that space than you are inside the WordPress space, even though it&amp;#8217;s, you know, the same in terms of revenue. As a community endeavor, Drupal probably means a lot more to you than WordPress maybe.&lt;/p&gt;
  3833.  
  3834.  
  3835.  
  3836. &lt;p&gt;[00:09:32] Chris Reynolds: Yeah, I mean definitely going to DrupalCon for my first time this last March, it&amp;#8217;s definitely, so there&amp;#8217;s Acquia, which is essentially Drupal&amp;#8217;s version of Automattic. Acquia is a company that was founded by Dries, who is the founder of Drupal, and very much like managed Drupal hosting the same kind of thing that Automattic is into, and a lot of the sort of same ideas, at least from a, where it sits in the ecosystem.&lt;/p&gt;
  3837.  
  3838.  
  3839.  
  3840. &lt;p&gt;But, you know, you go to a WordCamp and you see the big Automattic booth and you&amp;#8217;ll see a couple other sort of bigger hosting booths. At a DrupalCon it&amp;#8217;s like, there&amp;#8217;s the Pantheon booth and there&amp;#8217;s the Acquia booth, and then there&amp;#8217;s a bunch of little things. We&amp;#8217;re definitely the kind of headliners because between the two of us, I think probably we do own most of those Drupal sites that exist in the ecosystem. But we&amp;#8217;re definitely a bigger fish in that pond, than perhaps the WordPress pond. There&amp;#8217;s also a lot more fish in the WordPress pond.&lt;/p&gt;
  3841.  
  3842.  
  3843.  
  3844. &lt;p&gt;It&amp;#8217;s an interesting thing, like for me coming to DrupalCon for the first time, to see just what Pantheon&amp;#8217;s footprint is in contrast to when I go to WordCamps. And, you know, we were big in WordCamps for a long time, and then we kind of pulled back a little bit, and then the intervening time it&amp;#8217;s I think felt by the community like, well, who are you? Where did you go? We&amp;#8217;ve gotten sort of feedback from folks being like, I used to think about Pantheon, but like it&amp;#8217;s been a long time, you laid a lot of people off. Why should I care anymore?&lt;/p&gt;
  3845.  
  3846.  
  3847.  
  3848. &lt;p&gt;And that&amp;#8217;s, you know, part of my personal goal is to say, no, this is why you should care. That&amp;#8217;s one of the things that excited me of joining the DevRel team was to go back to our roots and go back into the community, and we still have a really good product that I believed in when I was a developer and I still think is really good as, you know, obviously I think of it as a developer advocate. But like I&amp;#8217;m here because I like the thing. I think we have a good thing.&lt;/p&gt;
  3849.  
  3850.  
  3851.  
  3852. &lt;p&gt;[00:11:19] Nathan Wrigley: Do you basically have the exact same platform for both of the CMSs? So I know there&amp;#8217;s all the other stuff that you do, but let&amp;#8217;s just concentrate on Drupal and concentrate on WordPress, those two things. Do you basically have the exact same platform? Or is there some nuance that you can do this on WordPress because of, I don&amp;#8217;t know, WP-CLI or the REST API or whatever it is that you can&amp;#8217;t do in the Drupal side? In other words, if I sign up for a Drupal account, do things look different, behave differently, or is it broadly the same?&lt;/p&gt;
  3853.  
  3854.  
  3855.  
  3856. &lt;p&gt;[00:11:45] Chris Reynolds: It is broadly the same. There is sort of individual differences but they&amp;#8217;re very minor. And honestly like, in many ways, I think that when Pantheon, and this is before my time, obviously, but I think when Pantheon jumped into the WordPress boat, it was really more of a, well, we have this stack and we&amp;#8217;re really good at this thing, and WordPress is also a PHP application that has a lot of the same requirements, surely we can just run the exact same stack for WordPress.&lt;/p&gt;
  3857.  
  3858.  
  3859.  
  3860. &lt;p&gt;And what&amp;#8217;s sort of evolved over time is like, well, that&amp;#8217;s like 80% true, but it&amp;#8217;s the 20% that&amp;#8217;s really important. And if you just go into building WordPress sites or hosting WordPress sites with the same mentality as you&amp;#8217;re doing Drupal, well, you are going to run into a lot of the growing pains that we ran into, right? Drupal from like a database perspective is far more efficient. The queries are much shorter because the way that it&amp;#8217;s structured is more efficient than WordPress. WordPress, you kind of have to do more sort of optimisation on top. So those are things that we needed to figure out.&lt;/p&gt;
  3861.  
  3862.  
  3863.  
  3864. &lt;p&gt;The Drupal space sort of moved toward Solr as their sort of search tool of choice, which is a project from the Apache project. WordPress went into Elasticsearch. So trying to convince a WordPress team to use Solr, in fact, a pretty old version of Solr, is kind of pulling teeth. Like, well, why would I do that when I&amp;#8217;m doing Elasticsearch for everything else? I don&amp;#8217;t know why you would do that, honestly. Like, you should probably use Elasticsearch.&lt;/p&gt;
  3865.  
  3866.  
  3867.  
  3868. &lt;p&gt;And so we&amp;#8217;re like actually going in, that&amp;#8217;s a project that&amp;#8217;s on the roadmap as well finally, it&amp;#8217;s something I&amp;#8217;ve been talking about for like three years internally. There&amp;#8217;s little nuances. Drupal obviously since version eight has been using Composer as a fundamental part of how the CMS just works. Whereas WordPress, you&amp;#8217;ve got some people that are using Composer, in fact, last time I was here, two years ago, I was talking about Composer. And I don&amp;#8217;t know that the adoption of Composer has really changed much in the WordPress ecosystem since that time.&lt;/p&gt;
  3869.  
  3870.  
  3871.  
  3872. &lt;p&gt;I would like to say that it has. I still think that you should be using Composer. Throwback to the last WP Tavern Jukebox podcast that I was on about Composer. But yeah, so there&amp;#8217;s little differences and I think that that&amp;#8217;s, there&amp;#8217;s not anything from a platform level where your experience is going to be that much different.&lt;/p&gt;
  3873.  
  3874.  
  3875.  
  3876. &lt;p&gt;[00:14:00] Nathan Wrigley: Yeah. If you were to take a look at the Pantheon platform, I think quickly poking around on the site, maybe the pricing page or something would give you an intuition that really you are kind of more for the sort of enterprise level, I think would be fair to say. You know, you are trying to get the bleeding edge out of the websites that you&amp;#8217;ve got, and so it&amp;#8217;s, high traffic, that kind of thing.&lt;/p&gt;
  3877.  
  3878.  
  3879.  
  3880. &lt;p&gt;But the endeavor today really is to put all of that code stuff to one side and get into the community side of things. So just to reiterate, we threw around a couple of words there, and maybe the listener doesn&amp;#8217;t really know that even there&amp;#8217;s a WordPress community or a Drupal community.&lt;/p&gt;
  3881.  
  3882.  
  3883.  
  3884. &lt;p&gt;There really is. There&amp;#8217;s just hundreds, maybe thousands of people who attend events, they might go to a local thing, which we might call them Meetup on the WordPress side of things. I don&amp;#8217;t know if there&amp;#8217;s similar things in Drupal. But then there&amp;#8217;s these bigger events, which we&amp;#8217;d call WordCamps, and then there are bigger ones of those which are kind of flagship WordCamps.&lt;/p&gt;
  3885.  
  3886.  
  3887.  
  3888. &lt;p&gt;There&amp;#8217;s one in the US, there&amp;#8217;s one in Asia, and there&amp;#8217;s one in Europe. They happen each year. And thousands of people show up and inhabit the same space, listen to presentations, hang out in the hallway.&lt;/p&gt;
  3889.  
  3890.  
  3891.  
  3892. &lt;p&gt;And then you&amp;#8217;ve got the same thing happening on the Drupal side. It&amp;#8217;s called Drupal Con, but forgive my ignorance, I think the DrupalCon thing is a once a year thing and it moves around the globe. It&amp;#8217;s not necessarily in the same space. Have I got that about right?&lt;/p&gt;
  3893.  
  3894.  
  3895.  
  3896. &lt;p&gt;[00:15:15] Chris Reynolds: It&amp;#8217;s more than once a year. It&amp;#8217;s actually the equivalent. So DrupalCon is the equivalent of flagship WordCamps. So there&amp;#8217;s a DrupalCon, there was a DrupalCon US in Atlanta this last year. There is going to be a DrupalCon Europe in, where is it? Maybe Vienna, in the fall. There&amp;#8217;s a DrupalCon Asia that&amp;#8217;s just starting to get fired up. That&amp;#8217;s happening I think in, the next one is like 2026, I believe. I think they just had their first one. So very similar, like the Cons in the Drupal space are equivalent to the flagship WordCamps. There&amp;#8217;s also DrupalCamps in much the same way as there are local WordCamps.&lt;/p&gt;
  3897.  
  3898.  
  3899.  
  3900. &lt;p&gt;I feel like in the WordPress space, a lot of the local WordCamps kind of, they either blew up and got super big, or they kind of fizzled after Covid, right? I don&amp;#8217;t have a lot of local camps. I don&amp;#8217;t see a lot of local camps anymore. I do see those things happening a little bit in the Drupal space, or at least starting up again.&lt;/p&gt;
  3901.  
  3902.  
  3903.  
  3904. &lt;p&gt;[00:16:08] Nathan Wrigley: Yeah so, what we&amp;#8217;re basically painting a picture of here is that we&amp;#8217;ve got two bits of software which basically are trying to achieve the same thing. They&amp;#8217;re a CMS. They&amp;#8217;re trying to make it so that non-technical, as well as technical people, can run a project and put it online. Whether that&amp;#8217;s a website or an e-commerce solution, whatever it may be, you&amp;#8217;re trying to get your stuff out onto the internet. And both of those things will work.&lt;/p&gt;
  3905.  
  3906.  
  3907.  
  3908. &lt;p&gt;But also, behind the code is a bunch of people who are willing to go and hang out in the same place, the community, if you like, attend these events. And so there&amp;#8217;s massive similarity. In fact, you know, if you&amp;#8217;re an alien landing, I suspect that you wouldn&amp;#8217;t really know that the two things were different. Okay, there&amp;#8217;s different advertisers in the hall and there&amp;#8217;s different logos and things, but broadly they would probably look really similar.&lt;/p&gt;
  3909.  
  3910.  
  3911.  
  3912. &lt;p&gt;However, in the more recent past, and if you don&amp;#8217;t know the story, I&amp;#8217;m not going to go into it too much here, but you can figure it out by looking at various news articles in the WordPress space and what have you. The WordPress community has really been pulled in different directions, let&amp;#8217;s say that. And it&amp;#8217;s curious because no sooner had this happened than some of the more prominent people, Dries Buytaert, who is the founder of Drupal, put out a piece, really as a way of kind of offering, look, this is what Drupal do. We know you&amp;#8217;ve got on the WordPress side things that are not working out for you. Here&amp;#8217;s our model.&lt;/p&gt;
  3913.  
  3914.  
  3915.  
  3916. &lt;p&gt;And far be it from me to say whether that is the perfect system. I don&amp;#8217;t really know it, but I was just curious to get your thoughts on what that is. And that&amp;#8217;s going to really occupy the majority of the rest of this podcast. What the Drupal community looks like. What you believe it does well. How it does things differently. So let&amp;#8217;s start there. Let&amp;#8217;s start with Dries&amp;#8217;, what he was telling us about. How does Drupal, the community, how does it do things differently in terms of, I don&amp;#8217;t know, events, the access to the code? So yeah, a conversation around that really. So I&amp;#8217;m just going to throw it over to you, Chris. How is Drupal different than WordPress on that level?&lt;/p&gt;
  3917.  
  3918.  
  3919.  
  3920. &lt;p&gt;[00:18:05] Chris Reynolds: Well, I was saying before we got on that I kind of had a crash course in Drupal when I went leading up to, and then immediately following going to DrupalCon. Part of that crash course was at DrupalCon, they actually have a community summit. It&amp;#8217;s similar to like, in WordPress we&amp;#8217;ve had sort of community summits before. At DrupalCon it was really more of like a track, with like presenters and like also conversations. It&amp;#8217;s like space for chatting and hanging out with people.&lt;/p&gt;
  3921.  
  3922.  
  3923.  
  3924. &lt;p&gt;But mostly, mostly it was like community related talks in a space, talking about what&amp;#8217;s working, what&amp;#8217;s not working, as well as a sort of a get to know you sort of thing. And that was really helpful. I also did homework before the event in watching a couple of Dries&amp;#8217; last Dries Notes. So Matt has State of the Word, Dries has Dries Notes, which is just like keynote. It&amp;#8217;s basically the same thing, like the same state of the CMS, right?&lt;/p&gt;
  3925.  
  3926.  
  3927.  
  3928. &lt;p&gt;I caught up on what was going on in Drupal before the Con. And one of the things that I learned about, and then I followed up and dug into the history a little bit, was we have the same problems, right? WordPress and Drupal have the same fundamental sort of issues from both a contribution standpoint as well as a just organisational, managerial management kind of standpoint.&lt;/p&gt;
  3929.  
  3930.  
  3931.  
  3932. &lt;p&gt;And Drupal, or Dries, just kind of got to a point sooner where he&amp;#8217;s like, well, I can&amp;#8217;t do all of these things. So the Drupal Association, and I&amp;#8217;m sure there&amp;#8217;s some Drupalistas that are going to correct me on my history, but as I understand it, the Drupal Association was initially formed to sort of manage events, because Dries knew that they needed to have events. They were having events, they started off just similar to WordPress, small camp things. And they started getting bigger and Dries is like, well, I can&amp;#8217;t do all of the management stuff of this, so I need to like do something, create an organisation that can do that stuff.&lt;/p&gt;
  3933.  
  3934.  
  3935.  
  3936. &lt;p&gt;And that was where the Drupal Association first was founded, to sort of manage that thing. And then over time, that evolved into being able to fund, or kind of oversee, directions for where, more of like a community representative in the general sort of CMS development ecosystem, right?&lt;/p&gt;
  3937.  
  3938.  
  3939.  
  3940. &lt;p&gt;There is a board. They are elected by the community. They are paid. They manage events, but they also, all of the money that is made after expenses and stuff from DrupalCons and donations and whatever, they have the authority to direct into whatever projects they think would be most valuable for the evolution, or the fulfillment, of the ideals of the Drupal software, right?&lt;/p&gt;
  3941.  
  3942.  
  3943.  
  3944. &lt;p&gt;So Dries says, I want to do a thing, and he can go do that thing. The Drupal Association is like, well, I think that what we really need is this kind of thing, and we&amp;#8217;re going to devote some of our resources that we have into hiring some folks to work on that thing.&lt;/p&gt;
  3945.  
  3946.  
  3947.  
  3948. &lt;p&gt;So, most recently, where you can kind of see this in action is there&amp;#8217;s been a lot of hype about Drupal CMS. That is a thing that exists because of the Drupal Association, because the Drupal Association saw, okay, I mean, I assume, I&amp;#8217;m reading between the lines. But I assume that you can&amp;#8217;t ignore the sort of declining line of Drupal in the broader ecosystem of CMS usage. But also, there&amp;#8217;s been a really big problem since Drupal seven of a lot of the sites on Drupal seven remain on Drupal seven.&lt;/p&gt;
  3949.  
  3950.  
  3951.  
  3952. &lt;p&gt;Drupal seven should be end of life by all accounts. Everything else up to the current version is end of life. Drupal seven isn&amp;#8217;t, because there&amp;#8217;s still, it&amp;#8217;s now just under, but it&amp;#8217;s still close to 50% of Drupal sites are running Drupal seven. It&amp;#8217;s a version of Drupal that&amp;#8217;s about 10 years old.&lt;/p&gt;
  3953.  
  3954.  
  3955.  
  3956. &lt;p&gt;And the reason why, there&amp;#8217;s so many people. Drupal historically has always been a thing where, when a new version came along, you kind of killed your old site and rebuilt it in the new version, because it wasn&amp;#8217;t sort of backwards compatible. WordPress has gotten around that by just remaining backwards compatible all throughout its history.&lt;/p&gt;
  3957.  
  3958.  
  3959.  
  3960. &lt;p&gt;Drupal seven to Drupal eight was the first version to introduce Composer. We talked about Composer and how a Composer&amp;#8217;s been part of Drupal for a really long time. that was the cutoff. So that was a pretty big shift. And there&amp;#8217;s a lot of people, teams, organizations that have not made, or have been reluctant to make that shift because it&amp;#8217;s a, it&amp;#8217;s a rebuild. It&amp;#8217;s a full site rebuild.&lt;/p&gt;
  3961.  
  3962.  
  3963.  
  3964. &lt;p&gt;It&amp;#8217;s not just, we can just migrate the thing over. You have to rebuild your site. You do need to migrate your stuff over, but also you need to rebuild your site. So in the intervening time, WordPress has gained adoption and acceptance and grown into 43%. And so now we&amp;#8217;ve got these Drupal seven sites where it&amp;#8217;s like, well, we need to rebuild anyway. Do we rebuild the site in Drupal 10, 11? Or do we rebuild the site in WordPress where I&amp;#8217;m never going to have this problem ever again.&lt;/p&gt;
  3965.  
  3966.  
  3967.  
  3968. &lt;p&gt;And that&amp;#8217;s where a lot of that like, bar graph, a lot of those sites have moved to WordPress. Some of them have stayed on Drupal, but it&amp;#8217;s a declining number, right?&lt;/p&gt;
  3969.  
  3970.  
  3971.  
  3972. &lt;p&gt;So obviously, folks inside Drupal see this and know that it&amp;#8217;s happening, and know that they need to do something about it. So Drupal CMS is basically like a layer on top of the latest version of Drupal, which is 11. It&amp;#8217;s got a far nicer installation screen. I wrote a blog post about this on the Pantheon blog, I think. It&amp;#8217;s got a far nicer installation screen, that actually walks you through, stepping through like what type of site, what type of content you want to have on your site. To actually get you thinking about the site that you&amp;#8217;re building before you just hit install. Which I find to be amazingly refreshing.&lt;/p&gt;
  3973.  
  3974.  
  3975.  
  3976. &lt;p&gt;And then beyond that the admin interface is far less cluttered. I know one of my personal gripes about working with Drupal, even up until, up until now, like up until before Drupal CMS is that there&amp;#8217;s too many buttons, there&amp;#8217;s too many menus, there&amp;#8217;s too much stuff. Like, I don&amp;#8217;t know where stuff is.&lt;/p&gt;
  3977.  
  3978.  
  3979.  
  3980. &lt;p&gt;This feels a lot more familiar, partially because I think it kind of resembles the WordPress admin a little bit. You know, sidebar on the left, menus. And it feels just more, more familiar to me. And then also they have built in some new architectural things like, recipes are a thing where, a recipe, Drupal has modules, WordPress has plugins. Modules generally need a lot of configuration, to get them actually working.&lt;/p&gt;
  3981.  
  3982.  
  3983.  
  3984. &lt;p&gt;When you install a module, it&amp;#8217;s not like it just works outta the box. A lot of WordPress plugins, you install a plugin, it just works outta the box. So a recipe is like, here is, maybe a collection of modules, maybe a specific module, but it&amp;#8217;s probably a combination of a bunch of different modules, but also the configuration that goes along with them.&lt;/p&gt;
  3985.  
  3986.  
  3987.  
  3988. &lt;p&gt;So when you install a recipe, it&amp;#8217;s like, here&amp;#8217;s the stuff that you probably will need. You&amp;#8217;re most likely to need this stuff in this order, configured with these settings, and then you can do whatever you need after that. But like, here&amp;#8217;s the go bag and now you can move on. So, one of the really interesting recipes for Drupal CMS is the SEO recipe.&lt;/p&gt;
  3989.  
  3990.  
  3991.  
  3992. &lt;p&gt;And that is interesting because they&amp;#8217;re using a Yoast module. The Yoast module is literally taking the JavaScript of Yoast SEO from the WordPress plugin and throwing it into Drupal. And what&amp;#8217;s fascinating about that is it doesn&amp;#8217;t have all of the other stuff that comes with the Yoast plugin, it&amp;#8217;s just the traffic light system, and the scanning the text system and it&amp;#8217;s, so it&amp;#8217;s the best possible implementation of Yoast that I&amp;#8217;ve seen because it&amp;#8217;s all of the good stuff.&lt;/p&gt;
  3993.  
  3994.  
  3995.  
  3996. &lt;p&gt;They&amp;#8217;ve also built an AI recipe. And that&amp;#8217;s interesting because when that is configured, you can actually talk to an AI chat bot inside your Drupal instance and ask it questions about Drupal or about your site. You could say, hey, I need to create an event content type. I&amp;#8217;m gonna be hosting events. They&amp;#8217;re this type of thing. I need to have a, like a, date picker and whatever, and we are taking attendees and you can tell that the chat bot that that&amp;#8217;s the thing that you need. And it will, to the best of its ability, build that content type inside Drupal for you.&lt;/p&gt;
  3997.  
  3998.  
  3999.  
  4000. &lt;p&gt;So the WordPress equivalent is, I have a podcast and I need an episode post type. I just talk to a chat bot, and it magically creates that episode post type for me with like the Gutenberg blocks I need. That makes it an audio format or whatever. And, it&amp;#8217;s just there for you. It&amp;#8217;s like, great, thank you chat bot. As a WordPress developer, I think that&amp;#8217;s really cool. Because that&amp;#8217;s kind of the thing that I want, is like I know how to do some things, but I really don&amp;#8217;t know any of the buttons and gears and gizmos in the Drupal admin.&lt;/p&gt;
  4001.  
  4002.  
  4003.  
  4004. &lt;p&gt;But if I have a chat bot to sort of help guide me through, I know I can figure out the rest of the way, or I can see how it did the thing, and I can figure out, oh okay, so that&amp;#8217;s what I need to do. And so all of these things are geared toward the idea of just getting more people using Drupal and lowering the barrier to entry.&lt;/p&gt;
  4005.  
  4006.  
  4007.  
  4008. &lt;p&gt;Because one of the big things with Drupal is it&amp;#8217;s always been really developer centric, really highly technical, and you need sort of skilled individuals to even just manage the site. So if we lower that barrier to entry, you can target the people that are already using WordPress, the sort of content level people or the site administrators that don&amp;#8217;t have a lot of technical experience.&lt;/p&gt;
  4009.  
  4010.  
  4011.  
  4012. &lt;p&gt;That&amp;#8217;s all like basically because the Drupal Association put money, funding that they had into backing these very specific projects.&lt;/p&gt;
  4013.  
  4014.  
  4015.  
  4016. &lt;p&gt;[00:27:25] Nathan Wrigley: It is kind of a curious idea, isn&amp;#8217;t it? It&amp;#8217;s like a subset of the CMSs capabilities put into this one project, Drupal CMS. Which has like a target audience in mind. So it&amp;#8217;s like a blogger, or a podcaster or something like that. You know, it&amp;#8217;s for content creators. That was the message I got from when I read all of the, the marketing bits and pieces that came out.&lt;/p&gt;
  4017.  
  4018.  
  4019.  
  4020. &lt;p&gt;But also addressing the need for it to look nice. That was always an area I thought WordPress excelled at. When you logged into the WordPress admin, it was night and day looking at a Drupal admin. Everything was consistent. Everything looked modern and clean and easy to understand. On the Drupal side, it was, it was much more difficult to understand. But also things like updating plugins. Backwards compatibility on the WordPress side, always much more straightforward. On the Drupal side, much more difficult.&lt;/p&gt;
  4021.  
  4022.  
  4023.  
  4024. &lt;p&gt;And so this is such a curious experiment. Putting it into the hands of people who might want a blog, or whatever it may be, and hopefully making it more straightforward. And the website for it, I will link to it in the show notes, it&amp;#8217;s just so kind of modern and appealing and friendly and, Drupal never, for me at least when I got to Drupal eight, for the exact reasons that you described, that&amp;#8217;s all of my sites would have stayed on Drupal seven.&lt;/p&gt;
  4025.  
  4026.  
  4027.  
  4028. &lt;p&gt;It definitely wasn&amp;#8217;t that kind of warm and fuzzy welcome to everybody kind of thing. But now it really look like it&amp;#8217;s leaning into that. But getting back to your main point, that was funded from the inside by some, facets, some internal mechanisms, some body inside the Drupal Association that decided that&amp;#8217;s what we need to do. This is where the money&amp;#8217;s going. But are you saying that decision making was divorced from Dries?&lt;/p&gt;
  4029.  
  4030.  
  4031.  
  4032. &lt;p&gt;[00:29:02] Chris Reynolds: Dries leads the technical architecture. And Dries will like say we need to do a thing. And he may be personally involved in the leadership of doing that thing, but mostly he&amp;#8217;s like at a director level. Like, go my people and go forth and do stuff. And the Drupal Association says, okay, well one of the things that Dries said we need to do is X. So how can we make X happen? And in the case of recipes, it meant getting agencies and people from agencies involved. Create like a coalition. Like there&amp;#8217;s a bunch, it wasn&amp;#8217;t just one agency. It was like a bunch of people from different agencies are working on this thing together. Which is another thing that I find really interesting about the Drupal ecosystem.&lt;/p&gt;
  4033.  
  4034.  
  4035.  
  4036. &lt;p&gt;I have thoughts about that too. But in this context, yeah, I get a bunch of different people to work on this thing. Um. Whether it&amp;#8217;s the SEO recipe. Whether it&amp;#8217;s the AI recipe, and they, I think the way that it sort of broke down is, and it might have been even Dries that conceptualized the idea of recipes and it&amp;#8217;s like, okay, go out and implement this thing.&lt;/p&gt;
  4037.  
  4038.  
  4039.  
  4040. &lt;p&gt;But when they did, it was like, okay, if we&amp;#8217;re gonna do this thing, we need these types of recipes from the get go, from day one. We need SEO, we need whatever. We need AI, we need content things, so that people have an idea of what a recipe is and can start building their own recipes.&lt;/p&gt;
  4041.  
  4042.  
  4043.  
  4044. &lt;p&gt;[00:30:15] Nathan Wrigley: So they&amp;#8217;re bound into it? You can&amp;#8217;t install Drupal CMS without those things. They&amp;#8217;re just there.&lt;/p&gt;
  4045.  
  4046.  
  4047.  
  4048. &lt;p&gt;[00:30:20] Chris Reynolds: It supports the recipes, and in the installation process, when you&amp;#8217;re doing the Drupal CMS installation, that screen that I was talking about, where it&amp;#8217;s like asking you the type of site you want to build, those types of sites in quotations, correspond to sets of recipes that align with each of those things.&lt;/p&gt;
  4049.  
  4050.  
  4051.  
  4052. &lt;p&gt;It doesn&amp;#8217;t ask you about AI in the installation screen, but it does sort of say like, oh, do you want this type of content or that type of content? And then we, based on your selection, it automatically installs those recipes for you.&lt;/p&gt;
  4053.  
  4054.  
  4055.  
  4056. &lt;p&gt;[00:30:48] Nathan Wrigley: So it&amp;#8217;s installing things based upon a wizard at the beginning, but the principle being though that you the end user, not really interacting with anything apart from oh, I would like that. Yes, please. I would like that. And then you finally get to the end of the wizard, wait for a few moments. The modules get installed, activated, and they&amp;#8217;re pre-configured to behave in a way which is likely to be the best that you can get.&lt;/p&gt;
  4057.  
  4058.  
  4059.  
  4060. &lt;p&gt;[00:31:08] Chris Reynolds: To get you as close to what you want as possible. And the goal, the roadmap, is Dries wants to actually take that one step further, and do sort of site templates where if a recipe is a collection of modules and configuration, a template would be like, I want to build a real estate site. So I download this template, or I install this template and then click a button or two and it gives me a real estate site with the configuration that I might need to have a real estate site.&lt;/p&gt;
  4061.  
  4062.  
  4063.  
  4064. &lt;p&gt;And obviously I can go in and customize things, but I have a starting point. One of the things that I heard a lot when I was talking to people within Drupal, among other things, there&amp;#8217;s not really a marketplace as much for stuff, for software, for add-ons in the way that there is in WordPress. And there&amp;#8217;s not really in particular, there&amp;#8217;s not really the same sort of like theme or a repository, or a place to go for commonly used or shared themes in the way that we have the Themes Repository. Mostly you have like the default things and then you&amp;#8217;re building your own.&lt;/p&gt;
  4065.  
  4066.  
  4067.  
  4068. &lt;p&gt;So, as a user, having a template that maybe comes with a theme that is specifically tuned for that type of site is a really big win, because there really isn&amp;#8217;t an alternative in the current ecosystem within Drupal.&lt;/p&gt;
  4069.  
  4070.  
  4071.  
  4072. &lt;p&gt;[00:32:23] Nathan Wrigley: Yeah, that&amp;#8217;s, really worth leaning into because again, please interrupt me if what I&amp;#8217;m about to say doesn&amp;#8217;t actually match reality anymore. But when I was using Drupal, there was basically no commercial plugin system. Everybody had kind of leaned into the same thing for the same problem.&lt;/p&gt;
  4073.  
  4074.  
  4075.  
  4076. &lt;p&gt;So if you wanted to put a form on your website, there were a few, but there was this one called Webform, and it was just the one everybody leaned into it. And so rather than in the WordPress space where you&amp;#8217;ve got, you know, you&amp;#8217;ve got a few repository ones that are free and easy to use, and then you&amp;#8217;ve got the commercial ones that you can pay for and they add different features and support levels and all that kind of thing.&lt;/p&gt;
  4077.  
  4078.  
  4079.  
  4080. &lt;p&gt;In the Drupal space, it felt like there was just this one kind of community endeavor to do the thing. Yeah, so if you wanted something to display data, Views was the thing you used. The Views module, and I think that did actually get rolled into Core. So it&amp;#8217;s there. My point being, there isn&amp;#8217;t this sort of, shattering is the wrong word, but in the WordPress space, there&amp;#8217;s often a dozen, more than a dozen, there&amp;#8217;s multiple alternatives. So you have to go and find the right thing.&lt;/p&gt;
  4081.  
  4082.  
  4083.  
  4084. &lt;p&gt;In the Drupal space, it feels more like, okay, for that problem, we have this module, and everybody leans into it. So I&amp;#8217;m presuming that all the people who contribute in the community to the code and what have you, they&amp;#8217;ll all finesse that version. But that means therefore, that when you come to build the CMS, there&amp;#8217;s basically this one way of doing it? Okay, if you want forms, we&amp;#8217;re going to use that module. And if we&amp;#8217;re going to add this feature for real estate or what have you, here&amp;#8217;s the modules that we&amp;#8217;re going to add in. And the jigsaw of those modules will make it work. And that&amp;#8217;s different from WordPress. WordPress has much more leaned into commercial plugins and kind of figure out which ones you want for yourself.&lt;/p&gt;
  4085.  
  4086.  
  4087.  
  4088. &lt;p&gt;[00:34:04] Chris Reynolds: Yeah, that was one of the things that I didn&amp;#8217;t know going into DrupalCon that I learned while I was there. It&amp;#8217;s a really different approach, and I actually kind of appreciate the Drupal model because the community is built around more of an idea of, if I build a form plugin and you build a form plugin, and mine is the defacto form plugin or.&lt;/p&gt;
  4089.  
  4090.  
  4091.  
  4092. &lt;p&gt;In the Drupal space, it&amp;#8217;s really more of a, well, let me talk to you and see what ideas you have that we can bring into the canonical one and just collectively like integrate those things. And that&amp;#8217;s, that is a thing that happens more often than not in Drupal. That&amp;#8217;s why you don&amp;#8217;t see the competition, the competing modules for different things.&lt;/p&gt;
  4093.  
  4094.  
  4095.  
  4096. &lt;p&gt;Because if you had a competing thing, or you had a different idea, you would contribute it to the one module that does that thing. Or if you had a different thing, then you might be invited to do the same, right?&lt;/p&gt;
  4097.  
  4098.  
  4099.  
  4100. &lt;p&gt;In the WordPress space, it&amp;#8217;s like I want to protect my form module or my form plugin because right now it&amp;#8217;s free, but tomorrow I might want to sell it, and I want to keep my intellectual property to myself and not contribute because, you know, I might wanna make a buck on this later.&lt;/p&gt;
  4101.  
  4102.  
  4103.  
  4104. &lt;p&gt;And, I kind of like the other thing better because it&amp;#8217;s more, it is more of a community. Like I get like wanting to make money and everybody wants to make money and have a form plug in. Like, that&amp;#8217;s great. Like I&amp;#8217;m not going to say Gravity Forms shouldn&amp;#8217;t exist or anything like that. Gravity Forms is amazing. But I do think that building an ecosystem around contributing to a collective, or a community based solution for the thing, where everybody has a, a say or a seat at the table, is a really, I don&amp;#8217;t know, possibly overly idealistic, but very optimistic sort of view of how we can contribute to software.&lt;/p&gt;
  4105.  
  4106.  
  4107.  
  4108. &lt;p&gt;I find it really nice. Like it feels good. Like it feels less like we&amp;#8217;re all trying to grab our little piece of territory, you know?&lt;/p&gt;
  4109.  
  4110.  
  4111.  
  4112. &lt;p&gt;[00:35:53] Nathan Wrigley: It feels to me like that moment when you first install Linux. And you realize, wow, there&amp;#8217;s a free OS that I can put on my computer. And there&amp;#8217;s just something quite remarkable about that. That a bunch of people got together and, really pointed everything at this one solution. I suppose that is the choice that you&amp;#8217;re going to make. Really, that there is something right in there.&lt;/p&gt;
  4113.  
  4114.  
  4115.  
  4116. &lt;p&gt;You know, the commercial side of WordPress has probably been its single biggest accelerator. The fact that people could build businesses on it. And they could have a living. They could obviously refine and finess and dedicate real time entire lifetimes, in many cases. Get staff on, support staff and what have you. Pay all of those people because they&amp;#8217;ve cracked this nut and everybody wants a piece of it.&lt;/p&gt;
  4117.  
  4118.  
  4119.  
  4120. &lt;p&gt;Whereas on the Drupal side, it&amp;#8217;s much more, let&amp;#8217;s go for egalitarian, let&amp;#8217;s say that. But it, also, I suppose, means that at the moment where something doesn&amp;#8217;t work you probably have to either understand how to maintain that yourself or hire a developer.&lt;/p&gt;
  4121.  
  4122.  
  4123.  
  4124. &lt;p&gt;So there&amp;#8217;s a bit of a trade off there. And I presume, like I said, I imagine that&amp;#8217;s why there was this acceleration of WordPress&amp;#8217;s popularity because the people who maybe were buying these plugins had that intention, I just want a website. I don&amp;#8217;t want to learn how to code. I&amp;#8217;m not interested in that.&lt;/p&gt;
  4125.  
  4126.  
  4127.  
  4128. &lt;p&gt;I can see over here, look, I can buy that. It&amp;#8217;s $97 a year. That&amp;#8217;s perfect. That&amp;#8217;ll satisfy me perfectly. Whereas maybe more on the Drupal side, it&amp;#8217;s okay, that kind of works, but not entirely. I now need to make it work and obviously the community can do that.&lt;/p&gt;
  4129.  
  4130.  
  4131.  
  4132. &lt;p&gt;So that leads me then to the next question, which is, who the heck builds Drupal? So in the WordPress space, if you&amp;#8217;re listening to this, you probably have an understanding of that. There&amp;#8217;s a lot of volunteers, but there&amp;#8217;s also a lot of companies that will dedicate a proportion of their time. We have this idea of Five for the Future. And so 5% of whatever it is that you want to give, be that time or money, or what have you. And so there&amp;#8217;s this idea of community massively, but also corporations, businesses, putting time in. Is it the same basically on the Drupal side? Is that how it works?&lt;/p&gt;
  4133.  
  4134.  
  4135.  
  4136. &lt;p&gt;[00:37:51] Chris Reynolds: Yeah, largely. One of the things that I think you&amp;#8217;ll notice that is a little bit of a distinction between WordPress and Drupal, from the events again. Is going through like the showroom, the sponsors floor. And at a WordCamp you see the hosts obviously, but then you see a lot of like plugin development shops, and that&amp;#8217;s pretty much what I would expect, right? Big plugin or theme development shops and WordPress hosts. And a lot of the WordPress hosts are doing plugin development, and like, that&amp;#8217;s sort of the thing.&lt;/p&gt;
  4137.  
  4138.  
  4139.  
  4140. &lt;p&gt;In Drupal, and at DrupalCon, obviously we have the hosts. And we had a, I mean, CKE Editor was there. That was kind of weird to me. I don&amp;#8217;t know, like it&amp;#8217;s in Drupal. It was weird to have like a library have a booth space. That seemed weird to me. But like it&amp;#8217;s a lot of agencies, because agencies are the ones that are doing the work, and I&amp;#8217;ve never seen an agency or maybe not since very small, like local WordCamps, have I seen an agency with a sponsorship, a booth space at a WordCamp.&lt;/p&gt;
  4141.  
  4142.  
  4143.  
  4144. &lt;p&gt;But that is, that&amp;#8217;s where it is. And it&amp;#8217;s agencies that do a lot of that Core contribution, because they&amp;#8217;re also in the weeds working with clients and building these things for their Drupal customers. And so like, the SEO recipe that I was talking about, like at DrupalCon we, Pantheon has booth demos. Acquia also has booth demos, which means we can talk about, like do demos of our platform, whatever. What we actually did was bring in guest speakers from like agencies and universities and whatever that are actually using Drupal and Pantheon and to talk about their implementation of the cool stuff that they&amp;#8217;re doing, because that works better.&lt;/p&gt;
  4145.  
  4146.  
  4147.  
  4148. &lt;p&gt;And one of the people that I talked to was about the SEO recipe, and he is at an agency and he worked with other people at other agencies, competing agencies even, to make this SEO recipe. So it&amp;#8217;s, that&amp;#8217;s where the contribution comes from. But again, like it&amp;#8217;s the same sort of thing.&lt;/p&gt;
  4149.  
  4150.  
  4151.  
  4152. &lt;p&gt;Dries said 10 years ago, wrote a blog post about the maker taker problem, as he defines it. And then again in September, in relation to the current state of things in the WordPress ecosystem, because that&amp;#8217;s a thing that he&amp;#8217;s been thinking about for a long time. It&amp;#8217;s obviously a thing that Matt&amp;#8217;s been thinking about for a long time.&lt;/p&gt;
  4153.  
  4154.  
  4155.  
  4156. &lt;p&gt;Like it&amp;#8217;s not, again, we&amp;#8217;re not that different. We have the same fundamental problems. At the Community Summit at DrupalCon, one of the topics of conversation was getting more people involved, a younger generation involved into Drupal development, which is the exact same conversation we&amp;#8217;re having in WordPress as well.&lt;/p&gt;
  4157.  
  4158.  
  4159.  
  4160. &lt;p&gt;Like, how do we appeal to a younger audience? It&amp;#8217;s all the same stuff, right? And there was at some point like a contribution like pie chart. Again, similar to the pie chart that could be displayed at a WordCamp. You know, Automattic does a big chunk of that pie chart.&lt;/p&gt;
  4161.  
  4162.  
  4163.  
  4164. &lt;p&gt;And then you&amp;#8217;ve got, you know, maybe Google does a smaller part of that pie chart and maybe like Bluehost or whatever. Similar pie chart. Acquia does a lot of the big part of the, of that pie chart. And then like other agencies are noted around, and then there&amp;#8217;s like an other category, right, of just like individual contributors. It&amp;#8217;s a very similar breakdown.&lt;/p&gt;
  4165.  
  4166.  
  4167.  
  4168. &lt;p&gt;[00:40:47] Nathan Wrigley: It&amp;#8217;s interesting because obviously you alluded to the fact that WordPress has been in a state of flux since September. But Dries, I presume prompted by the situation that arose out of WordCamp US. He wrote a piece very much timed after that. So I presume it was in, there was some sort of correlation in his head. And he was laying out how Drupal have, not solved, but how they just have a different approach to that. And I can&amp;#8217;t remember every single detail, but there was some curious examples in the Drupal community, like this kind of, I&amp;#8217;m going to say pay to play thing.&lt;/p&gt;
  4169.  
  4170.  
  4171.  
  4172. &lt;p&gt;In other words, if you as a company, let&amp;#8217;s say Pantheon may fit into this perfectly, if Pantheon steps through certain hoops and can prove that they did this thing and this thing and this thing for the community, for the Drupal project. If you step through those hoops, you then get, kind of, merit on the other side.&lt;/p&gt;
  4173.  
  4174.  
  4175.  
  4176. &lt;p&gt;You can, for example, turn up to DrupalCon as a sponsor. My understanding is that maybe it&amp;#8217;s only certain tiers, I&amp;#8217;m not really sure. But you can&amp;#8217;t sponsor DrupalCon unless you have jumped through those hoops. And we don&amp;#8217;t really have anything on the WordPress side like that. We have Five for the Future, but it&amp;#8217;s hard to pin down. It&amp;#8217;s hard to figure out who did what and what have you, because there aren&amp;#8217;t the same sort of goalposts, but it feels like the goalposts are a bit more nailed down on the Drupal side.&lt;/p&gt;
  4177.  
  4178.  
  4179.  
  4180. &lt;p&gt;[00:42:03] Chris Reynolds: There is a process of nailing things down. I don&amp;#8217;t know that it goes to the level of, like you can&amp;#8217;t actually sponsor, because obviously Pantheon does sponsor and we&amp;#8217;ve been, on the other end of being told that we don&amp;#8217;t contribute enough to both WordPress and Drupal. But that also depends on how you define contribution really. And I have thoughts about that. The merit thing, it&amp;#8217;s just where you&amp;#8217;re drawing the lines in the sand. And Drupal has, Dries has his particular lines and the things that make you a contributor to the ecosystem, and what that means in Drupal.&lt;/p&gt;
  4181.  
  4182.  
  4183.  
  4184. &lt;p&gt;And then, to a degree, I mean, yeah, like you said, Five for the Future is kind of, sort of that thing, but it&amp;#8217;s also kind of amalgamous and like it&amp;#8217;s honor based. There&amp;#8217;s not really a real sense of tracking or, you could kind of, sort of track things, I guess. But it&amp;#8217;s very wibbly wobbly.&lt;/p&gt;
  4185.  
  4186.  
  4187.  
  4188. &lt;p&gt;But my perspective on contribution always has always been, one of the things, I know we&amp;#8217;re not supposed to talk about what was talked about at PressConf, but Brad Williams, who I, was my former boss said, he was talking about Five for the Future and was talking about how Web Dev was very early on an adopter of Five for the Future, and I was there at the time, so I remember this. So it&amp;#8217;s not just Brad&amp;#8217;s words that I&amp;#8217;m repeating. And the way that he approached Five for the Future was very much in the umbrella of if you&amp;#8217;re doing anything WordPress related that is open source, we are counting that as a Five for the Future project, right. And that was how I understood Five for the Future.&lt;/p&gt;
  4189.  
  4190.  
  4191.  
  4192. &lt;p&gt;That was kind of how it was presented back in 2014 or whatever when Matt first threw the idea out to the, out to the ecosystem. And since then it&amp;#8217;s sort of become this thing where contribution to WordPress really means Core contributions, or contributions in very specific ways. And it doesn&amp;#8217;t mean all of this other stuff over here, including an up to theme development, plugin development.&lt;/p&gt;
  4193.  
  4194.  
  4195.  
  4196. &lt;p&gt;Even if that stuff is on .org, even if that stuff is open source, that&amp;#8217;s not included in contribution. But I&amp;#8217;m very much in the side of the bucket where like, well, everything is kind of contribution. We wouldn&amp;#8217;t know how good WordPress scales to like enterprise level sites that are running it today, that are driving the adoption of WordPress, and driving the bar in like the visibility of WordPress, if it wasn&amp;#8217;t for just hosts that are running the thing and making sure that it operates properly. And the teams like 10up and Human Made, and whoever who are like then, oh, to get this working at its best, fastest, most optimized state we need to do some enhancements. Either through the plugin ecosystem or contributing back to Core, so that we can push this code to these hosts, or platforms, or softwares as a service or whatever so that they operate for these clients that we&amp;#8217;re building.&lt;/p&gt;
  4197.  
  4198.  
  4199.  
  4200. &lt;p&gt;So like I kind of feel like everything should be, even if you are a taker, in the language of Dries, that doesn&amp;#8217;t necessarily mean that you&amp;#8217;re not pushing the ecosystem forward. And I have that critique for both of our BDFLs, right? Because they both have very similar ideas.&lt;/p&gt;
  4201.  
  4202.  
  4203.  
  4204. &lt;p&gt;Like I think that the contribution title could be applied and should be applied more broadly, because everything that we&amp;#8217;re doing is driving the project forward. A lot of the stuff that I write is like GitHub actions, or like plugins or things that are still broadly available to, and publicly available, and they&amp;#8217;re open source and they&amp;#8217;re for the community, but they&amp;#8217;re not technically contribution, because contribution is narrowed down into this very specific definition.&lt;/p&gt;
  4205.  
  4206.  
  4207.  
  4208. &lt;p&gt;[00:45:30] Nathan Wrigley: It&amp;#8217;s kind of curious, you know, if you were to cast your mind back 20 years, the beginning of both Drupal and WordPress, just even the idea that they would still be around for one thing, you know, that that software wouldn&amp;#8217;t have just come and eaten them up and there would be like a two year lifespan.&lt;/p&gt;
  4209.  
  4210.  
  4211.  
  4212. &lt;p&gt;[00:45:44] Chris Reynolds: And that there&amp;#8217;s an open source solution for these things.&lt;/p&gt;
  4213.  
  4214.  
  4215.  
  4216. &lt;p&gt;[00:45:46] Nathan Wrigley: And it&amp;#8217;s going and it&amp;#8217;s kept rising and it&amp;#8217;s kept being used. That&amp;#8217;s just so curious. But also the teething pains of that. The idea that, you know, it started with Matt, and it started with Dries, and then people got on board and it grew. And then in the case of Drupal, and in the case of WordPress, it just grew to the point where these individuals can no longer handle everything.&lt;/p&gt;
  4217.  
  4218.  
  4219.  
  4220. &lt;p&gt;You know, you described how Dries needed to sort of say, can somebody handle the events please? Because that&amp;#8217;s just not where I want to be. The same, presumably on the WordPress side. And now we&amp;#8217;re into giant communities. Really, really complicated communities. A lot of differing opinions, a lot of different maybe even politics, but a lot of different backgrounds, geography, the whole thing.&lt;/p&gt;
  4221.  
  4222.  
  4223.  
  4224. &lt;p&gt;It&amp;#8217;s this international thing. And it&amp;#8217;s difficult. It&amp;#8217;s really, really hard to get it right. But what I&amp;#8217;m taking from this conversation. Is that maybe Drupal do things differently, but they have way more in common than we have as differences.&lt;/p&gt;
  4225.  
  4226.  
  4227.  
  4228. &lt;p&gt;But also maybe there are some things that WordPress does better. Maybe there are some things that Drupal does better. And it would be very, very interesting if the two communities could kind of collide more, and share those ideas and we pick the best of each of them. It&amp;#8217;s never gonna be perfect, but maybe that&amp;#8217;s something that in the future, given that really at a very core level we&amp;#8217;re not in competition with each other, it would be very nice if those conversations could take place.&lt;/p&gt;
  4229.  
  4230.  
  4231.  
  4232. &lt;p&gt;And I think you&amp;#8217;ve laid the groundwork for a lot of that and explained how one project is not that dissimilar to the other one. So, that&amp;#8217;s it.&lt;/p&gt;
  4233.  
  4234.  
  4235.  
  4236. &lt;p&gt;Chris, thank you so much for chatting to me today. I really appreciate it. That was very enlightening.&lt;/p&gt;
  4237.  
  4238.  
  4239.  
  4240. &lt;p&gt;[00:47:22] Chris Reynolds: Thank you for having me. I always love chatting with you.&lt;/p&gt;
  4241. &lt;/div&gt;&lt;/details&gt;
  4242.  
  4243.  
  4244.  
  4245. &lt;p&gt;On the podcast today we have &lt;a href=&#34;https://www.linkedin.com/in/chrissreynolds/&#34;&gt;Chris Reynolds&lt;/a&gt;.&lt;/p&gt;
  4246.  
  4247.  
  4248.  
  4249. &lt;p&gt;Chris is a developer advocate at Pantheon, where he brings nearly 20 years of experience in the WordPress community, as well as deep involvement with Drupal and open source technology at large. Prior to his advocacy role, he worked at some of the top WordPress agencies like Human Made and WebDevStudios. He’s been active at events like DrupalCon, PressConf, and WordCamps.&lt;/p&gt;
  4250.  
  4251.  
  4252.  
  4253. &lt;p&gt;In this episode, we set aside the usual WordPress-only focus, and turn our attention to two CMSs, WordPress and Drupal, what makes them tick, where they excel, and where they might have something to learn from each other.&lt;/p&gt;
  4254.  
  4255.  
  4256.  
  4257. &lt;p&gt;Chris draws on his unique perspective working closely with both platforms, as Pantheon is one of the few hosts with a 50/50 split between WordPress and Drupal sites, and has a significant footprint in both ecosystems.&lt;/p&gt;
  4258.  
  4259.  
  4260.  
  4261. &lt;p&gt;We discuss the similarities and differences between the two open source CMS communities, from the mechanics of flagship events like WordCamps and DrupalCon, to the ways these projects organize their contributors and support community initiatives.&lt;/p&gt;
  4262.  
  4263.  
  4264.  
  4265. &lt;p&gt;Chris explains how Drupal’s model, with its association-run funding and project governance, compares to WordPress’s approach, including how each community approaches plugin and module development, and what role agencies and companies play in contributing to Core and the broader ecosystem.&lt;/p&gt;
  4266.  
  4267.  
  4268.  
  4269. &lt;p&gt;If you’re curious about how open source projects organise themselves, how their communities navigate growth and challenge, and what WordPress can learn from Drupal (and vice versa), this episode is for you.&lt;/p&gt;
  4270.  
  4271.  
  4272.  
  4273. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Useful links&lt;/h2&gt;
  4274.  
  4275.  
  4276.  
  4277. &lt;p&gt;&lt;a href=&#34;https://pantheon.io/&#34;&gt;Pantheon&lt;/a&gt;&lt;/p&gt;
  4278.  
  4279.  
  4280.  
  4281. &lt;p&gt;&lt;a href=&#34;https://ampache.org/&#34;&gt; Ampache&lt;/a&gt;&lt;/p&gt;
  4282.  
  4283.  
  4284.  
  4285. &lt;p&gt;&lt;a href=&#34;https://www.drupal.org/association/drupalcon&#34;&gt; DrupalCon&lt;/a&gt;&lt;/p&gt;
  4286.  
  4287.  
  4288.  
  4289. &lt;p&gt;&lt;a href=&#34;https://pressconf.events/&#34;&gt;PressConf&lt;/a&gt;&lt;/p&gt;
  4290.  
  4291.  
  4292.  
  4293. &lt;p&gt;&lt;a href=&#34;https://webdevstudios.com/&#34;&gt; WebDevStudios&lt;/a&gt;&lt;/p&gt;
  4294.  
  4295.  
  4296.  
  4297. &lt;p&gt;&lt;a href=&#34;https://humanmade.com/&#34;&gt; Human Made&lt;/a&gt;&lt;/p&gt;
  4298.  
  4299.  
  4300.  
  4301. &lt;p&gt;&lt;a href=&#34;https://www.acquia.com/&#34;&gt; Acquia&lt;/a&gt;&lt;/p&gt;
  4302.  
  4303.  
  4304.  
  4305. &lt;p&gt;&lt;a href=&#34;https://dri.es/about&#34;&gt; Dries Buytaert&lt;/a&gt;&lt;/p&gt;
  4306.  
  4307.  
  4308.  
  4309. &lt;p&gt;&lt;a href=&#34;https://automattic.com/&#34;&gt; Automattic&lt;/a&gt;&lt;/p&gt;
  4310.  
  4311.  
  4312.  
  4313. &lt;p&gt;&lt;a href=&#34;https://solr.apache.org/&#34;&gt;Solr&lt;/a&gt;&lt;/p&gt;
  4314.  
  4315.  
  4316.  
  4317. &lt;p&gt;&lt;a href=&#34;https://www.elastic.co/elasticsearch&#34;&gt; Elasticsearch&lt;/a&gt;&lt;/p&gt;
  4318.  
  4319.  
  4320.  
  4321. &lt;p&gt;&lt;a href=&#34;https://getcomposer.org/&#34;&gt; Composer&lt;/a&gt;&lt;/p&gt;
  4322.  
  4323.  
  4324.  
  4325. &lt;p&gt;&lt;a href=&#34;https://wptavern.com/podcast/68-chris-reynolds-on-why-to-use-composer-with-wordpress&#34;&gt; Chris on a previous episode of the WP Tavern Jukebox podcast talking about Composer&lt;/a&gt;&lt;/p&gt;
  4326.  
  4327.  
  4328.  
  4329. &lt;p&gt;&lt;a href=&#34;https://www.drupal.org/community/events?field_event_type_value=drupalcamp&amp;amp;field_event_address_country=All&#34;&gt; DrupalCamps&lt;/a&gt;&lt;/p&gt;
  4330.  
  4331.  
  4332.  
  4333. &lt;p&gt;&lt;a href=&#34;https://dri.es/solving-the-maker-taker-problem&#34;&gt;Solving the Maker-Taker problem&lt;/a&gt;&lt;/p&gt;
  4334.  
  4335.  
  4336.  
  4337. &lt;p&gt; Dries Notes &amp;#8211; &lt;a href=&#34;https://dri.es/state-of-drupal-presentation-september-2024&#34;&gt;State of Drupal presentation (September 2024)&lt;/a&gt;&lt;/p&gt;
  4338.  
  4339.  
  4340.  
  4341. &lt;p&gt;&lt;a href=&#34;https://www.drupal.org/association&#34;&gt; Drupal Association&lt;/a&gt;&lt;/p&gt;
  4342.  
  4343.  
  4344.  
  4345. &lt;p&gt;&lt;a href=&#34;https://yoast.com/yoast-seo-for-drupal/&#34;&gt;Drupal  Yoast module&lt;/a&gt;&lt;/p&gt;
  4346.  
  4347.  
  4348.  
  4349. &lt;p&gt;&lt;a href=&#34;https://new.drupal.org/home&#34;&gt;Drupal CMS&lt;/a&gt;&lt;/p&gt;
  4350.  
  4351.  
  4352.  
  4353. &lt;p&gt;&lt;a href=&#34;https://www.drupal.org/docs/8/core/modules/views&#34;&gt;Drupal Views&lt;/a&gt;&lt;/p&gt;
  4354.  
  4355.  
  4356.  
  4357. &lt;p&gt;&lt;a href=&#34;https://www.gravityforms.com/&#34;&gt;Gravity Forms&lt;/a&gt;&lt;/p&gt;
  4358.  
  4359.  
  4360.  
  4361. &lt;p&gt;&lt;a href=&#34;https://wordpress.org/five-for-the-future/&#34;&gt;Five for the Future&lt;/a&gt;&lt;/p&gt;</description>
  4362. <pubDate>Wed, 21 May 2025 14:00:00 +0000</pubDate>
  4365. <dc:creator>Nathan Wrigley</dc:creator>
  4367. </item>
  4368.  
  4369. <item>
  4370. <title>Do The Woo Community: From Functional to Scalable: WooCommerce Solutions with an Enterprise Mindset</title>
  4371. <guid>https://openchannels.fm/?post_type=blog&amp;p=96868</guid>
  4372. <link>https://openchannels.fm/from-functional-to-scalable-woocommerce-solutions-with-an-enterprise-mindset/</link>
  4374. <description>Some insight on agencies who focus on enterprise-level solutions for mid-market WooCommerce clients, emphasizing customized, scalable technologies and decoupled architectures to enhance reliability and growth.</description>
  4375. <pubDate>Wed, 21 May 2025 09:11:00 +0000</pubDate>
  4378. <dc:creator>Bob Dunn</dc:creator>
  4380. </item>
  4381.  
  4382. <item>
  4383. <title>Do The Woo Community: One For the Road via PressConf with Adam and Emma</title>
  4384. <guid>https://openchannels.fm/?p=97297</guid>
  4385. <link>https://openchannels.fm/one-for-the-road-via-pressconf-with-adam-and-emma/</link>
  4387. <description>During PressConf 2025, hosts and guests highlighted the significance of in-person connections within the WordPress community, emphasizing candid conversations, relationship-building, emotional moments, and the event&#39;s business focus, inspiring future gatherings.</description>
  4388. <pubDate>Tue, 20 May 2025 13:06:42 +0000</pubDate>
  4391. <dc:creator>Bob Dunn</dc:creator>
  4393. </item>
  4394.  
  4395. <item>
  4396. <title>Do The Woo Community: How to Say No to Feature Requests Without Upsetting Your Customers</title>
  4397. <guid>https://openchannels.fm/?post_type=blog&amp;p=96857</guid>
  4398. <link>https://openchannels.fm/how-to-say-no-to-feature-requests-without-upsetting-your-customers/</link>
  4400. <description>The challenges of declining customer feature requests while maintaining goodwill. Strategies include transparent communication, offering alternatives, and using data for prioritization, preserving product vision.</description>
  4401. <pubDate>Tue, 20 May 2025 08:00:00 +0000</pubDate>
  4404. <dc:creator>Bob Dunn</dc:creator>
  4406. </item>
  4407.  
  4408. <item>
  4409. <title>Do The Woo Community: Your Website Could Use a Changelog to Fuel Creativity</title>
  4410. <guid>https://openchannels.fm/?post_type=blog&amp;p=96643</guid>
  4411. <link>https://openchannels.fm/why-every-website-needs-a-changelog-and-how-it-fuels-creativity/</link>
  4413. <description>Website changelogs, often overlooked, document progress and small victories. They provide transparency, spark creativity, and offer audiences insight into a site&#39;s evolution—important for all creators, not just techies.</description>
  4414. <pubDate>Mon, 19 May 2025 10:35:15 +0000</pubDate>
  4417. <dc:creator>Bob Dunn</dc:creator>
  4419. </item>
  4420.  
  4421. <item>
  4422. <title>Weston Ruter: Adding Caption &amp;amp; Lightbox to the Featured Image Block</title>
  4423. <guid>https://weston.ruter.net/?p=34581</guid>
  4424. <link>https://weston.ruter.net/2025/05/17/adding-caption-and-lightbox-to-the-featured-image-block/</link>
  4426. <description>&lt;p&gt;Earlier this year I re-built this site using the &lt;a href=&#34;https://wordpress.org/themes/twentytwentyfive/&#34;&gt;Twenty Twenty-Five&lt;/a&gt; theme, finally adopting a &lt;a href=&#34;https://wordpress.org/documentation/article/block-themes/&#34;&gt;block theme&lt;/a&gt; over the veritable &lt;a href=&#34;https://wordpress.org/themes/twentytwenty/&#34;&gt;Twenty Twenty&lt;/a&gt; classic theme I had been using. In this rebuild, one thing that I had trouble with is the featured image. In the Twenty Twenty theme, a &lt;a href=&#34;https://github.com/WordPress/wordpress-develop/blob/8b466fce082b5b8731cebca85469ae1978318504/src/wp-content/themes/twentytwenty/template-parts/featured-image.php#L27-L36&#34;&gt;caption is rendered&lt;/a&gt; under the featured image if one is set on the underlying &lt;code&gt;attachment&lt;/code&gt; post in the Media Library. In the Twenty Twenty-Five theme, however, no caption is shown by the &lt;a href=&#34;https://wordpress.org/documentation/article/post-featured-image-block/&#34;&gt;Featured Image block&lt;/a&gt;:&lt;/p&gt;
  4427.  
  4428.  
  4429.  
  4430. &lt;div class=&#34;wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex&#34;&gt;
  4431. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  4432. &lt;figure class=&#34;wp-block-image size-large has-custom-border wp-lightbox-container&#34;&gt;&lt;img alt=&#34;Single template of Twenty Twenty theme showing an article about the Bison with an image of the Bison as the featured image. A caption appears below the Bison image.&#34; class=&#34;has-border-color has-accent-4-border-color wp-image-34604&#34; height=&#34;700&#34; src=&#34;https://i0.wp.com/weston.ruter.net/wp-content/uploads/2025/05/twentytwenty-single-template.png?resize=394%2C700&amp;#038;ssl=1&#34; style=&#34;border-width: 1px;&#34; width=&#34;394&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  4433. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  4434. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  4435. &lt;/svg&gt;
  4436. &lt;/button&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Caption shown with featured image in the Twenty Twenty theme.&lt;/figcaption&gt;&lt;/figure&gt;
  4437. &lt;/div&gt;
  4438.  
  4439.  
  4440.  
  4441. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  4442. &lt;figure class=&#34;wp-block-image size-large has-custom-border wp-lightbox-container&#34;&gt;&lt;img alt=&#34;Single template of Twenty Twenty-Five theme showing an article about the Bison with an image of the Bison as the featured image. A caption does not appear below the Bison image.&#34; class=&#34;has-border-color has-accent-4-border-color wp-image-34605&#34; height=&#34;700&#34; src=&#34;https://i0.wp.com/weston.ruter.net/wp-content/uploads/2025/05/twentytwentyfive-single-template.png?resize=394%2C700&amp;#038;ssl=1&#34; style=&#34;border-width: 1px;&#34; width=&#34;394&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  4443. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  4444. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  4445. &lt;/svg&gt;
  4446. &lt;/button&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Caption for featured image omitted in the Twenty Twenty-Five theme.&lt;/figcaption&gt;&lt;/figure&gt;
  4447. &lt;/div&gt;
  4448. &lt;/div&gt;
  4449.  
  4450.  
  4451.  
  4452. &lt;p&gt;I was expecting the Featured Image block to have an &amp;#8220;Add caption&amp;#8221;/“Remove caption” button in the block toolbar. This is available in the regular Image block, but it is absent in the Featured Image block:&lt;/p&gt;
  4453.  
  4454.  
  4455.  
  4456. &lt;div class=&#34;wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex&#34;&gt;
  4457. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  4458. &lt;figure class=&#34;wp-block-image size-large has-custom-border wp-lightbox-container&#34;&gt;&lt;img alt=&#34;Block editor showing an Image block selected with the caption appearing below the image and the &amp;quot;Remove Caption&amp;quot; button being hovered over in the block toolbar.&#34; class=&#34;has-border-color has-accent-4-border-color wp-image-34606&#34; height=&#34;700&#34; src=&#34;https://i0.wp.com/weston.ruter.net/wp-content/uploads/2025/05/twentytwentyfive-block-editor-image-block.png?resize=624%2C700&amp;#038;ssl=1&#34; style=&#34;border-width: 1px;&#34; width=&#34;624&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  4459. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  4460. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  4461. &lt;/svg&gt;
  4462. &lt;/button&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Image block in the block editor with “Remove caption” button hovered.&lt;/figcaption&gt;&lt;/figure&gt;
  4463. &lt;/div&gt;
  4464.  
  4465.  
  4466.  
  4467. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  4468. &lt;figure class=&#34;wp-block-image size-large has-custom-border wp-lightbox-container&#34;&gt;&lt;img alt=&#34;Site editor showing a Featured Image block selected with there not being any caption displayed and no block toolbar button for captions.&#34; class=&#34;has-border-color has-accent-4-border-color wp-image-34607&#34; height=&#34;700&#34; src=&#34;https://i0.wp.com/weston.ruter.net/wp-content/uploads/2025/05/twentytwentyfive-site-editor-featured-image-block.png?resize=638%2C700&amp;#038;ssl=1&#34; style=&#34;border-width: 1px;&#34; width=&#34;638&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  4469. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  4470. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  4471. &lt;/svg&gt;
  4472. &lt;/button&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Featured Image block without any “Add caption” button shown in the block toolbar.&lt;/figcaption&gt;&lt;/figure&gt;
  4473. &lt;/div&gt;
  4474. &lt;/div&gt;
  4475.  
  4476.  
  4477.  
  4478. &lt;p&gt;It turns out there is a 3-year old Gutenberg issue (&lt;a href=&#34;https://github.com/WordPress/gutenberg/issues/40946&#34; title=&#34;[Post Featured Image]: add option to display image caption/credit&#34;&gt;#40946&lt;/a&gt;) about this missing capability in the Featured Image block. But this isn&amp;#8217;t the only missing feature from the block. In addition to the caption, something else I was missing is the ability to open the featured image in a lightbox, something which the Image block exposes by selecting the link option to “Enlarge on click”. The Featured Image block does not have this Link button in the block toolbar but instead just has a “Link to Post” setting toggle in the block sidebar:&lt;/p&gt;
  4479.  
  4480.  
  4481.  
  4482. &lt;div class=&#34;wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex&#34;&gt;
  4483. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  4484. &lt;figure class=&#34;wp-block-image size-large has-custom-border wp-lightbox-container&#34;&gt;&lt;img alt=&#34;Block editor with the Link block toolbar button having been clicked, showing the Link options to &amp;quot;Link to image file&amp;quot;, &amp;quot;Link to attachment page&amp;quot;, and &amp;quot;Enlarge on click&amp;quot;. The last option is focused.&#34; class=&#34;has-border-color has-accent-4-border-color wp-image-34608&#34; height=&#34;700&#34; src=&#34;https://i0.wp.com/weston.ruter.net/wp-content/uploads/2025/05/image-block-enlarge-on-click.png?resize=625%2C700&amp;#038;ssl=1&#34; style=&#34;border-width: 1px;&#34; width=&#34;625&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  4485. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  4486. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  4487. &lt;/svg&gt;
  4488. &lt;/button&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Link submenu showing “Enlarge on click” option for Image block.&lt;/figcaption&gt;&lt;/figure&gt;
  4489. &lt;/div&gt;
  4490.  
  4491.  
  4492.  
  4493. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  4494. &lt;figure class=&#34;wp-block-image size-large has-custom-border wp-lightbox-container&#34;&gt;&lt;img alt=&#34;Site editor showing showing the Featured Image block selected, bit without there being a Link button in the block toolbar. The block sidebar is expanded to show a single setting available: &amp;quot;Link to Post&amp;quot;.&#34; class=&#34;has-border-color has-accent-4-border-color wp-image-34609&#34; height=&#34;500&#34; src=&#34;https://i0.wp.com/weston.ruter.net/wp-content/uploads/2025/05/featured-image-block-block-sidebar.png?resize=700%2C500&amp;#038;ssl=1&#34; style=&#34;border-width: 1px;&#34; width=&#34;700&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  4495. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  4496. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  4497. &lt;/svg&gt;
  4498. &lt;/button&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Block toolbar missing Link button but showing “Link to Post” setting in the block sidebar for the Featured Image block.&lt;/figcaption&gt;&lt;/figure&gt;
  4499. &lt;/div&gt;
  4500. &lt;/div&gt;
  4501.  
  4502.  
  4503.  
  4504. &lt;p&gt;There is also an open Gutenberg issue to add this lightbox capability to the Featured Image block (&lt;a href=&#34;https://github.com/WordPress/gutenberg/issues/57849&#34; title=&#34;Featured Image block: Lightbox / Expand use case &#34;&gt;#57849&lt;/a&gt;).&lt;/p&gt;
  4505.  
  4506.  
  4507.  
  4508. &lt;p&gt;Because I want these features now before they get implemented in Gutenberg, I&amp;#8217;ve put together a couple plugins (on GitHub) that extend the Featured Image block with these missing capabilities:&lt;/p&gt;
  4509.  
  4510.  
  4511.  
  4512. &lt;ul class=&#34;wp-block-list&#34;&gt;
  4513. &lt;li&gt;&lt;a href=&#34;https://github.com/westonruter/featured-image-block-with-caption&#34;&gt;Featured Image Block with Caption&lt;/a&gt;&lt;/li&gt;
  4514.  
  4515.  
  4516.  
  4517. &lt;li&gt;&lt;a href=&#34;https://github.com/westonruter/featured-image-block-with-lightbox&#34;&gt;Featured Image Block with Lightbox&lt;/a&gt;&lt;/li&gt;
  4518. &lt;/ul&gt;
  4519.  
  4520.  
  4521.  
  4522. &lt;p&gt;These are active on this site, so you can see above how the featured image is enhanced with a caption and lightbox.&lt;/p&gt;
  4523.  
  4524.  
  4525.  
  4526. &lt;p&gt;While the Gutenberg issue for adding a caption has a &lt;a href=&#34;https://github.com/WordPress/gutenberg/issues/40946#issuecomment-1682973710&#34;&gt;workaround&lt;/a&gt; involving the registration of a new block variation, I wanted there to be the same &amp;#8220;Add caption&amp;#8221; block toolbar button which is available on the Image block, and I wanted to be able to see a placeholder for how the caption would look in the Site Editor. So this is what I implemented:&lt;/p&gt;
  4527.  
  4528.  
  4529.  
  4530. &lt;div class=&#34;wp-block-columns alignwide is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex&#34;&gt;
  4531. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  4532. &lt;figure class=&#34;wp-block-image size-large has-custom-border wp-lightbox-container&#34;&gt;&lt;img alt=&#34;Site Editor showing the Featured Image block selected and a new &amp;quot;Add caption&amp;quot; button appearing in the toolbar.&#34; class=&#34;has-border-color has-accent-4-border-color wp-image-34613&#34; height=&#34;700&#34; src=&#34;https://i0.wp.com/weston.ruter.net/wp-content/uploads/2025/05/featured-image-block-with-add-caption-button.png?resize=636%2C700&amp;#038;ssl=1&#34; style=&#34;border-width: 1px;&#34; width=&#34;636&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  4533. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  4534. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  4535. &lt;/svg&gt;
  4536. &lt;/button&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Featured Image block in the Site Editor with an “Add caption” button appearing in the block toolbar. &lt;/figcaption&gt;&lt;/figure&gt;
  4537. &lt;/div&gt;
  4538.  
  4539.  
  4540.  
  4541. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  4542. &lt;figure class=&#34;wp-block-image size-large has-custom-border wp-lightbox-container&#34;&gt;&lt;img alt=&#34;Site Editor showing the Featured Image block selected and the &amp;quot;Add caption&amp;quot; button being selected in the block toolbar. A placeholder caption appears below the image.&#34; class=&#34;has-border-color has-accent-4-border-color wp-image-34614&#34; height=&#34;700&#34; src=&#34;https://i0.wp.com/weston.ruter.net/wp-content/uploads/2025/05/featured-image-block-with-caption-placeholder-shown.png?resize=636%2C700&amp;#038;ssl=1&#34; style=&#34;border-width: 1px;&#34; width=&#34;636&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  4543. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  4544. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  4545. &lt;/svg&gt;
  4546. &lt;/button&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;Caption placeholder appearing in Featured Image block in the Site Editor.&lt;/figcaption&gt;&lt;/figure&gt;
  4547. &lt;/div&gt;
  4548. &lt;/div&gt;
  4549.  
  4550.  
  4551.  
  4552. &lt;p&gt;Selecting “Add caption” sets a new &lt;code&gt;showCaption&lt;/code&gt; block attribute to &lt;code&gt;true&lt;/code&gt;, without making any changes to the block markup. This means there won&amp;#8217;t be any block validation errors when the plugin is deactivated. When the block attribute is present, a &lt;code&gt;render_block&lt;/code&gt; filter in PHP injects the caption into the block&amp;#8217;s markup on the frontend. On my site, I edited the Single template to show the caption in the Featured Image block, but I left the caption off for the block on the Home template in order to keep the blog index clean. Editing the text of a Featured Image block&amp;#8217;s caption is not done inline in the block editor as is done with the Image block; instead, editing the featured image caption requires either selecting the image in the Media Library in the post editor, opening the image in the &lt;a href=&#34;https://wordpress.org/documentation/article/media-library-screen/#attachment-details&#34;&gt;Media Library screen&lt;/a&gt;, or opening it in the seldom-accessed &lt;a href=&#34;https://wordpress.org/documentation/article/edit-media/&#34;&gt;Edit Media screen&lt;/a&gt;.&lt;/p&gt;
  4553.  
  4554.  
  4555.  
  4556. &lt;p&gt;The plugin to implement a lightbox for the Featured Image block is much simpler, and there is no UI. There&amp;#8217;s simply another &lt;code&gt;render_block&lt;/code&gt; filter which checks to see if the “Link to Post” setting is enabled, and if not, then it enables the “enlarge on click” functionality. Normally the “Link to Post” setting is not enabled on the Single template, allowing the featured image to open in a lightbox the same as any other Image block which have lightbox enabled. The implementation was trivial because all it needed to do is enqueue the same script module and stylesheet as the Image block does, and then it passes the block content into the same &lt;a href=&#34;https://github.com/WordPress/wordpress-develop/blob/6.8.1/src/wp-includes/blocks/image.php#L128-L248&#34;&gt;function&lt;/a&gt; used by the Image block. In the end, the Featured Image block&amp;#8217;s markup looks very similar to the Image block&amp;#8217;s markup:&lt;/p&gt;
  4557.  
  4558.  
  4559. &lt;pre class=&#34;wp-block-code alignwide has-small-font-size&#34;&gt;&lt;span&gt;&lt;code class=&#34;hljs language-diff&#34;&gt;&lt;span class=&#34;hljs-comment&#34;&gt;--- image-block.html&lt;/span&gt;
  4560. &lt;span class=&#34;hljs-comment&#34;&gt;+++ featured-image-block.html&lt;/span&gt;
  4561. &lt;span class=&#34;hljs-meta&#34;&gt;@@ -1,11 +1,12 @@&lt;/span&gt;
  4562. &amp;lt;figure
  4563. data-wp-context=&#39;{&#34;imageId&#34;:&#34;68293cf73baf0&#34;}&#39;
  4564. data-wp-interactive=&#34;core/image&#34;
  4565. &lt;span class=&#34;hljs-deletion&#34;&gt;- class=&#34;wp-block-image size-full wp-lightbox-container&#34;&lt;/span&gt;
  4566. &lt;span class=&#34;hljs-addition&#34;&gt;+ style=&#34;aspect-ratio: auto&#34;&lt;/span&gt;
  4567. &lt;span class=&#34;hljs-addition&#34;&gt;+ class=&#34;wp-block-post-featured-image wp-lightbox-container&#34;&lt;/span&gt;
  4568. &amp;gt;
  4569. &amp;lt;img
  4570. alt=&#34;&#34;
  4571. &lt;span class=&#34;hljs-deletion&#34;&gt;- class=&#34;wp-image-8&#34;&lt;/span&gt;
  4572. &lt;span class=&#34;hljs-addition&#34;&gt;+ class=&#34;attachment-post-thumbnail size-post-thumbnail wp-post-image&#34;&lt;/span&gt;
  4573. data-wp-class--hide=&#34;state.isContentHidden&#34;
  4574. data-wp-class--show=&#34;state.isContentVisible&#34;
  4575. data-wp-init=&#34;callbacks.setButtonStyles&#34;
  4576. &lt;span class=&#34;hljs-meta&#34;&gt;@@ -25,6 +26,7 @@&lt;/span&gt;
  4577. http://localhost:10013/wp-content/uploads/2025/05/American_bison_k5680-1-1536x1002.jpg 1536w,
  4578. http://localhost:10013/wp-content/uploads/2025/05/American_bison_k5680-1-2048x1336.jpg 2048w
  4579. &#34;
  4580. &lt;span class=&#34;hljs-addition&#34;&gt;+ style=&#34;width: 100%; height: 100%; object-fit: cover&#34;&lt;/span&gt;
  4581. width=&#34;2560&#34;
  4582. /&amp;gt;&amp;lt;button
  4583. class=&#34;lightbox-trigger&#34;&lt;/code&gt;&lt;/span&gt;&lt;/pre&gt;
  4584.  
  4585.  
  4586. &lt;p&gt;Ultimately, I &lt;a href=&#34;https://github.com/WordPress/gutenberg/issues/57849#issuecomment-2704434044&#34;&gt;think&lt;/a&gt; the Featured Image block could be deprecated in favor of adding a “Use featured image” source to the Image block. This would allow all of its features to be re-used in a featured image context. I suppose “Link to Post” would have to be added as one of the Link options when the featured image is used as the source.&lt;/p&gt;
  4587.  
  4588.  
  4589.  
  4590. &lt;p&gt;I hope this is helpful for you with building sites with block themes while waiting for these features to land in the core Featured Image block!&lt;/p&gt;
  4591.  
  4592.  
  4593.  
  4594. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity&#34; /&gt;
  4595.  
  4596.  
  4597.  
  4598. &lt;p&gt;Where I&amp;#8217;ve shared this:&lt;/p&gt;
  4599.  
  4600.  
  4601.  
  4602. &lt;ul class=&#34;wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex&#34;&gt;&lt;li class=&#34;wp-social-link wp-social-link-bluesky  wp-block-social-link&#34;&gt;&lt;a class=&#34;wp-block-social-link-anchor&#34; href=&#34;https://bsky.app/profile/weston.ruter.net/post/3lpg5cfpvj22d&#34;&gt;&lt;svg height=&#34;24&#34; version=&#34;1.1&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M6.3,4.2c2.3,1.7,4.8,5.3,5.7,7.2.9-1.9,3.4-5.4,5.7-7.2,1.7-1.3,4.3-2.2,4.3.9s-.4,5.2-.6,5.9c-.7,2.6-3.3,3.2-5.6,2.8,4,.7,5.1,3,2.9,5.3-5,5.2-6.7-2.8-6.7-2.8,0,0-1.7,8-6.7,2.8-2.2-2.3-1.2-4.6,2.9-5.3-2.3.4-4.9-.3-5.6-2.8-.2-.7-.6-5.3-.6-5.9,0-3.1,2.7-2.1,4.3-.9h0Z&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;span class=&#34;wp-block-social-link-label screen-reader-text&#34;&gt;Bluesky&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  4603.  
  4604. &lt;li class=&#34;wp-social-link wp-social-link-linkedin  wp-block-social-link&#34;&gt;&lt;a class=&#34;wp-block-social-link-anchor&#34; href=&#34;https://www.linkedin.com/posts/westonruter_adding-caption-lightbox-to-the-featured-activity-7329712341493698561-3GQE&#34;&gt;&lt;svg height=&#34;24&#34; version=&#34;1.1&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;span class=&#34;wp-block-social-link-label screen-reader-text&#34;&gt;LinkedIn&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  4605.  
  4606. &lt;li class=&#34;wp-social-link wp-social-link-twitter  wp-block-social-link&#34;&gt;&lt;a class=&#34;wp-block-social-link-anchor&#34; href=&#34;https://x.com/westonruter/status/1923947578217071045&#34;&gt;&lt;svg height=&#34;24&#34; version=&#34;1.1&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;span class=&#34;wp-block-social-link-label screen-reader-text&#34;&gt;Twitter&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  4607.  
  4608. &lt;li class=&#34;wp-social-link wp-social-link-mastodon  wp-block-social-link&#34;&gt;&lt;a class=&#34;wp-block-social-link-anchor&#34; href=&#34;https://mastodon.social/@westonruter/114526760610405491&#34;&gt;&lt;svg height=&#34;24&#34; version=&#34;1.1&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z&#34;&gt;&lt;/svg&gt;&lt;span class=&#34;wp-block-social-link-label screen-reader-text&#34;&gt;Mastodon&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
  4609. &lt;p&gt;The post &lt;a href=&#34;https://weston.ruter.net/2025/05/17/adding-caption-and-lightbox-to-the-featured-image-block/&#34;&gt;Adding Caption &amp;amp; Lightbox to the Featured Image Block&lt;/a&gt; appeared first on &lt;a href=&#34;https://weston.ruter.net&#34;&gt;Weston Ruter&lt;/a&gt;.&lt;/p&gt;</description>
  4610. <pubDate>Sun, 18 May 2025 03:28:23 +0000</pubDate>
  4613. <dc:creator>Weston Ruter</dc:creator>
  4615. </item>
  4616.  
  4617. <item>
  4618. <title>Gutenberg Times: 14 plugins for the block editor, Gutenberg 20.8, Studio 1.15.1, Woo 9.9 and more — Weekend Edition 330</title>
  4619. <guid>https://gutenbergtimes.com/?p=40398</guid>
  4620. <link>https://gutenbergtimes.com/14-plugins-for-the-block-editor-gutenberg-20-8-studio-1-15-1-woo-9-9-and-more-weekend-edition-330/</link>
  4622. <description>&lt;p&gt;Hi there,&lt;/p&gt;
  4623.  
  4624.  
  4625.  
  4626. &lt;p&gt;This weekend I am at WordCamp Leipzig and spent Friday night and Saturday with about 70 WordPressers from the German community. It&amp;#8217;s my third year attending this small, low-key WordCamp. This year, it had way more session submissions than speaker slots, and it sold out tickets with a waiting list. Congratulations to the organizing team. &lt;img alt=&#34;🎉&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f389.png&#34; style=&#34;height: 1em;&#34; /&gt; &lt;/p&gt;
  4627.  
  4628.  
  4629.  
  4630. &lt;p&gt;With the European Accessibility Act (EAA) set to take effect on June 28, 2025, the selection of three talks focused on accessibility is both timely and highly relevant-making them especially interesting to me. I am also looking forward to Hans-Gerd Gerhard&amp;#8217;s walk through practical examples for block theme implementations. Talks on site performance, e-commerce, error handling and UX for Gen Z round up the &lt;a href=&#34;https://leipzig.wordcamp.org/2025/zeitplan/&#34;&gt;session schedule&lt;/a&gt;. Although it&amp;#8217;s a low-key WordCamp the video team is amazing. The sessions will be recorded and uploaded to WordPressTV the same or the following day. Session are in German, though. &lt;/p&gt;
  4631.  
  4632.  
  4633.  
  4634. &lt;p&gt;Save the Date for &lt;a href=&#34;https://us.wordcamp.org/2025/&#34;&gt;WordCamp US&lt;/a&gt;! It&amp;#8217;ll take place from August 26 to August 29. 2025. The call for speakers and sponsors will come out on May 19, 2025, so keep an eye out. If all goes well, I will return to WordCamp US after three years, to finally see my WordPress friends from a previous life again. &lt;img alt=&#34;🎉&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f389.png&#34; style=&#34;height: 1em;&#34; /&gt; Will I  see you in Portland, OR, too? &lt;/p&gt;
  4635.  
  4636.  
  4637.  
  4638. &lt;p&gt;I could call today&amp;#8217;s newsletter, &lt;em&gt;The Plugin Edition&lt;/em&gt;, as it mentions 14 plugins that will help with content creation, making a visual impact and organizing your site. It&amp;#8217;s actually 16 plugins if you count Gutenberg and WooCommerce as well. Have fun browsing, and please hit reply if you have any opinion or other plugins to mention. Listing those plugins here doesn&amp;#8217;t mean I recommend them, you would need to test them for yourself. I just wanted to surface them as it&amp;#8217;s a bit difficult to find new plugins in the WordPress repository.&lt;/p&gt;
  4639.  
  4640.  
  4641.  
  4642. &lt;p&gt;Have a lovely weekend! &lt;/p&gt;
  4643.  
  4644.  
  4645.  
  4646. &lt;p&gt;Yours, &lt;img alt=&#34;💕&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f495.png&#34; style=&#34;height: 1em;&#34; /&gt;&lt;br /&gt;&lt;em&gt;Birgit&lt;/em&gt;&lt;/p&gt;
  4647.  
  4648.  
  4649.  
  4650.  
  4651. &lt;section class=&#34;wp-block-newsletterglue-group&#34; style=&#34;padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; margin-top: 0px; margin-bottom: 0px;&#34;&gt;
  4652. &lt;div class=&#34;wp-block-group has-light-background-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow&#34;&gt;
  4653. &lt;p&gt;&lt;strong&gt;Table of Contents&lt;/strong&gt;&lt;/p&gt;
  4654.  
  4655.  
  4656.  
  4657. &lt;nav class=&#34;wp-block-table-of-contents&#34;&gt;&lt;ol&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/14-plugins-for-the-block-editor-gutenberg-20-8-studio-1-15-1-woo-9-9-and-more-weekend-edition-330/#0-word-press-release-information&#34;&gt;Developing Gutenberg and WordPress&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/14-plugins-for-the-block-editor-gutenberg-20-8-studio-1-15-1-woo-9-9-and-more-weekend-edition-330/#0-p&#34;&gt;Plugins, Themes, and Tools for #nocode site builders and owners&lt;/a&gt;&lt;ol&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/14-plugins-for-the-block-editor-gutenberg-20-8-studio-1-15-1-woo-9-9-and-more-weekend-edition-330/#more-single-blocks-and-block-collections-from-the-wordpress-plugin-repository&#34;&gt;More single blocks and block collections from the WordPress plugin repository&lt;/a&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/14-plugins-for-the-block-editor-gutenberg-20-8-studio-1-15-1-woo-9-9-and-more-weekend-edition-330/#3-building-themes-for-fse-and-word-press&#34;&gt;Building Blocks and Tools for the Block editor.&lt;/a&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/nav&gt;
  4658. &lt;/div&gt;&lt;/div&gt;
  4659. &lt;/section&gt;
  4660.  
  4661.  
  4662. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;0-word-press-release-information&#34;&gt;Developing Gutenberg and WordPress&lt;/h2&gt;
  4663.  
  4664.  
  4665.  
  4666. &lt;p&gt;&lt;strong&gt;George Mamadashvili&lt;/strong&gt; released &lt;a href=&#34;https://github.com/WordPress/gutenberg/releases/tag/v20.8.0&#34;&gt;&lt;strong&gt;Gutenberg 20.8&lt;/strong&gt;&lt;/a&gt; on May 14, 2025. Here are the features, Ellen Bauer and I discussed on the podcast episode&amp;#8221;&lt;/p&gt;
  4667.  
  4668.  
  4669.  
  4670. &lt;ul class=&#34;wp-block-list&#34;&gt;
  4671. &lt;li&gt;Create block package: added flag for text domain during scaffolding. (&lt;a href=&#34;https://github.com/WordPress/gutenberg/pull/69802&#34;&gt;69802&lt;/a&gt;)&lt;/li&gt;
  4672.  
  4673.  
  4674.  
  4675. &lt;li&gt;Guide component customization: next and previous button text. (&lt;a href=&#34;https://github.com/WordPress/gutenberg/pull/69907&#34;&gt;69907&lt;/a&gt;)&lt;/li&gt;
  4676.  
  4677.  
  4678.  
  4679. &lt;li&gt;Search functionality for page templates and patterns. (&lt;a href=&#34;https://github.com/WordPress/gutenberg/pull/69667&#34;&gt;69667&lt;/a&gt;)&lt;/li&gt;
  4680.  
  4681.  
  4682.  
  4683. &lt;li&gt;Meta box fixes and widget editor locking. (&lt;a href=&#34;https://github.com/WordPress/gutenberg/pull/69958&#34;&gt;69958&lt;/a&gt;)(&lt;a href=&#34;https://github.com/WordPress/gutenberg/pull/69984&#34;&gt;69984&lt;/a&gt;)&lt;/li&gt;
  4684.  
  4685.  
  4686.  
  4687. &lt;li&gt;Ability to edit HTML for invalid blocks.(&lt;a href=&#34;https://github.com/WordPress/gutenberg/pull/69902&#34;&gt;69902&lt;/a&gt;)&lt;/li&gt;
  4688.  
  4689.  
  4690.  
  4691. &lt;li&gt;Spacer block update preventing negative width in row blocks.(&lt;a href=&#34;https://github.com/WordPress/gutenberg/pull/68845&#34;&gt;68845&lt;/a&gt;)&lt;/li&gt;
  4692.  
  4693.  
  4694.  
  4695. &lt;li&gt;Box sizing property updates to prevent design overflow.(&lt;a href=&#34;https://github.com/WordPress/gutenberg/pull/70014&#34;&gt;70014&lt;/a&gt;)&lt;/li&gt;
  4696.  
  4697.  
  4698.  
  4699. &lt;li&gt;Block bindings API documentation improvements and limitations.(&lt;a href=&#34;https://github.com/WordPress/gutenberg/pull/68583&#34;&gt;68583&lt;/a&gt;)&lt;/li&gt;
  4700.  
  4701.  
  4702.  
  4703. &lt;li&gt;Block Styles:  add copy and code for style_data to documentation (&lt;a href=&#34;https://github.com/WordPress/gutenberg/pull/69920&#34;&gt;69920&lt;/a&gt;)&lt;/li&gt;
  4704. &lt;/ul&gt;
  4705.  
  4706.  
  4707.  
  4708. &lt;p&gt;The changelog is &lt;a href=&#34;https://github.com/WordPress/gutenberg/releases/tag/v20.8.0&#34;&gt;available on the GitHub repo&lt;/a&gt;. &lt;/p&gt;
  4709.  
  4710.  
  4711.  
  4712. &lt;div class=&#34;wp-block-group has-light-background-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained&#34;&gt;
  4713. &lt;p&gt;&lt;img alt=&#34;🎙&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f399.png&#34; style=&#34;height: 1em;&#34; /&gt; The latest episode &lt;a href=&#34;https://gutenbergtimes.com/podcast/gutenberg-changelog-117-woocommerce-starter-theme-and-blocks/&#34;&gt;Gutenberg Changelog 117 – WooCommerce Starter Theme and Blocks, WordCamp Europe, and Gutenberg 20.7 and 20.8&lt;/a&gt; I sat down with Ellen Bauer, WooCommerce product lead and discussed what she is working on, WordCamp Europe, Create Block Theme, WP-CLI, Gutenberg 20.7 and Gutenberg 20.8 releases. &lt;/p&gt;
  4714.  
  4715.  
  4716.  
  4717. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;img alt=&#34;Ellen Bauer and Birgit Pauli-Haack recording Gutenberg Changelog 117&#34; class=&#34;wp-image-40375&#34; height=&#34;184&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2022/03/Screenshot-2025-05-10-at-12.16.57.png?resize=652%2C184&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  4718. &lt;/div&gt;&lt;/div&gt;
  4719.  
  4720.  
  4721.  
  4722. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;0-p&#34;&gt;Plugins, Themes, and Tools for #nocode site builders and owners&lt;/h2&gt;
  4723.  
  4724.  
  4725.  
  4726. &lt;p&gt;&lt;strong&gt;Mike McAlister&lt;/strong&gt; announced &lt;a href=&#34;https://olliewp.com/the-future-of-wordpress-site-building-starts-with-ollie-pro-2-0/&#34;&gt;&lt;strong&gt;the release of Ollie Pro 2.0&lt;/strong&gt;&lt;/a&gt;. The update introduces a redesigned dashboard, a setup wizard to streamline site configuration, and starter sites, with which users could launch a complete website fast. For developers, a child theme creator is included to enable safe code customizations. The release also expands the pattern library with hundreds of professionally designed layouts and styles, all accessible through an improved pattern browser. &lt;/p&gt;
  4727.  
  4728.  
  4729.  
  4730. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;&#34; class=&#34;wp-image-40453&#34; height=&#34;373&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/Screenshot-2025-05-12-at-9.11.42%E2%80%AFAM-1536x879-1.webp?resize=652%2C373&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  4731.  
  4732.  
  4733.  
  4734. &lt;p&gt;&lt;strong&gt;Michael Pretty&lt;/strong&gt;, code wrangler at WooCommerce, recently shared some great news: &lt;a href=&#34;https://developer.woocommerce.com/2025/05/13/woocommerce-9-9-will-deliver-massive-admin-performance-gains/&#34;&gt;&lt;strong&gt;WooCommerce 9.9 will bring significant admin performance improvements.&lt;/strong&gt;&lt;/a&gt; In his post, he outlined the key factors and changes behind faster admin screen rendering and quicker action execution for Woo merchants. These updates promise a noticeably smoother and more efficient experience when managing your store. You can start testing the with the &lt;a href=&#34;https://developer.woocommerce.com/2025/05/12/woocommerce-9-9-pre-release-updates/&#34;&gt;Woo 9.9 Beta version&lt;/a&gt;. WooCommerce 9.9 is scheduled for release on June 2, 2025, just before WordCamp Europe. &lt;/p&gt;
  4735.  
  4736.  
  4737.  
  4738. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  4739.  
  4740.  
  4741.  
  4742. &lt;p&gt;If you often write tutorials with code examples, you need to check out the &lt;strong&gt;&lt;a href=&#34;https://code-block-pro.com/&#34;&gt;Code&lt;/a&gt;&lt;a href=&#34;https://wordpress.org/plugins/code-block-pro/&#34;&gt; Block Pro&lt;/a&gt;&lt;/strong&gt; plugin by &lt;strong&gt;Kevin Batdorf&lt;/strong&gt;. You can make your code look as beautiful as the rest of your site. The plugin offers dozens of different themes, and specific syntax highlighting for hundreds of programming languages. If you feel the code section gets too long with the “Click to see more” feature, you can collapse code blocks at any line, letting visitors expand only what they need. Also, very handy are line highlighting and blurring of surrounding code, which helps readers to quickly recognize the code section that you want them to focus on. I’ve only scratched the surface of what Code Block Pro can do in my own posts. You can get the plugin &lt;a href=&#34;https://wordpress.org/plugins/code-block-pro/&#34;&gt;from the WordPress repository&lt;/a&gt;.&lt;/p&gt;
  4743.  
  4744.  
  4745.  
  4746. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;a href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#second-task-update-theme-json&#34;&gt;&lt;img alt=&#34;&#34; class=&#34;wp-image-40456&#34; height=&#34;368&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/Screenshot-2025-05-15-at-15.03.42.png?resize=652%2C368&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/a&gt;&lt;figcaption class=&#34;wp-element-caption&#34;&gt;&lt;a href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#second-task-update-theme-json&#34;&gt;Screenshot from my post on Block Theme building.&lt;/a&gt; &lt;/figcaption&gt;&lt;/figure&gt;
  4747.  
  4748.  
  4749.  
  4750. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  4751.  
  4752.  
  4753.  
  4754. &lt;p&gt;In her latest tutorial, &lt;strong&gt;Anne Katzeff &lt;/strong&gt;explored &lt;a href=&#34;https://www.askdesign.biz/blog/2025/05/layout-and-design-with-row-and-stack-blocks/&#34;&gt;&lt;strong&gt;how the Row and Stack blocks expand the layout and design&lt;/strong&gt;&lt;/a&gt; possibilities for your site. She discusses all the different settings, and styles options for these Group block variations.  &lt;/p&gt;
  4755.  
  4756.  
  4757.  
  4758. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Screenshot from Anne Katzeff&#39;s tutorial with her amazing art! &#34; class=&#34;wp-image-40481&#34; height=&#34;390&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/Screenshot-2025-05-16-at-14.10.48.png?resize=652%2C390&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  4759.  
  4760.  
  4761.  
  4762. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  4763.  
  4764.  
  4765.  
  4766. &lt;p&gt;&lt;strong&gt;Hans-Gerd Gerhards&lt;/strong&gt; introduced his &lt;strong&gt;&lt;a href=&#34;https://haurand.com/plugin-shrinking-logo-sticky-header/&#34;&gt;&amp;#8220;Plugin Shrinking Logo Sticky Header”&lt;/a&gt;&lt;/strong&gt;. The plugin lets you &amp;#8220;add a modern sticky header with smooth, animated shrinking effects for both the header and the site logo.&amp;#8221; You have full control over the heights for default and shrunken states and also use your site&amp;#8217;s colors for styling. The post also entails the link for downloads videos and screenshots. The plugin in in the approval queue for the WordPress directory. &lt;/p&gt;
  4767.  
  4768.  
  4769.  
  4770. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;more-single-blocks-and-block-collections-from-the-wordpress-plugin-repository&#34;&gt;More single blocks and block collections from the WordPress plugin repository&lt;/h3&gt;
  4771.  
  4772.  
  4773.  
  4774. &lt;p&gt;I am amazed at the creativity of plugin authors to always find missing features to add to WordPress. Some even you didn&amp;#8217;t know you were missing. &lt;img alt=&#34;🧐&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f9d0.png&#34; style=&#34;height: 1em;&#34; /&gt; Over the last few days,  I found several single blocks and block collections in my RSS Feeds.  I have not tested them.  Use at your own risk. If you do try some, please let me know how it went. &lt;a href=&#34;mailto:pauli@gutenbergtimes.com&#34;&gt;Email me. &lt;/a&gt;&lt;/p&gt;
  4775.  
  4776.  
  4777.  
  4778. &lt;p&gt;&lt;a href=&#34;https://wordpress.org/plugins/nasio-blocks/&#34;&gt;&lt;strong&gt;Nasio Blocks&lt;/strong&gt;&lt;/a&gt;  by &lt;strong&gt;Nasio Themes&lt;/strong&gt; &amp;#8211; A newcomer on the WordPress repository. Welcome to the WordPress space! &lt;img alt=&#34;👋&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f44b.png&#34; style=&#34;height: 1em;&#34; /&gt; &amp;#8220;Post slider, Content slider, Gallery slider, Accordion and Icon blocks. Features a template library with predefined demo content (block patterns) to speed up the page creation process.&amp;#8221; so they say. &lt;/p&gt;
  4779.  
  4780.  
  4781.  
  4782. &lt;p&gt;&lt;strong&gt;&lt;a href=&#34;https://wordpress.org/plugins/flipbox-block/&#34;&gt;Flipbox Block&lt;/a&gt; by &lt;a href=&#34;https://gutenbergkits.com/&#34;&gt;GutenbergKits&lt;/a&gt;&lt;/strong&gt; &amp;#8220;Flip box Block &amp;#8211;  &amp;#8220;A flip box is an interactive UI element that flips between two sections on hover or click.&amp;#8221; and &amp;#8220;You can create unlimited design possibilities&amp;#8221;. I remember when I build such a flip box w/ vanilla JavaScript in a static HTML page for a memory game some time in the early 2000s. Now I just can install a block for it.&lt;/p&gt;
  4783.  
  4784.  
  4785.  
  4786. &lt;p&gt;&lt;a href=&#34;https://wordpress.org/plugins/photo-block/&#34;&gt;&lt;strong&gt;Photo Block&lt;/strong&gt;&lt;/a&gt; by &lt;a href=&#34;https://x.com/ronaldhuereca&#34;&gt;&lt;strong&gt;Ronald Huereca&lt;/strong&gt;&lt;/a&gt;, in his 20th year of his WordPress.org account. &lt;img alt=&#34;🎉&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f389.png&#34; style=&#34;height: 1em;&#34; /&gt; He built into it advanced image customization, full caption support, responsive styling, and global styles. Alone from the screenshots on the plugin page I feel a bit overwhelmed with the vast number of customizations.You&amp;#8217;ll find a ton of filters, too. To see it in action, you can &lt;a href=&#34;https://app.instawp.io/launch?t=photo-block&amp;amp;d=v2&#34;&gt;spin up a demo site&lt;/a&gt;&lt;/p&gt;
  4787.  
  4788.  
  4789.  
  4790. &lt;p&gt;&lt;a href=&#34;https://wordpress.org/plugins/pibe-parallax-image-block-and-effects/&#34;&gt;&lt;strong&gt;PIBE – Parallax Image Block and Effects&lt;/strong&gt;&lt;/a&gt; by &lt;strong&gt;Emiliano Lorenzi,&lt;/strong&gt; also a newcomer to the space! Welcome to you, too! &lt;img alt=&#34;👋&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f44b.png&#34; style=&#34;height: 1em;&#34; /&gt; His plugin &amp;#8220;allows you to add modern, animated images to your site, whether you want to add depth with parallax, capture your visitors’ attention with hover transitions, or highlight content with stylish overlays.&lt;/p&gt;
  4791.  
  4792.  
  4793.  
  4794. &lt;p&gt;&lt;strong&gt;Bhargav (Bunty) Bhandari,&lt;/strong&gt; WordPress developer author of the &lt;a href=&#34;https://wordpress.org/plugins/thread-block/&#34;&gt;Thread&lt;/a&gt; and &lt;a href=&#34;https://wordpress.org/plugins/polls-block/&#34;&gt;Polls&lt;/a&gt; blocks, has released a new plugin called: &lt;strong&gt;&lt;a href=&#34;https://wordpress.org/plugins/explicit-media-block/&#34;&gt;Explicit Media Block&lt;/a&gt;&lt;/strong&gt;. This block is an image/media block public likes and shareable links, turning your site into an interactive content hub, Instagram like as you so will.&lt;/p&gt;
  4795.  
  4796.  
  4797.  
  4798. &lt;p&gt;&lt;a href=&#34;https://wordpress.org/plugins/primekit-blocks/&#34;&gt;&lt;strong&gt;Primekit Blocks&lt;/strong&gt;&lt;/a&gt; by &lt;strong&gt;SupreoX Limited&lt;/strong&gt; with contains three blocks. The most intriguing would be for me the Animated Text Block to show for animated text effects for your headings and content. The other two are Call to Action (CTA) block and a Copyright block. &lt;/p&gt;
  4799.  
  4800.  
  4801.  
  4802. &lt;p&gt;&lt;strong&gt;&lt;a href=&#34;https://wordpress.org/plugins/groundworx-carousel/&#34;&gt;Groundworx Carousel&lt;/a&gt;&lt;/strong&gt; by &lt;a href=&#34;https://x.com/groundworxdev&#34;&gt;&lt;strong&gt;Johanne Courtright&lt;/strong&gt;&lt;/a&gt;, a longtime WordPress developer and freelancer from the US, published her first plugin in the repository. With the carousel, built with native core blocks,  you can display slides with any inner blocks. Using the Splide.js library it supports responsive options, breakpoint-based layouts, and advanced design controls. On GitHub, Courtright also provides &lt;a href=&#34;https://github.com/groundworx-dev/groundworx-carousel#example-variations&#34;&gt;instructions and code examples&lt;/a&gt; on how to extend the plugin to fit any site&amp;#8217;s needs. &lt;/p&gt;
  4803.  
  4804.  
  4805.  
  4806. &lt;p&gt;&lt;a href=&#34;https://wordpress.org/plugins/better-navigation-block-styles/&#34;&gt;&lt;strong&gt;Better Navigation Block Styles&lt;/strong&gt;&lt;/a&gt; by &lt;a href=&#34;https://x.com/marctv&#34;&gt;&lt;strong&gt;Marc Tönsing&lt;/strong&gt;&lt;/a&gt;. Tönsing aims to refine the native mobile menu with to ensure better spacing, alignment, and readability by injecting Additional CSS. &lt;/p&gt;
  4807.  
  4808.  
  4809.  
  4810. &lt;p&gt;&lt;a href=&#34;https://wordpress.org/plugins/ghostlabs-cycle-block-lite/&#34;&gt;&lt;strong&gt;Cycle Block: Lite&lt;/strong&gt;&lt;/a&gt; by &lt;b&gt;Ghos&lt;/b&gt;&lt;strong&gt;t Labs&lt;/strong&gt;, also a newcomer to the WordPress repository, Welcome! &lt;img alt=&#34;🎉&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f389.png&#34; style=&#34;height: 1em;&#34; /&gt; The team&amp;#8217;s first plugin enables user to display different content for each page load. You can rotate headlines, and create randomized call-to-actions. The description and screenshot offer more use cases where this plugin might be helpful.  On their website you find a few more plugins: City blocks for location-based content and Ghostwriter block, using AI for content creation. &lt;/p&gt;
  4811.  
  4812.  
  4813.  
  4814. &lt;p&gt;&lt;strong&gt;&lt;a href=&#34;https://wordpress.org/plugins/wpmozo-blocks-and-addons/&#34;&gt;WPMozo Blocks and Addons&lt;/a&gt;&lt;/strong&gt; by &lt;a href=&#34;https://elicus.com/about-us/&#34;&gt;&lt;strong&gt;Elicus&lt;/strong&gt;&lt;/a&gt; provides plenty of Custom blocks to use, a few sliders, a flip box, tilt image, before-and-after comparisons block. You can see it all in action on &lt;a href=&#34;https://wpmozoblocks.com/&#34;&gt;the demo site.&lt;/a&gt; I found the &lt;a href=&#34;https://wpmozoblocks.com/interactive-image-card/&#34;&gt;interactive image card&lt;/a&gt; to be quite interesting. The &lt;a href=&#34;https://wpmozoblocks.com/separator/&#34;&gt;Separator block&lt;/a&gt; is probably one I would use if I had to spruce up a wall of text or so. &lt;/p&gt;
  4815.  
  4816.  
  4817.  
  4818. &lt;p&gt;Which reminds me: On the WordPress Developer blog, &lt;strong&gt;Justin Tadlock&lt;/strong&gt; wrote a tutorial about &lt;a href=&#34;https://developer.wordpress.org/news/2023/07/beyond-block-styles-part-2-building-a-custom-style-for-the-separator-block/&#34;&gt;&lt;strong&gt;Building a custom style for the Separator block&lt;/strong&gt;&lt;/a&gt;, just in case you are tempted to get into block style building without creating a Custom block. &lt;/p&gt;
  4819.  
  4820.  
  4821.  
  4822. &lt;p&gt;That&amp;#8217;s it for now. Please keep in mind that I don&amp;#8217;t have any aspiration to be comprehensive when curating plugins. I would also be delighted, if you want to &lt;a href=&#34;mailto:pauli@gutenbergtimes.com&#34;&gt;email me&lt;/a&gt; asking me to check out your plugin. &lt;/p&gt;
  4823.  
  4824.  
  4825.  
  4826. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  4827.  
  4828.  
  4829. &lt;section class=&#34;wp-block-newsletterglue-callout undefined not-color-set&#34; style=&#34;border-color: #f9f9e5; border-radius: 22px; border-style: solid; border-width: 0; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; text-align: left; margin-left: 0; margin-right: 0; margin-top: 0px; margin-bottom: 0px; background-color: #f9f9e5;&#34;&gt;
  4830. &lt;p&gt;&lt;strong&gt; &lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;&amp;#8220;Keeping up with Gutenberg &amp;#8211; Index 2025&amp;#8221;&lt;/a&gt; &lt;/strong&gt;&lt;br /&gt;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: &lt;strong&gt;&lt;strong&gt;&lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/keeping-up-with-gutenberg-index-2020/&#34;&gt;2020&lt;/a&gt; | &lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/keeping-up-with-gutenberg-index-2021/&#34;&gt;2021&lt;/a&gt;&lt;/strong&gt; | &lt;strong&gt;&lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/keeping-up-with-gutenberg-index-2022/&#34;&gt;2022&lt;/a&gt;&lt;/strong&gt;&lt;/strong&gt; | &lt;strong&gt;&lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/gutenberg-index-2023&#34;&gt;2023&lt;/a&gt;&lt;/strong&gt; | &lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/gutenberg-index-2024/&#34;&gt;&lt;strong&gt;2024&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
  4831. &lt;/section&gt;
  4832.  
  4833.  
  4834. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;3-building-themes-for-fse-and-word-press&#34;&gt;Building Blocks and Tools for the Block editor.&lt;/h2&gt;
  4835.  
  4836.  
  4837.  
  4838. &lt;p&gt;&lt;strong&gt;Felix Arntz,&lt;/strong&gt; a developer at Google and the author of the &lt;a href=&#34;https://wordpress.org/plugins/ai-services/&#34;&gt;AI services plugin&lt;/a&gt;, has authored a tutorial detailing the process by which individuals can utilize this plugin to create artificial intelligence tools, such as &lt;a href=&#34;https://felix-arntz.me/blog/writing-a-wordpress-plugin-to-generate-image-alt-text-with-ai-services/#more-1987&#34;&gt;an image alt text generator&lt;/a&gt;.&lt;/p&gt;
  4839.  
  4840.  
  4841.  
  4842. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  4843.  
  4844.  
  4845.  
  4846. &lt;p&gt;&lt;a href=&#34;https://bsky.app/profile/2ndkauboy.bsky.social&#34;&gt;&lt;strong&gt;Bernhard Kau&lt;/strong&gt;&lt;/a&gt; published a tutorial on &lt;a href=&#34;https://kau-boys.com/4107/wordpress/adding-a-custom-panel-to-query-monitor&#34;&gt;&lt;strong&gt;how to add a custom panel to Query Monitor&lt;/strong&gt;&lt;/a&gt;. Query Monitor should be in every WordPress developer toolbox, and how to customize it is a very useful skill to have. &lt;br /&gt;&lt;/p&gt;
  4847.  
  4848.  
  4849.  
  4850. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  4851.  
  4852.  
  4853.  
  4854. &lt;p class=&#34;has-small-font-size&#34;&gt;In last week&amp;#8217;s live stream, &lt;strong&gt;Jonathan Bossenger&lt;/strong&gt; explored &lt;a href=&#34;https://www.youtube.com/watch?v=AwxE-R7OsVU&#34;&gt; how to use the Feature API&lt;/a&gt;. He figured out how to hook up Woo&amp;#8217;s LMS, Sensei and register its lessons as tools. Then he instructed an AI agent to create a lesson from a markdown file. &lt;/p&gt;
  4855.  
  4856.  
  4857.  
  4858. &lt;p class=&#34;has-normal-font-size&#34;&gt;Automattic introduced a&lt;a href=&#34;https://github.com/Automattic/wp-feature-api&#34;&gt; new Feature API&lt;/a&gt; for WordPress. It allows AI agent tools to interact with sites in more structured ways—unlocking new possibilities for plugins and automation.&lt;/p&gt;
  4859.  
  4860.  
  4861.  
  4862. &lt;p class=&#34;has-small-font-size&#34;&gt;&lt;strong&gt;Jamie Marsland&lt;/strong&gt; posted on LinkedIn, why that&amp;#8217;s important: &lt;a href=&#34;https://www.linkedin.com/pulse/wordpress-sitting-goldmine-feature-api-just-dug-first-jamie-marsland-3sije/?trackingId=qVLCTVZZSniPqxIiHZRpdQ%3D%3D&#34;&gt;&lt;strong&gt;WordPress Is Sitting on a Goldmine — And the Feature API Just Dug the First Tunnel&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
  4863.  
  4864.  
  4865. &lt;div class=&#34;wp-block-newsletterglue-showhide ng-block&#34; width=&#34;100%&#34;&gt;
  4866. &lt;figure class=&#34;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&#34;&gt;&lt;div class=&#34;wp-block-embed__wrapper&#34;&gt;
  4867.  
  4868. &lt;/div&gt;&lt;/figure&gt;
  4869. &lt;/div&gt;
  4870.  
  4871.  
  4872. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  4873.  
  4874.  
  4875.  
  4876. &lt;p&gt;&lt;strong&gt;Nick Diego&lt;/strong&gt; has tested the latest Studio v 1.5.1, the new local development app by WordPress.com, release and wrote a tutorial on how to use the new features: &lt;a href=&#34;https://wordpress.com/blog/2025/05/12/preferences-studio/&#34;&gt;&lt;strong&gt;Customize Your WordPress Development Workflow: New Preferences in Studio&lt;/strong&gt;&lt;/a&gt;. I made Studio my only local development tool installed.&lt;/p&gt;
  4877.  
  4878.  
  4879.  
  4880. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  4881.  
  4882.  
  4883. &lt;section class=&#34;wp-block-newsletterglue-callout undefined not-color-set&#34; style=&#34;border-color: #eeeeee; border-radius: 26px; border-style: solid; border-width: 0; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; text-align: left; margin-left: 0; margin-right: 0; margin-top: 0px; margin-bottom: 0px; background-color: #f3efe9;&#34;&gt;
  4884. &lt;p&gt;&lt;strong&gt;&lt;a href=&#34;https://gutenbergtimes.com/need-a-zip-from-master/&#34;&gt;Need a plugin .zip from Gutenberg&amp;#8217;s master branch?&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;Gutenberg Times provides daily build for testing and review. &lt;/p&gt;
  4885.  
  4886.  
  4887.  
  4888. &lt;p&gt;Now also available via &lt;a href=&#34;https://playground.wordpress.net/?blueprint-url=https://gutenbergtimes.com/wp-content/uploads/2020/11/playnightly.json&#34;&gt;WordPress Playground&lt;/a&gt;. There is no need for a test site locally or on a server. Have you been using it? &lt;a href=&#34;mailto:pauli@gutenbergtimes.com&#34;&gt;Email me &lt;/a&gt;with your experience&lt;/p&gt;
  4889.  
  4890.  
  4891.  
  4892. &lt;p&gt;&lt;img alt=&#34;GitHub all releases&#34; src=&#34;https://img.shields.io/github/downloads/bph/gutenberg/total?style=for-the-badge&#34; /&gt;&lt;/p&gt;
  4893. &lt;/section&gt;
  4894.  
  4895.  
  4896. &lt;p class=&#34;has-text-align-center has-small-font-size&#34;&gt;&lt;em&gt;Questions? Suggestions? Ideas? &lt;/em&gt;&lt;br /&gt;&lt;em&gt;Don&amp;#8217;t hesitate to send &lt;a href=&#34;mailto:pauli@gutenbergtimes.com&#34;&gt;them via email&lt;/a&gt; or&lt;/em&gt;&lt;br /&gt;&lt;em&gt; send me a message on WordPress Slack or Twitter @bph&lt;/em&gt;.&lt;/p&gt;
  4897.  
  4898.  
  4899.  
  4900. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity&#34; /&gt;
  4901.  
  4902.  
  4903.  
  4904. &lt;p class=&#34;has-text-align-center has-small-font-size&#34;&gt;For questions to be answered on the &lt;a href=&#34;http://gutenbergtimes.com/podcast&#34;&gt;Gutenberg Changelog&lt;/a&gt;, &lt;br /&gt;send them to &lt;a href=&#34;mailto:changelog@gutenbergtimes.com&#34;&gt;changelog@gutenbergtimes.com&lt;/a&gt;&lt;/p&gt;
  4905.  
  4906.  
  4907.  
  4908. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  4909.  
  4910.  
  4911. &lt;section class=&#34;wp-block-newsletterglue-group&#34; style=&#34;padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; margin-top: 0px; margin-bottom: 0px;&#34;&gt;
  4912. &lt;p&gt;Featured Image: Photo by Fran Jacquier on Unsplash&lt;/p&gt;
  4913.  
  4914.  
  4915.  
  4916. &lt;hr class=&#34;wp-block-separator has-css-opacity is-style-wide&#34; /&gt;
  4917.  
  4918.  
  4919.  
  4920. &lt;p class=&#34;has-text-align-left&#34;&gt;&lt;strong&gt;Don&amp;#8217;t want to miss the next Weekend Edition? &lt;/strong&gt;&lt;/p&gt;
  4921.  
  4922.  
  4923. &lt;form action=&#34;https://gutenbergtimes.com/feed/&#34; autocomplete=&#34;on&#34; class=&#34;wp-block-newsletterglue-form ngl-form ngl-portrait&#34; method=&#34;post&#34;&gt;&lt;div class=&#34;ngl-form-container&#34;&gt;&lt;div class=&#34;ngl-form-field&#34; style=&#34;margin-bottom: 25px;&#34;&gt;&lt;label class=&#34;ngl-form-label&#34; for=&#34;ngl_email&#34;&gt;&lt;br /&gt;Type in your Email address to subscribe.&lt;/label&gt;&lt;div class=&#34;ngl-form-input&#34;&gt;&lt;input autocomplete=&#34;email&#34; class=&#34;ngl-form-input-text&#34; id=&#34;ngl_email&#34; name=&#34;ngl_email&#34; required=&#34;required&#34; style=&#34;border-radius: 21px;&#34; type=&#34;email&#34; /&gt;&lt;/div&gt;&lt;/div&gt;&lt;button class=&#34;ngl-form-button&#34; style=&#34;background-color: #005075; border-color: #005075; border-width: 1px; border-style: solid; color: #ffffff; border-radius: 21px;&#34; type=&#34;submit&#34;&gt;Subscribe&lt;/button&gt;&lt;p class=&#34;ngl-form-text&#34;&gt;We hate spam, too, and won&amp;#8217;t give your email address to anyone &lt;br /&gt;except Mailchimp to send out our Weekend Edition&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;ngl-message-overlay&#34;&gt;&lt;div class=&#34;ngl-message-svg-wrap&#34;&gt;&lt;svg fill=&#34;none&#34; height=&#34;24&#34; stroke=&#34;#fff&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;polyline points=&#34;20 6 9 17 4 12&#34;&gt;&lt;/polyline&gt;&lt;/svg&gt;&lt;/div&gt;&lt;div class=&#34;ngl-message-overlay-text&#34;&gt;Thanks for subscribing.&lt;/div&gt;&lt;/div&gt;&lt;input id=&#34;ngl_list_id&#34; name=&#34;ngl_list_id&#34; type=&#34;hidden&#34; value=&#34;26f81bd8ae&#34; /&gt;&lt;input id=&#34;ngl_double_optin&#34; name=&#34;ngl_double_optin&#34; type=&#34;hidden&#34; value=&#34;yes&#34; /&gt;&lt;/form&gt;
  4924.  
  4925.  
  4926. &lt;hr class=&#34;wp-block-separator has-css-opacity is-style-wide&#34; /&gt;
  4927. &lt;/section&gt;</description>
  4928. <pubDate>Sat, 17 May 2025 05:55:22 +0000</pubDate>
  4931. <dc:creator>Birgit Pauli-Haack</dc:creator>
  4933. </item>
  4934.  
  4935. <item>
  4936. <title>Do The Woo Community: Why Contributor Day in Basel is a Must-Do</title>
  4937. <guid>https://openchannels.fm/?post_type=blog&amp;p=96961</guid>
  4938. <link>https://openchannels.fm/why-contributor-day-in-basel-is-a-must-do/</link>
  4940. <description>Contributor Day at WordCamp Europe 2025 is a community event on June 5th in Basel, Switzerland, encouraging contributions to the WordPress project for all skill levels.</description>
  4941. <pubDate>Fri, 16 May 2025 07:41:52 +0000</pubDate>
  4944. <dc:creator>Bob Dunn</dc:creator>
  4946. </item>
  4947.  
  4948. <item>
  4949. <title>Matt: Jony Ive &amp;amp; Patrick Collison</title>
  4950. <guid>https://ma.tt/?p=142505</guid>
  4951. <link>https://ma.tt/2025/05/jony-ive/</link>
  4953. <description>&lt;p&gt;A really beautiful interview.&lt;/p&gt;
  4954.  
  4955.  
  4956.  
  4957. &lt;figure class=&#34;wp-block-embed alignwide is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&#34;&gt;&lt;div class=&#34;wp-block-embed__wrapper&#34;&gt;
  4958.  
  4959. &lt;/div&gt;&lt;/figure&gt;</description>
  4960. <pubDate>Fri, 16 May 2025 00:08:37 +0000</pubDate>
  4963. <dc:creator>Matt</dc:creator>
  4965. </item>
  4966.  
  4967. <item>
  4968. <title>Do The Woo Community: Lessons Learned From 15 Years of Building Complex WooCommerce Sites with Matt Schwartz</title>
  4969. <guid>https://openchannels.fm/?p=96975</guid>
  4970. <link>https://openchannels.fm/lessons-learned-from-15-years-of-building-complex-woocommerce-sites-with-matt-schwartz/</link>
  4972. <description>In Woo AgencyChat, host Robert Jacobi chats with Matt Schwartz from Inspry about their journeys in WordPress, WooCommerce insights, lessons in agency growth, and the importance of educating clients on Woo&#39;s capabilities and responsibilities.</description>
  4973. <pubDate>Thu, 15 May 2025 08:57:52 +0000</pubDate>
  4976. <dc:creator>Bob Dunn</dc:creator>
  4978. </item>
  4979.  
  4980. <item>
  4981. <title>Weston Ruter: A Decade as a Core Committer: My WordPress Contribution History</title>
  4982. <guid>https://weston.ruter.net/?p=34264</guid>
  4983. <link>https://weston.ruter.net/2025/05/14/a-decade-as-a-core-committer-my-wordpress-contribution-history/</link>
  4985. <description>&lt;p&gt;&lt;strong&gt;Next Tuesday is my 10-year anniversary of &lt;a href=&#34;https://make.wordpress.org/core/2015/05/20/new-committers-for-4-3/&#34;&gt;becoming a WordPress core committer&lt;/a&gt; back on May 20, 2015.&lt;/strong&gt;&lt;/p&gt;
  4986.  
  4987.  
  4988.  
  4989. &lt;p&gt;This post is somewhat of a résumé for my contributions to the WordPress project. I &lt;a href=&#34;https://weston.ruter.net/2018/09/19/becoming-a-googler/&#34;&gt;joined Google&lt;/a&gt; in 2018 to work full time on WordPress. After 6½ years, my sponsored contributor position there has been eliminated. I&amp;#8217;m hoping to continue contributing the majority of my time to WordPress at another company that also cares for the health of the open web and the democratization of publishing.&lt;/p&gt;
  4990.  
  4991.  
  4992.  
  4993. &lt;p&gt;Thanks to Peter Wilson for his useful &lt;a href=&#34;https://peterwilson.cc/wordpress-contribution-history/&#34;&gt;WordPress Core Contribution History&lt;/a&gt; tool, I used it to &lt;a href=&#34;https://peterwilson.cc/wordpress-contribution-history/?wp-credit-history-username=westonruter&#34;&gt;look up my contribution history&lt;/a&gt;:&lt;/p&gt;
  4994.  
  4995.  
  4996.  
  4997. &lt;blockquote class=&#34;wp-block-quote is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  4998. &lt;p&gt;@westonruter is a core contributor to 32 WordPress releases &lt;/p&gt;
  4999. &lt;/blockquote&gt;
  5000.  
  5001.  
  5002.  
  5003. &lt;details class=&#34;wp-block-details is-layout-flow wp-block-details-is-layout-flow&#34;&gt;Full contribution history credits table
  5004. &lt;p class=&#34;has-small-font-size&#34;&gt;Note that Peter told me that the Credits API only goes back to WordPress 3.2, so that&amp;#8217;s why it&amp;#8217;s the first release listed. I&amp;#8217;ve omitted the empty rows from 3.2 to 3.6 in which I wasn&amp;#8217;t listed in the credits.&lt;/p&gt;
  5005.  
  5006.  
  5007.  
  5008. &lt;figure class=&#34;wp-block-table&#34;&gt;&lt;table class=&#34;has-fixed-layout&#34;&gt;&lt;thead&gt;&lt;tr&gt;&lt;th class=&#34;has-text-align-left&#34;&gt;Version&lt;/th&gt;&lt;th class=&#34;has-text-align-left&#34;&gt;Title&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;3.7&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;3.8&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;3.9&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Contributing Developer&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;4.0&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Contributing Developer&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;4.1&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Contributing Developer&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;4.2&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Contributing Developer&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;4.3&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Contributing Developer&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;4.4&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Contributing Developer&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;4.5&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Contributing Developer&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;4.6&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Developer&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;4.7&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Developer&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;4.8&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Developer&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;4.9&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Release Lead&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;5.0&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;5.1&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;5.2&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;5.3&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;5.4&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;5.5&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;5.6&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;5.7&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;5.8&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;5.9&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;6.0&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;6.1&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;6.2&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;6.3&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Noteworthy Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;6.4&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Noteworthy Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;6.5&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;6.6&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;6.7&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Core Contributor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;6.8&lt;/td&gt;&lt;td class=&#34;has-text-align-left&#34;&gt;Noteworthy Contributor&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/figure&gt;
  5009. &lt;/details&gt;
  5010.  
  5011.  
  5012.  
  5013. &lt;p&gt;My first credited release was &lt;a href=&#34;https://wordpress.org/news/2013/10/basie/&#34;&gt;WordPress 3.7&lt;/a&gt;. However, I grepped core commits to find that my very first prop in changeset &lt;a href=&#34;https://core.trac.wordpress.org/changeset/11567&#34;&gt;r11567&lt;/a&gt; (on June 14, 2009) came before that as part of the &lt;a href=&#34;https://wordpress.org/news/2009/07/wordpress-2-8-1/&#34;&gt;2.8.1 minor release&lt;/a&gt;. While I had been building sites with WordPress since around 2006 (and even had a blog years earlier), this was a drive-by contribution, years before I started contributing heavily in 2013. My next prop came four years later in &lt;a href=&#34;https://core.trac.wordpress.org/changeset/25580&#34;&gt;r25580&lt;/a&gt; which is when I started contributing heavily. I&amp;#8217;ve had credits in every major release since 3.7: thirty-two in all!&lt;/p&gt;
  5014.  
  5015.  
  5016.  
  5017. &lt;p&gt;Credits I&amp;#8217;ve had include:&lt;/p&gt;
  5018.  
  5019.  
  5020.  
  5021. &lt;ul class=&#34;wp-block-list&#34;&gt;
  5022. &lt;li&gt;Core Contributor (18⨉)&lt;/li&gt;
  5023.  
  5024.  
  5025.  
  5026. &lt;li&gt;Contributing Developer (7⨉)&lt;/li&gt;
  5027.  
  5028.  
  5029.  
  5030. &lt;li&gt;Core Developer (3⨉)&lt;/li&gt;
  5031.  
  5032.  
  5033.  
  5034. &lt;li&gt;Noteworthy Contributor (3⨉)&lt;/li&gt;
  5035.  
  5036.  
  5037.  
  5038. &lt;li&gt;(co-)Release Lead (1⨉)&lt;/li&gt;
  5039. &lt;/ul&gt;
  5040.  
  5041.  
  5042.  
  5043. &lt;p&gt;I&amp;#8217;ve made &lt;a href=&#34;https://github.com/WordPress/wordpress-develop/commits?author=westonruter&#34;&gt;662 commits&lt;/a&gt; to &lt;code&gt;trunk&lt;/code&gt; and I&amp;#8217;ve had props on &lt;a href=&#34;https://github.com/search?q=repo%3AWordPress%2Fwordpress-develop+%2F%5Eprops.%2Bwestonruter%2F&amp;amp;type=commits&#34;&gt;465 commits&lt;/a&gt;:&lt;/p&gt;
  5044.  
  5045.  
  5046.  
  5047. &lt;figure class=&#34;wp-block-image size-full wp-lightbox-container&#34;&gt;&lt;img alt=&#34;Weston Ruter&#39;s WordPress Core Commit Contributions&#34; class=&#34;wp-image-34502&#34; height=&#34;848&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/05/weston-ruter-wordpress-core-commit-contributions.svg&#34; width=&#34;600&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  5048. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  5049. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  5050. &lt;/svg&gt;
  5051. &lt;/button&gt;&lt;/figure&gt;
  5052.  
  5053.  
  5054.  
  5055. &lt;p&gt;I&amp;#8217;ve also opened &lt;a href=&#34;https://core.trac.wordpress.org/query?reporter=westonruter&amp;amp;col=id&amp;amp;col=summary&amp;amp;col=status&amp;amp;col=owner&amp;amp;col=type&amp;amp;col=priority&amp;amp;col=milestone&amp;amp;order=priority&#34;&gt;324 Trac tickets&lt;/a&gt; and made &lt;a href=&#34;https://wordpress.org/support/users/westonruter/&#34;&gt;4,935 topic replies&lt;/a&gt; in the WordPress support forum.&lt;/p&gt;
  5056.  
  5057.  
  5058.  
  5059. &lt;p&gt;It all began in 2013 when I started contributing heavily to the &lt;a href=&#34;https://make.wordpress.org/core/components/customize/&#34;&gt;Customize&lt;/a&gt; component. My first major feature was &lt;a href=&#34;https://make.wordpress.org/core/2014/01/28/widget-customizer-feature-as-plugin-merge-proposal/&#34;&gt;adding widgets to the Customizer&lt;/a&gt;, and I continued contributing heavily to the Customizer through the end of 2017, around when &lt;a href=&#34;https://wordpress.org/news/2017/11/tipton/&#34;&gt;WordPress 4.9&lt;/a&gt; was released. Here are a few of my Make/Core posts (out of the &lt;a href=&#34;https://make.wordpress.org/core/author/westonruter/&#34;&gt;35 posts&lt;/a&gt; I&amp;#8217;ve published) that highlight some of my work during this time:&lt;/p&gt;
  5060.  
  5061.  
  5062.  
  5063. &lt;ul class=&#34;wp-block-list&#34;&gt;
  5064. &lt;li&gt;&lt;a href=&#34;https://make.wordpress.org/core/2014/01/28/widget-customizer-feature-as-plugin-merge-proposal/&#34;&gt;Widget Customizer Feature-as-Plugin Merge Proposal&lt;/a&gt;&lt;/li&gt;
  5065.  
  5066.  
  5067.  
  5068. &lt;li&gt;&lt;a href=&#34;https://make.wordpress.org/core/2015/01/26/customizer-transactions-proposal/&#34;&gt;Proposal: Customizer Transactions&lt;/a&gt;&lt;/li&gt;
  5069.  
  5070.  
  5071.  
  5072. &lt;li&gt;&lt;a href=&#34;https://make.wordpress.org/core/2016/02/16/selective-refresh-in-the-customizer/&#34;&gt;Selective Refresh in the Customizer&lt;/a&gt;&lt;/li&gt;
  5073.  
  5074.  
  5075.  
  5076. &lt;li&gt;&lt;a href=&#34;https://make.wordpress.org/core/2016/05/04/improving-setting-validation-in-the-customizer/&#34;&gt;Improving Setting Validation in the Customizer&lt;/a&gt;&lt;/li&gt;
  5077.  
  5078.  
  5079.  
  5080. &lt;li&gt;&lt;a href=&#34;https://make.wordpress.org/core/2016/10/12/customize-changesets-formerly-transactions-merge-proposal/&#34;&gt;Customize Changesets (formerly Transactions) Merge Proposal&lt;/a&gt;&lt;/li&gt;
  5081.  
  5082.  
  5083.  
  5084. &lt;li&gt;&lt;a href=&#34;https://make.wordpress.org/core/2016/10/12/customize-changesets-technical-design-decisions/&#34;&gt;Customize Changesets Technical Design Decisions&lt;/a&gt;&lt;/li&gt;
  5085.  
  5086.  
  5087.  
  5088. &lt;li&gt;&lt;a href=&#34;https://make.wordpress.org/core/2017/10/22/code-editing-improvements-in-wordpress-4-9/&#34;&gt;Code Editing Improvements in WordPress 4.9&lt;/a&gt;&lt;/li&gt;
  5089.  
  5090.  
  5091.  
  5092. &lt;li&gt;&lt;a href=&#34;https://make.wordpress.org/core/2017/11/03/new-features-and-enhancements-with-customizer-changesets-in-4-9/&#34;&gt;New Features and Enhancements with Customizer Changesets in 4.9&lt;/a&gt;&lt;/li&gt;
  5093. &lt;/ul&gt;
  5094.  
  5095.  
  5096.  
  5097. &lt;p&gt;I also blogged a &lt;a href=&#34;https://weston.ruter.net/2017/11/03/wordpress-4-9/&#34;&gt;recap&lt;/a&gt; of co-leading the 4.9 release, and I &lt;a href=&#34;https://weston.ruter.net/2017/12/06/presenting-wordpress-releases-at-state-of-the-word-2017/&#34;&gt;presented highlights from the 4.8 &amp;amp; 4.9 releases&lt;/a&gt; during &lt;abbr title=&#34;State of the Word&#34;&gt;SotW&lt;/abbr&gt; at WordCamp US 2017. My time working on the Customizer and the 4.9 release was sponsored by &lt;a href=&#34;https://xwp.co/&#34;&gt;XWP&lt;/a&gt;, where I was &lt;abbr title=&#34;Chief Technology Officer&#34;&gt;CTO&lt;/abbr&gt;.&lt;/p&gt;
  5098.  
  5099.  
  5100.  
  5101. &lt;p&gt;In that year, development on the Gutenberg project took off, and this coincided with a decline in direct contributions to WordPress core. Over that summer I also &lt;a href=&#34;https://github.com/WordPress/gutenberg/graphs/contributors?from=5%2F20%2F2017&amp;amp;to=7%2F30%2F2017#:~:text=westonruter-,westonruter,-%27s%20Commits&#34;&gt;started ramping up&lt;/a&gt; on Gutenberg, but then I got the call to lead the 4.9 release and I had to leave Gutenberg behind. I focused instead on continuing to improve the Customizer among other aspects of WordPress core. However, once 4.9 was out the door, it became clear that the Customizer was not going to be a priority focus for the WordPress project going forward, with all efforts being put into Gutenberg. In fact, there was no major release of WordPress for more than a year until the Gutenberg project was ready for inclusion in &lt;a href=&#34;https://wordpress.org/news/2018/12/bebo/&#34;&gt;WordPress 5.0&lt;/a&gt;.&lt;/p&gt;
  5102.  
  5103.  
  5104.  
  5105. &lt;p&gt;Since I somewhat missed the boat on Gutenberg, and since new Customizer feature development was at an end, I pivoted in 2018 to work on something new: the &lt;a href=&#34;https://github.com/ampproject/amp-wp/&#34;&gt;AMP plugin for WordPress&lt;/a&gt;. (I also joined Google in Q4 2018.) This was largely my focus until I joined the &lt;a href=&#34;https://make.wordpress.org/performance/&#34;&gt;WordPress Core Performance Team&lt;/a&gt; in 2023. This was an interesting challenge to democratize performance for WordPress sites by leveraging the open source &lt;a href=&#34;https://amp.dev/&#34;&gt;AMP web component framework&lt;/a&gt;. Since AMP is a declarative framework, I implemented some interesting things like CSS tree shaking for all stylesheets used on a page and print them inline to eliminate a large source of render blocking. Ultimately, a lot of what I learned while working on the AMP plugin I could apply directly to our initiatives on the WordPress Core Performance Team. AMP was developed before Core Web Vitals (CWV), and &lt;a href=&#34;https://blog.amp.dev/2019/05/21/contributing-back-lessons-learned-part-1/&#34;&gt;it contributed toward the development&lt;/a&gt; of &lt;abbr title=&#34;Largest Contentful Paint&#34;&gt;LCP&lt;/abbr&gt;, &lt;abbr title=&#34;Cumulative Layout Shift&#34;&gt;CLS&lt;/abbr&gt;, and &lt;abbr title=&#34;First Input Delay&#34;&gt;FID&lt;/abbr&gt;. So now as opposed to working on ecosystem compatibility with the &lt;a href=&#34;https://amp.dev/documentation/guides-and-tutorials/learn/spec/amphtml&#34;&gt;AMP HTML specification&lt;/a&gt;, my performance work transitioned to improving CWV metrics.&lt;/p&gt;
  5106.  
  5107.  
  5108.  
  5109. &lt;p&gt;Some highlights from my work on the Core Performance Team:&lt;/p&gt;
  5110.  
  5111.  
  5112.  
  5113. &lt;ul class=&#34;wp-block-list&#34;&gt;
  5114. &lt;li&gt;Architected and led engineering of the &lt;a href=&#34;https://github.com/WordPress/performance/blob/trunk/plugins/optimization-detective/docs/introduction.md&#34;&gt;Optimization Detective&lt;/a&gt; plugin, including the dependent &lt;a href=&#34;https://wordpress.org/plugins/image-prioritizer/&#34;&gt;Image Prioritizer&lt;/a&gt; and &lt;a href=&#34;https://wordpress.org/plugins/embed-optimizer/&#34;&gt;Embed Optimizer&lt;/a&gt; plugins. By far this was (and is) my primary focus on the team. See my talk &lt;a href=&#34;https://weston.ruter.net/2025/02/21/boosting-performance-with-optimization-detective/&#34;&gt;Boosting Performance with Optimization Detective&lt;/a&gt; which I gave at WordCamp Asia 2025. More on this below.&lt;/li&gt;
  5115.  
  5116.  
  5117.  
  5118. &lt;li&gt;Identified and fixed an emoji loader performance problem (&lt;a href=&#34;https://core.trac.wordpress.org/ticket/58472&#34;&gt;#58472&lt;/a&gt;) that caused a long task during page load for lower-powered devices, which could cause a 100-200 ms delay in LCP for every page load.&lt;/li&gt;
  5119.  
  5120.  
  5121.  
  5122. &lt;li&gt;Collaborated on &lt;a href=&#34;https://make.wordpress.org/core/2023/07/14/registering-scripts-with-async-and-defer-attributes-in-wordpress-6-3/&#34;&gt;launching script loading strategies&lt;/a&gt; (&lt;code&gt;async&lt;/code&gt; &amp;amp; &lt;code&gt;defer&lt;/code&gt;).&lt;/li&gt;
  5123.  
  5124.  
  5125.  
  5126. &lt;li&gt;Collaborated on developing the &lt;a href=&#34;https://make.wordpress.org/core/2024/04/09/speculative-loading-in-wordpress/&#34;&gt;Speculative Loading feature plugin&lt;/a&gt; and &lt;a href=&#34;https://make.wordpress.org/core/2025/03/06/speculative-loading-in-6-8/&#34;&gt;landing in WordPress 6.8&lt;/a&gt;.&lt;/li&gt;
  5127.  
  5128.  
  5129.  
  5130. &lt;li&gt;Managed &lt;a href=&#34;https://github.com/WordPress/performance/releases&#34;&gt;Performance Lab releases&lt;/a&gt; and led development of the plugin.&lt;/li&gt;
  5131.  
  5132.  
  5133.  
  5134. &lt;li&gt;Improved Interactivity API to &lt;a href=&#34;https://github.com/WordPress/gutenberg/issues/58225&#34;&gt;prevent causing a long task&lt;/a&gt; at hydration.&lt;/li&gt;
  5135.  
  5136.  
  5137.  
  5138. &lt;li&gt;&lt;a href=&#34;https://github.com/GoogleChromeLabs/wpp-research/issues?q=author%3Awestonruter&#34;&gt;Contributed to wpp-research&lt;/a&gt; to improve benchmarking performance changes in WordPress and analyzing data from WP pages indexed by HTTP Archive.&lt;/li&gt;
  5139. &lt;/ul&gt;
  5140.  
  5141.  
  5142.  
  5143. &lt;p&gt;Note that, on the Core Performance Team, my core commit contributions didn&amp;#8217;t more significantly increase in 2023 in the chart above since my &lt;a href=&#34;https://github.com/WordPress/performance/graphs/contributors#:~:text=westonruter-,westonruter,-%27s%20Commits&#34;&gt;commit activity&lt;/a&gt; was focused on the WordPress/performance repo: &lt;/p&gt;
  5144.  
  5145.  
  5146.  
  5147. &lt;figure class=&#34;wp-block-image size-full wp-lightbox-container&#34;&gt;&lt;img alt=&#34;Weston Ruter&#39;s Commits to the WordPress/performance repo&#34; class=&#34;wp-image-34505&#34; height=&#34;491&#34; src=&#34;https://weston.ruter.net/wp-content/uploads/2025/05/westonruter-wordpress-performance-commits.svg&#34; width=&#34;793&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  5148. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  5149. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  5150. &lt;/svg&gt;
  5151. &lt;/button&gt;&lt;/figure&gt;
  5152.  
  5153.  
  5154.  
  5155. &lt;p&gt;The loss of my sponsorship from Google to work on WordPress performance at this moment hits the hardest because the Optimization Detective project is just starting to show real fruit. The plugin now has 40,000+ active installs with the dependent plugins Image Prioritizer and Embed Optimizer each having 40,000+ and 30,000+ active installs, respectively. As of March 2025, there were almost 18,000 URLs in HTTP Archive which had Image Prioritizer active at the time of crawling. The week I lost my position, I was &lt;a href=&#34;https://github.com/GoogleChromeLabs/wpp-research/pull/178&#34;&gt;analyzing&lt;/a&gt; those URLs to see how accurate Image Prioritizer was at applying optimizations. I still intend to publish a post with all of the data, but the accuracy of the optimizations was looking quite promising.&lt;/p&gt;
  5156.  
  5157.  
  5158.  
  5159. &lt;p&gt;When WordPress core adds &lt;code&gt;fetchpriority=high&lt;/code&gt; to an &lt;code&gt;IMG&lt;/code&gt;, I found that this was the LCP element only ~23% of the time. With Image Prioritizer&amp;#8217;s use of client-side detection and &lt;code&gt;fetchpriority=high&lt;/code&gt; preload links with media queries, the prioritization accuracy more than doubled to ~50%. Furthermore, when WordPress core adds &lt;code&gt;fetchpriority=high&lt;/code&gt; to an &lt;code&gt;IMG&lt;/code&gt;, this element is only in the viewport ~60% of the time, but with Image Prioritizer this increases to ~78%. I also found large improvements (&amp;gt;10%) to the accuracy of adding &lt;code&gt;loading=lazy&lt;/code&gt; to images that only appear outside the viewport. Here is some of the provisional accuracy data:&lt;/p&gt;
  5160.  
  5161.  
  5162.  
  5163. &lt;figure class=&#34;wp-block-table alignwide is-style-stripes&#34;&gt;&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;strong&gt;Optimization&lt;/strong&gt;&lt;/th&gt;&lt;th&gt;&lt;strong&gt;Original Mobile&lt;/strong&gt;&lt;/th&gt;&lt;th&gt;&lt;strong&gt;Optimized Mobile&lt;/strong&gt;&lt;/th&gt;&lt;th&gt;&lt;strong&gt;Original Desktop&lt;/strong&gt;&lt;/th&gt;&lt;th&gt;&lt;strong&gt;Optimized Desktop&lt;/strong&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;LCP image prioritized&lt;/td&gt;&lt;td&gt;24.2%&lt;/td&gt;&lt;td&gt;50.3%&lt;/td&gt;&lt;td&gt;22.4%&lt;/td&gt;&lt;td&gt;49.1%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;IMG&lt;/code&gt; with &lt;code&gt;high&lt;/code&gt; fetch priority only in viewport&lt;/td&gt;&lt;td&gt;53.9%&lt;/td&gt;&lt;td&gt;75.2%&lt;/td&gt;&lt;td&gt;66.4%&lt;/td&gt;&lt;td&gt;81.5%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;abbr title=&#34;Image Prioritizer&#34;&gt;IP&lt;/abbr&gt;-prioritized image in viewport&lt;/td&gt;&lt;td&gt;n/a&lt;/td&gt;&lt;td&gt;90.9%&lt;/td&gt;&lt;td&gt;n/a&lt;/td&gt;&lt;td&gt;93.3%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Lazy loaded &lt;code&gt;IMG&lt;/code&gt; not in viewport&lt;/td&gt;&lt;td&gt;79.8%&lt;/td&gt;&lt;td&gt;91.1%&lt;/td&gt;&lt;td&gt;71.5%&lt;/td&gt;&lt;td&gt;86.1%&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/figure&gt;
  5164.  
  5165.  
  5166.  
  5167. &lt;p&gt;In terms of the performance impact of this improved accuracy in applying image prioritization optimizations, I looked at the difference in LCP with and without the optimizations applied while also subtracting the TTFB (i.e. &amp;#8220;LCP-TTFB&amp;#8221;) since my analysis script intentionally busts any page caching. When the LCP element is an image, the LCP-TTFB results were as follows:&lt;/p&gt;
  5168.  
  5169.  
  5170.  
  5171. &lt;ul class=&#34;wp-block-list&#34;&gt;
  5172. &lt;li&gt;Average diff time for mobile: -1157.6ms (-7.7%)&lt;/li&gt;
  5173.  
  5174.  
  5175.  
  5176. &lt;li&gt;&lt;strong&gt;Median diff time for mobile: -138.7ms (-2.7%)&lt;/strong&gt;&lt;/li&gt;
  5177.  
  5178.  
  5179.  
  5180. &lt;li&gt;Average diff time for desktop: -174.0ms (-2.3%)&lt;/li&gt;
  5181.  
  5182.  
  5183.  
  5184. &lt;li&gt;&lt;strong&gt;Median diff time for desktop: -65.9ms (-4.9%)&lt;/strong&gt;&lt;/li&gt;
  5185. &lt;/ul&gt;
  5186.  
  5187.  
  5188.  
  5189. &lt;p&gt;I was beginning to analyze cases for why Image Prioritizer was “only” prioritizing the LCP image with ~50% accuracy, and I was finding some bugs and low-hanging fruit to increase the accuracy yet higher. When the LCP element was an image that was prioritized correctly, the LCP-TTFB results were as follows:&lt;/p&gt;
  5190.  
  5191.  
  5192.  
  5193. &lt;ul class=&#34;wp-block-list&#34;&gt;
  5194. &lt;li&gt;Average diff time for mobile: -1949.2ms (-17.3%)&lt;/li&gt;
  5195.  
  5196.  
  5197.  
  5198. &lt;li&gt;&lt;strong&gt;Median diff time for mobile: -654.1ms (-11.1%)&lt;/strong&gt;&lt;/li&gt;
  5199.  
  5200.  
  5201.  
  5202. &lt;li&gt;Average diff time for desktop: -298.5ms (-8.3%)&lt;/li&gt;
  5203.  
  5204.  
  5205.  
  5206. &lt;li&gt;&lt;strong&gt;Median diff time for desktop: -136.8ms (-10.4%)&lt;/strong&gt;&lt;/li&gt;
  5207. &lt;/ul&gt;
  5208.  
  5209.  
  5210.  
  5211. &lt;p&gt;These are significant improvements. &lt;/p&gt;
  5212.  
  5213.  
  5214.  
  5215. &lt;p&gt;Now as the WordPress project is facing a sharp drop-off in corporate contributions, I&amp;#8217;m hoping to find a sustainable way for me to continue devoting a significant amount of my time to WordPress, perhaps in part via &lt;a href=&#34;https://github.com/sponsors/westonruter&#34;&gt;GitHub sponsorship&lt;/a&gt; (which I&amp;#8217;m new to). I&amp;#8217;ll be open to starting a new position after the June 15th termination date for my job at Google, as I&amp;#8217;m currently on “garden leave”.&lt;/p&gt;
  5216.  
  5217.  
  5218.  
  5219. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity&#34; /&gt;
  5220.  
  5221.  
  5222.  
  5223. &lt;p&gt;Where I&amp;#8217;ve posted about this:&lt;/p&gt;
  5224.  
  5225.  
  5226.  
  5227. &lt;ul class=&#34;wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex&#34;&gt;&lt;li class=&#34;wp-social-link wp-social-link-bluesky  wp-block-social-link&#34;&gt;&lt;a class=&#34;wp-block-social-link-anchor&#34; href=&#34;https://bsky.app/profile/weston.ruter.net/post/3lp6qguatyc25&#34;&gt;&lt;svg height=&#34;24&#34; version=&#34;1.1&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M6.3,4.2c2.3,1.7,4.8,5.3,5.7,7.2.9-1.9,3.4-5.4,5.7-7.2,1.7-1.3,4.3-2.2,4.3.9s-.4,5.2-.6,5.9c-.7,2.6-3.3,3.2-5.6,2.8,4,.7,5.1,3,2.9,5.3-5,5.2-6.7-2.8-6.7-2.8,0,0-1.7,8-6.7,2.8-2.2-2.3-1.2-4.6,2.9-5.3-2.3.4-4.9-.3-5.6-2.8-.2-.7-.6-5.3-.6-5.9,0-3.1,2.7-2.1,4.3-.9h0Z&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;span class=&#34;wp-block-social-link-label screen-reader-text&#34;&gt;Bluesky&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  5228.  
  5229. &lt;li class=&#34;wp-social-link wp-social-link-linkedin  wp-block-social-link&#34;&gt;&lt;a class=&#34;wp-block-social-link-anchor&#34; href=&#34;https://www.linkedin.com/posts/westonruter_a-decade-as-a-core-committer-my-wordpress-activity-7328646530603634688-dIBE/&#34;&gt;&lt;svg height=&#34;24&#34; version=&#34;1.1&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;span class=&#34;wp-block-social-link-label screen-reader-text&#34;&gt;LinkedIn&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  5230.  
  5231. &lt;li class=&#34;wp-social-link wp-social-link-twitter  wp-block-social-link&#34;&gt;&lt;a class=&#34;wp-block-social-link-anchor&#34; href=&#34;https://x.com/westonruter/status/1922880900351582713&#34;&gt;&lt;svg height=&#34;24&#34; version=&#34;1.1&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;span class=&#34;wp-block-social-link-label screen-reader-text&#34;&gt;Twitter&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  5232.  
  5233. &lt;li class=&#34;wp-social-link wp-social-link-mastodon  wp-block-social-link&#34;&gt;&lt;a class=&#34;wp-block-social-link-anchor&#34; href=&#34;https://mastodon.social/@westonruter/114510103143042471&#34;&gt;&lt;svg height=&#34;24&#34; version=&#34;1.1&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z&#34;&gt;&lt;/svg&gt;&lt;span class=&#34;wp-block-social-link-label screen-reader-text&#34;&gt;Mastodon&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
  5234. &lt;p&gt;The post &lt;a href=&#34;https://weston.ruter.net/2025/05/14/a-decade-as-a-core-committer-my-wordpress-contribution-history/&#34;&gt;A Decade as a Core Committer: My WordPress Contribution History&lt;/a&gt; appeared first on &lt;a href=&#34;https://weston.ruter.net&#34;&gt;Weston Ruter&lt;/a&gt;.&lt;/p&gt;</description>
  5235. <pubDate>Thu, 15 May 2025 00:38:13 +0000</pubDate>
  5238. <dc:creator>Weston Ruter</dc:creator>
  5240. </item>
  5241.  
  5242. <item>
  5243. <title>WPTavern: #169 – Wes Tatters on the Evolution of Internet Communities and WordPress Open Source</title>
  5244. <guid>https://wptavern.com/?post_type=podcast&amp;p=195791</guid>
  5245. <link>https://wptavern.com/podcast/169-wes-tatters-on-the-evolution-of-internet-communities-and-wordpress-open-source</link>
  5247. <description>&lt;details&gt;Transcript&lt;div&gt;
  5248. &lt;p&gt;[00:00:19] Nathan Wrigley: Welcome to the Jukebox Podcast from WP Tavern. My name is Nathan Wrigley.&lt;/p&gt;
  5249.  
  5250.  
  5251.  
  5252. &lt;p&gt;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 personal journey through the history of the internet from start to now.&lt;/p&gt;
  5253.  
  5254.  
  5255.  
  5256. &lt;p&gt;If you&amp;#8217;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 wp tavern.com/feed/podcast, and you can copy that URL into most podcast players.&lt;/p&gt;
  5257.  
  5258.  
  5259.  
  5260. &lt;p&gt;If you have a topic that you&amp;#8217;d like us to feature on the podcast, I&amp;#8217;m keen to hear from you and hopefully get you, or your idea, featured on the show. Head to wp tavern.com/contact/jukebox, and use the form there.&lt;/p&gt;
  5261.  
  5262.  
  5263.  
  5264. &lt;p&gt;So on the podcast today, we have Wes Tatters. Wes has been immersed in the tech space for close to four decades, starting his journey with early computers like the Commodore 64 and TRS 80. He&amp;#8217;s been an author, with multiple books on internet technologies to his name, has worked across AV and media, and today he&amp;#8217;s the driving force behind Rapyd Cloud, a globally distributed hosting company. Wes&amp;#8217; perspective is shaped as much by his hands-on experience building communities on CompuServe, AOL and MSN, as by his deep involvement with modern open source platforms like WordPress.&lt;/p&gt;
  5265.  
  5266.  
  5267.  
  5268. &lt;p&gt;Wes starts off by sharing some of the fascinating stories from the early web, when getting online meant stringing together modems and bulletin boards, and long distance communication felt nothing short of miraculous. He talks about the evolution of the internet as a space for community, and how chance encounters in early online forums led to opportunities like writing for Netscape and shaping the very first JavaScript Developer Guides.&lt;/p&gt;
  5269.  
  5270.  
  5271.  
  5272. &lt;p&gt;We then discuss the changing meaning of community across different eras of the internet, touching on the shift from closed walled gardens, like AOL, to the open source ethos that powers projects like WordPress, and much else that we take for granted online. Wes describes how WordPress&amp;#8217; flexibility and openness allowed anyone, anywhere, to claim their own piece of the web without technical barriers, and how this has contributed to its rise as a cornerstone of global digital freedom and self-expression.&lt;/p&gt;
  5273.  
  5274.  
  5275.  
  5276. &lt;p&gt;Our conversation also examines the challenges, and potential missteps, of the modern internet from social loneliness, to the commercial world of social media. And reflects on WordPress&amp;#8217;s role in helping steer a path back to more positive, open, and empowering online experiences.&lt;/p&gt;
  5277.  
  5278.  
  5279.  
  5280. &lt;p&gt;If you&amp;#8217;re interested in how the history of the internet directly shaped WordPress, the Open Web, and the communities we build today, this episode is for you.&lt;/p&gt;
  5281.  
  5282.  
  5283.  
  5284. &lt;p&gt;If you&amp;#8217;d like to find out more, you can find all of the links in the show notes by heading to wp tavern.com/podcast, where you&amp;#8217;ll find all the other episodes as well.&lt;/p&gt;
  5285.  
  5286.  
  5287.  
  5288. &lt;p&gt;And so without further delay, I bring you Wes Tatters.&lt;/p&gt;
  5289.  
  5290.  
  5291.  
  5292. &lt;p&gt;I am joined on the podcast today by Wes Tatters. Hello, Wes.&lt;/p&gt;
  5293.  
  5294.  
  5295.  
  5296. &lt;p&gt;[00:03:50] Wes Tatters: Nathan, good to be talking together again.&lt;/p&gt;
  5297.  
  5298.  
  5299.  
  5300. &lt;p&gt;[00:03:53] Nathan Wrigley: I&amp;#8217;ve got to be very, very, accommodating of Wes&amp;#8217; time, because for me it&amp;#8217;s about four in the afternoon, something like that. Wes, on the other side of the planet, is giving up his time at about one in the morning. I have no idea why you are here, but I appreciate it. Thank you.&lt;/p&gt;
  5301.  
  5302.  
  5303.  
  5304. &lt;p&gt;[00:04:07] Wes Tatters: Oh look, my day tends to be largely focused on talking to people in Europe, and in the United States. Half my employees are in those parts of the world as well. So I tend to work midnight to midnight. And we&amp;#8217;re in the middle of a big product launch, for Rapyd, which has meant we&amp;#8217;re just talking, and being visible, and I&amp;#8217;m awake and happy to chat.&lt;/p&gt;
  5305.  
  5306.  
  5307.  
  5308. &lt;p&gt;[00:04:25] Nathan Wrigley: So you literally pivot your day, your Australian day, you pivot it so that you are available for North American and European customers. So we should probably say you work for a hosting company called Rapyd Cloud, And that&amp;#8217;s where the thrust of your marketing endeavors go. So you pivot your day?&lt;/p&gt;
  5309.  
  5310.  
  5311.  
  5312. &lt;p&gt;[00:04:41] Wes Tatters: Yeah, like about, I think about 60% of our customers are in the United States, and about 30, 45, 35 are in Europe, and 5% or something in Asia, Which is pretty generic for the WordPress space. Our focus is around obviously those markets, but also because we&amp;#8217;re a global company, we don&amp;#8217;t have a head office.&lt;/p&gt;
  5313.  
  5314.  
  5315.  
  5316. &lt;p&gt;Everyone who works in our team is doing it remotely. It might be Dubai, or Chicago or the Philippines or Pakistan, India. So we choose times of the day, we have this great calendar and for every meeting we post up a list of all the times, and then there&amp;#8217;s happy faces, red faces and smiley faces. And someone will go, all right, I&amp;#8217;ll take the red face. That&amp;#8217;s the nature of WordPress though.&lt;/p&gt;
  5317.  
  5318.  
  5319.  
  5320. &lt;p&gt;[00:05:21] Nathan Wrigley: Yeah, madness though, when you think about it. If you were to rewind the clock 30 years none of this was possible. I mean here, I am talking you through a web browser, as if it&amp;#8217;s nothing, and it is utterly remarkable. And actually that&amp;#8217;s going to be the thrust of this conversation, I think. We&amp;#8217;re going to trace the WordPress community in particular, not just the community, the software and what have you, over the period of time it&amp;#8217;s been in existence, 21 years odd.&lt;/p&gt;
  5321.  
  5322.  
  5323.  
  5324. &lt;p&gt;So, do you want just give us your backstory, specifically I guess around WordPress, but just generally in tech? Because I know you&amp;#8217;ve done quite a lot of other AV related things as well.&lt;/p&gt;
  5325.  
  5326.  
  5327.  
  5328. &lt;p&gt;[00:05:54] Wes Tatters: I&amp;#8217;ve, been in the tech space for close to 40 years. I was trying to work it out a little while ago, and it&amp;#8217;s like, I remember my first computer. It was a Commodore 64 or something, or a TRS 80, or something like that. And I would&amp;#8217;ve been 16 or 17, and even then it was like, I was programming them, not playing games on them. I enjoyed programming and coding.&lt;/p&gt;
  5329.  
  5330.  
  5331.  
  5332. &lt;p&gt;So I started very early in the tech space, but as a result of which, even modems didn&amp;#8217;t really exist when I first started in the IT space. Laptops and PCs and computers and certainly iPhones and all that wonderful technology we have today didn&amp;#8217;t exist.&lt;/p&gt;
  5333.  
  5334.  
  5335.  
  5336. &lt;p&gt;But there was already people in the space at places like DARPA, that were going, how do we connect the world? It was a government military strategy. How do we connect the world in the event of a nuclear war? That was the driving mentality behind what they were planning. It was originally going to be a network of radio towers sending, a bit like we had with the old modems, the buzzing noises.&lt;/p&gt;
  5337.  
  5338.  
  5339.  
  5340. &lt;p&gt;But it was this whole concept of, how do we build a disconnected system that can survive massive breakdowns in the structure of communication? And a part of what they build, ironically, is what makes the internet so powerful these days. It&amp;#8217;s that ability to interconnect disparate technologies, disparate systems, all different types of capabilities and devices and all those sorts of things, in ways that are transparent.&lt;/p&gt;
  5341.  
  5342.  
  5343.  
  5344. &lt;p&gt;As you just said, we&amp;#8217;re in two parts of the world and we are talking together in real time. I grew up in the, as a part of my life, in the media world, and film and television and primarily television. In a point in time where if we wanted to conduct a live interview with someone on the other side of the world, firstly, we had to book satellite space in the thousands of dollars per minute almost. And then we would go, Nathan, are you there?&lt;/p&gt;
  5345.  
  5346.  
  5347.  
  5348. &lt;p&gt;And Nathan would come back four seconds later, and we would conduct these really bizarre interviews, with delays on this crazy technology. So much so that when live television was first starting, obviously there was a big fear that someone would say naughty words, or swear on television for the want of a better word. And one of the early ways that they originally managed, we have what&amp;#8217;s called, a lot of television stations had this big red button called a dump button.&lt;/p&gt;
  5349.  
  5350.  
  5351.  
  5352. &lt;p&gt;The whole idea was someone said f, someone had to slam the big dump button. But the way they we&amp;#8217;re actually handling it was they were actually sending the entire signal up to a satellite and back down to the ground station before they transmitted it. Because that gave them roughly two or three seconds of delay, which gave them the ability for that big red button to stop the transmission point. But the signal had gone up and down through a satellite just to even achieve that craziness.&lt;/p&gt;
  5353.  
  5354.  
  5355.  
  5356. &lt;p&gt;I came into that world, and started in that world. I was incredibly lucky that I lucked into an IT firm, here in Australia, that was at that stage of company that doesn&amp;#8217;t even exist anymore. It&amp;#8217;s a company called Wang Microsystems. Dr. Wang was the guy that invented the first memory ship, so he, he&amp;#8217;s reasonably well healed, but that entire platform doesn&amp;#8217;t exist. But Wang was one of the first it companies to release a processor with a box. There was this three racks that was a modem.&lt;/p&gt;
  5357.  
  5358.  
  5359.  
  5360. &lt;p&gt;300 characters per second. It was bleedingly fast. But for, its time, and I was one of the first people that got to play with one of those things in Australia. And I&amp;#8217;ll tell you what, I was hooked. I just went, even then I could go, oh my goodness. There were dreams of we can make it faster.&lt;/p&gt;
  5361.  
  5362.  
  5363.  
  5364. &lt;p&gt;And we got 1200 baud, and then we got 1600 baud, and then we got 3,200 baud and 56 k. And every bit was exciting. Because what it was allowing me as a person to do, especially a person in Australia, was to reach out and communicate with people that weren&amp;#8217;t in my part of the world. And we had things like America Online, well CompuServe first, I guess prior to America Online.&lt;/p&gt;
  5365.  
  5366.  
  5367.  
  5368. &lt;p&gt;We had bulletin boards and local BBS software and things like that. And all of them were creating communities. All of them were starting to build communities around this same space. It was something that I really engaged with.&lt;/p&gt;
  5369.  
  5370.  
  5371.  
  5372. &lt;p&gt;When I got into CompuServe though, it for me changed a lot of things. Because until that stage it was hard to communicate with anyone outside Australia. But with CompuServe, all of a sudden, I was connected to people around the world.&lt;/p&gt;
  5373.  
  5374.  
  5375.  
  5376. &lt;p&gt;[00:10:37] Nathan Wrigley: What did that connection actually feel like though? Was it literally, you&amp;#8217;d type something, and was it you&amp;#8217;d leave the computer, like the email sort of exchange?&lt;/p&gt;
  5377.  
  5378.  
  5379.  
  5380. &lt;p&gt;[00:10:46] Wes Tatters: They were really very, very similar to an early sort of discussion board. People would leave comments, and people would make comments back and respond, and people built relationships and discussions were built. And in my early life I was an author. I&amp;#8217;ve written a number of books on internet technologies.&lt;/p&gt;
  5381.  
  5382.  
  5383.  
  5384. &lt;p&gt;This is the guy in Brisbane, Australia, who happened to luck into a forum on CompuServe with a guy named Mark Tabor, who was the head of publishing acquisitions for Schuster and Schuster, which is McMillan, and sams.net, the biggest publisher on the planet.&lt;/p&gt;
  5385.  
  5386.  
  5387.  
  5388. &lt;p&gt;And Mark was going, we are looking for authors to write in this space. They were releasing a new imprint at the time called sams.net, which was going to be like. Theirs was Teach Yourself series.&lt;/p&gt;
  5389.  
  5390.  
  5391.  
  5392. &lt;p&gt;They were building it at McMillan, and their biggest problem was respectfully that IT people don&amp;#8217;t make good writers. Love us, or like us, we don&amp;#8217;t even like writing comments in code, let alone knocking out 4 or 500 pages of a book, to tell someone how to do something.&lt;/p&gt;
  5393.  
  5394.  
  5395.  
  5396. &lt;p&gt;But that ability to be in a community outside of my own space, this is me in Brisbane, Australia, talking to the head of acquisitions for Macmillan, going, yeah, I can write a book. I&amp;#8217;d already been doing some writing. I had, as I said from, because I have a media background, I&amp;#8217;d been writing for magazine articles in Australia, and I&amp;#8217;d been involved in communications and had some journalism experience, so I was kind of already in the space.&lt;/p&gt;
  5397.  
  5398.  
  5399.  
  5400. &lt;p&gt;And yeah, the book got written. We actually wrote a book that told people how to connect CompuServe to the internet, because previously CompuServe couldn&amp;#8217;t be connected to the internet.&lt;/p&gt;
  5401.  
  5402.  
  5403.  
  5404. &lt;p&gt;[00:12:21] Nathan Wrigley: Do you remember those times like halcyon day&amp;#8217;s, rose tinted spectacles. Because that was real pioneering stuff. The idea that, okay, so dear listener, if you are under the age of 30, your world was entirely connected from the moment you could conceive a thought. In some respect you could turn the tele on and be live tele from around the globe. You may not have had internet access.&lt;/p&gt;
  5405.  
  5406.  
  5407.  
  5408. &lt;p&gt;[00:12:44] Wes Tatters: I remember trying to explain to my parents what I was doing, and they were looking at me going, you&amp;#8217;re doing what? And it wasn&amp;#8217;t until the first book, 500 pages, 50 copies arrived in a box from McMillan, that the lights went on in parents&amp;#8217; head who went, okay.&lt;/p&gt;
  5409.  
  5410.  
  5411.  
  5412. &lt;p&gt;[00:13:04] Nathan Wrigley: There&amp;#8217;s something in this.&lt;/p&gt;
  5413.  
  5414.  
  5415.  
  5416. &lt;p&gt;[00:13:05] Wes Tatters: This is odd. And we sold hundreds of thousands of copies of edition of these books. I wrote the same book for America Online.&lt;/p&gt;
  5417.  
  5418.  
  5419.  
  5420. &lt;p&gt;The joke was America Online actually wasn&amp;#8217;t even in Australia at that stage, which was interesting. But it gave me lots of opportunities, and this was about communities. This was about getting into communities. While I was in that community, talking, working with the a AOL team on how they were going to connect to this thing called the internet. There was a little crowd called Netscape banging around, going hey, love what you did, Tim. Love that original browser. We&amp;#8217;re going to build a better one.&lt;/p&gt;
  5421.  
  5422.  
  5423.  
  5424. &lt;p&gt;[00:13:37] Nathan Wrigley: An open one.&lt;/p&gt;
  5425.  
  5426.  
  5427.  
  5428. &lt;p&gt;[00:13:38] Wes Tatters: An open one. And the Netscape guys had seen my books, came to my publisher and said, hey, could we do a book with Wes on how to write, how to build websites for Netscape? So we wrote six books for Netscape over the next five years, going teach yourself HTML development for Netscape. So community was the whole basis of it.&lt;/p&gt;
  5429.  
  5430.  
  5431.  
  5432. &lt;p&gt;[00:14:03] Nathan Wrigley: It&amp;#8217;s so curious that for people that are born in the last, like I said, 20 years or so, the internet has just been a feature of their life, almost like a utility. Almost in certain parts of the world, like a human right. You might even describe it on that level.&lt;/p&gt;
  5433.  
  5434.  
  5435.  
  5436. &lt;p&gt;This conduit of information that can come in. This capacity to talk to people, any point on the globe almost immediately with almost zero cost. And in the time that you are describing just the merest foundations of that were beginning. Little glimmers of that would beginning to emerge.&lt;/p&gt;
  5437.  
  5438.  
  5439.  
  5440. &lt;p&gt;[00:14:34] Wes Tatters: Really edge.&lt;/p&gt;
  5441.  
  5442.  
  5443.  
  5444. &lt;p&gt;[00:14:35] Nathan Wrigley: Really interesting though. I can imagine your passion and interest and all of that must have been. The curiosity that was spiked by that.&lt;/p&gt;
  5445.  
  5446.  
  5447.  
  5448. &lt;p&gt;[00:14:42] Wes Tatters: It was. I loved it. But even then, we still didn&amp;#8217;t truly understand where it was going.&lt;/p&gt;
  5449.  
  5450.  
  5451.  
  5452. &lt;p&gt;I remember a call from the team at Netscape going, it was around, I think it was around version three of the Netscape. Going we&amp;#8217;ve got this idea we&amp;#8217;re going to, we&amp;#8217;re going to put a scripting thing in Netscape. What do you think? And I&amp;#8217;m going, yeah. What do you mean? What do you think? We need you to include it in the next book. It&amp;#8217;s this little thing called JavaScript.&lt;/p&gt;
  5453.  
  5454.  
  5455.  
  5456. &lt;p&gt;[00:15:04] Nathan Wrigley: Just little thing.&lt;/p&gt;
  5457.  
  5458.  
  5459.  
  5460. &lt;p&gt;[00:15:06] Wes Tatters: And I remember sitting there going, interesting idea. Can you tell me more about what it can do? And they went, we don&amp;#8217;t really know yet. We&amp;#8217;re still working on those bits. So we ended up writing the first JavaScript development guide, me and my technical writer, who was my technical editor for my Netscape books. And I wrote the first JavaScript Developers Guide for Netscape.&lt;/p&gt;
  5461.  
  5462.  
  5463.  
  5464. &lt;p&gt;So we were there in the middle of it, but all the way through, we still didn&amp;#8217;t truly get it. It was still such this small thing. I was talking with Bud.&lt;/p&gt;
  5465.  
  5466.  
  5467.  
  5468. &lt;p&gt;[00:15:37] Nathan Wrigley: Bud Kraus.&lt;/p&gt;
  5469.  
  5470.  
  5471.  
  5472. &lt;p&gt;[00:15:38] Wes Tatters: Yeah, I was talking with Bud at PressConf, and we were chatting about just the way the internet&amp;#8217;s evolved. I had the opportunity to meet Tim Burnes Lee.&lt;/p&gt;
  5473.  
  5474.  
  5475.  
  5476. &lt;p&gt;[00:15:46] Nathan Wrigley: Nice, the Godfather.&lt;/p&gt;
  5477.  
  5478.  
  5479.  
  5480. &lt;p&gt;[00:15:48] Wes Tatters: The Godfather of the internet. And listening to Tim talking about his dream of the internet and the worldwide web, this was a worldwide web conference seven, which was back before WordCamps. It was, that was what a WordCamp looked like before it was WordPress. And I look back and I was thinking, and I&amp;#8217;m going, there were some serious names at that event. Tim Burnes Lee was there. James Gosling, the founder of Java, was there.&lt;/p&gt;
  5481.  
  5482.  
  5483.  
  5484. &lt;p&gt;And these were guys doing for the want of a better WordCamp style sessions, chatting about these ideas they&amp;#8217;ve had. Seeing even then that what the worldwide web, and what we&amp;#8217;ve grown into with WordPress had the potential to be, was entirely different to the way the world thought before that.&lt;/p&gt;
  5485.  
  5486.  
  5487.  
  5488. &lt;p&gt;I remember there was like, I think it was the Friday night. I actually ran the media for that particular conference, that was held in Australia. It was the first time being held out of the northern hemisphere. But no fully explained reason, it was being held in Australia, in my hometown, and I ran all the media for it.&lt;/p&gt;
  5489.  
  5490.  
  5491.  
  5492. &lt;p&gt;And I remember some guys, they had this sort, they were going to create this shoe library, it was like, this is the early web. Who knows what we&amp;#8217;re going to do with it? We want a shoe library.&lt;/p&gt;
  5493.  
  5494.  
  5495.  
  5496. &lt;p&gt;[00:17:00] Nathan Wrigley: A shoe library, yeah.&lt;/p&gt;
  5497.  
  5498.  
  5499.  
  5500. &lt;p&gt;[00:17:01] Wes Tatters: They taking photographs of people&amp;#8217;s shoes, and I remember it was like 7:30 on a Friday night, and Tim&amp;#8217;s in a pair of slacks and a t-shirt. Taking his shoes off so that they could photograph his shoes, so that his photograph of his shoes could go into the shoe library.&lt;/p&gt;
  5501.  
  5502.  
  5503.  
  5504. &lt;p&gt;[00:17:19] Nathan Wrigley: Of course.&lt;/p&gt;
  5505.  
  5506.  
  5507.  
  5508. &lt;p&gt;[00:17:20] Wes Tatters: And this is the guy that invented the thing that we all live on. This is the father of everything we do today. But even then, he was this amazingly humble person, that was happy to have a chat with a bunch of kids and take photos of his shoes. It&amp;#8217;s a different world.&lt;/p&gt;
  5509.  
  5510.  
  5511.  
  5512. &lt;p&gt;[00:17:38] Nathan Wrigley: When you are where you&amp;#8217;re at. So in the year 2025, we&amp;#8217;re concerned about the internet now. And so the way it ended up is how it now is. And honestly, it&amp;#8217;s not one of those things that you pick apart, as like what is the history? What were the dominoes that fell to make the internet, what it now is?&lt;/p&gt;
  5513.  
  5514.  
  5515.  
  5516. &lt;p&gt;Like, history, politics and warfare, and all of those kind of things get dealt with by historians. The migration of people over great land masses, all of the kings, queens, all of that.&lt;/p&gt;
  5517.  
  5518.  
  5519.  
  5520. &lt;p&gt;But this, this kind of doesn&amp;#8217;t, and it&amp;#8217;s fascinating to listen to you there, because it feels like it could have gone in so many different directions. Maybe would&amp;#8217;ve been a more AOL type thing, where everything was closed and you had to buy into AOL, and everything was handled by AOL. It didn&amp;#8217;t turn out that way. Open won. I&amp;#8217;m not entirely sure that we didn&amp;#8217;t swing back to closed with things social media?&lt;/p&gt;
  5521.  
  5522.  
  5523.  
  5524. &lt;p&gt;[00:18:29] Wes Tatters: One of the things that caused that was the people who started using the technology that DARPA invented first, and it was universities.&lt;/p&gt;
  5525.  
  5526.  
  5527.  
  5528. &lt;p&gt;[00:18:41] Nathan Wrigley: Oh, interesting. That was the client base, wasn&amp;#8217;t it? It was the academics.&lt;/p&gt;
  5529.  
  5530.  
  5531.  
  5532. &lt;p&gt;[00:18:44] Wes Tatters: It was the academics. So Tim&amp;#8217;s original agenda was to obviously create a way to communicate with all the scientists in Cern what was happening in the accelerator that was sitting under three countries. Even then it was about community and communication. But as it&amp;#8217;s walked forward, I look at the whole journey of the internet and at every point community has been a part of that.&lt;/p&gt;
  5533.  
  5534.  
  5535.  
  5536. &lt;p&gt;The ability to share things. The whole basis of what we have today in open source, moving towards WordPress, is about communication. So you can&amp;#8217;t have open source without a group of people coming together to collaborate on a project as large as WordPress, or as large as, Linux or as large as Drupal, or as large as all of these other projects. And they&amp;#8217;re not being paid for the most part.&lt;/p&gt;
  5537.  
  5538.  
  5539.  
  5540. &lt;p&gt;They&amp;#8217;re doing it because of community, and the underlying technology behind that obviously is the internet. And more insignificantly since then this thing called the World Wide Web that Tim originally envisaged as a tool for sharing.&lt;/p&gt;
  5541.  
  5542.  
  5543.  
  5544. &lt;p&gt;[00:19:56] Nathan Wrigley: Yeah. But just tool for sharing with a handful of academics, and then it just grew exponentially. Do you remember the first time that the internet became more social. No, let me rephrase that. Do you remember when the internet shifted from something which a few people did? To something where, not the majority, but it was like hard to ignore at that point. Because definitely as a child have a of no internet.&lt;/p&gt;
  5545.  
  5546.  
  5547.  
  5548. &lt;p&gt;[00:20:20] Wes Tatters: Done badly, but Microsoft MSN. Windows 95 was the watershed. So Windows 95 launched, and for the first time, anyone, in inverted commas, with a modem didn&amp;#8217;t need to know someone at a university. Didn&amp;#8217;t need to know how to hard wire AOL to connect to something else. They could literally go get me on the internet, and it happened. So that was the watershed moment.&lt;/p&gt;
  5549.  
  5550.  
  5551.  
  5552. &lt;p&gt;Now, MSN as a platform also was heavily driven by community. And again, like it or love them, the original version of Messenger, an embarrassing mess, but it started the concept of community. The original version of MSN was a place where you could go and chat. Their design philosophies around. I remember, in Australia, 9 MSN was, the branding of it. 9 here is our major television network, and they partnered with MSN, in Microsoft and Australia and our major telco to bring MSN to Australia. But it was heavily geared around building communities. And I was quite active in that MSN community in Australia.&lt;/p&gt;
  5553.  
  5554.  
  5555.  
  5556. &lt;p&gt;We used to do things like popular TV shows would go to air, and then we would host forums where the actor, or the presenter, or someone from the show would hop literally straight off, the show would end at 9:30, and they would be in a forum going, and hey, tonight we&amp;#8217;ve got insert name of whoever it is.&lt;/p&gt;
  5557.  
  5558.  
  5559.  
  5560. &lt;p&gt;And people could ask them questions. And we curated it. I was a part of the curations team at 9 MSN at that stage. And, again, it was using this crazy technology to build community, and to expand communities.&lt;/p&gt;
  5561.  
  5562.  
  5563.  
  5564. &lt;p&gt;Now for that network they were using as just obviously a marketing tool, but what it was doing underneath it was again, building this ethos of communities and spaces.&lt;/p&gt;
  5565.  
  5566.  
  5567.  
  5568. &lt;p&gt;We then have obviously Facebook that took that and ran with it in crazy directions, and commercialized it. But underneath it we&amp;#8217;re still this open source thing. There&amp;#8217;s still whole open source community.&lt;/p&gt;
  5569.  
  5570.  
  5571.  
  5572. &lt;p&gt;[00:22:31] Nathan Wrigley: Do you remember the moment as well when the internet went more from a consumption kind of thing? So you know, you would log onto somebody else&amp;#8217;s property, MSNs Messenger or whatever it may be. I do remember that, by the way. To I can own a bit of the web, a bit of that whole thing can be something that I am in control of. And now we move towards CMSs I guess.&lt;/p&gt;
  5573.  
  5574.  
  5575.  
  5576. &lt;p&gt;[00:22:51] Wes Tatters: So this is probably 98 initially. So we were still writing books and Netscape was still trying to work out what they were doing in the world. And, Tim was, Tim was out telling people how big the internet could be. And I remember lots and lots of people, as I said, James Gosling&amp;#8217;s come down, Tim Berners Lee&amp;#8217;s come. The BBC had flown two camera teams, journalists, The Times had flown out people. NBC and CBS had flown out camera crews and to be at this event. Because Sir Tim was becoming Professor Tim at that stage. He was being reordered, a honorary doctorate from an Australian university. It was a big event.&lt;/p&gt;
  5577.  
  5578.  
  5579.  
  5580. &lt;p&gt;Could not get a single Australian broadcaster to even show up. Now, put this in perspective. I knew them all. I was actually in that industry. I knew the people. I literally was on the phone to news directors going, dude, just send me one cameraman. Oh, what&amp;#8217;s this thing? What&amp;#8217;s this thing? It was the internet.&lt;/p&gt;
  5581.  
  5582.  
  5583.  
  5584. &lt;p&gt;So 95 to 98, it was still a bit hokey. I think where it really started to change though is when things like WordPress started to arrive. Because before that my books on how to build a website, I love meeting people and go, I think I&amp;#8217;ve got your book on a shelf somewhere. It was, and it was always either mine or Laura Lemay&amp;#8217;s.&lt;/p&gt;
  5585.  
  5586.  
  5587.  
  5588. &lt;p&gt;Laura and I were both writing in parallel for the same publisher. And some of her chapters are in my books, my chapters in her books. But then it was, we were still hacking HTML. If you wanted to use JavaScript, it wasn&amp;#8217;t jQuery or anything like that. You were writing lines of code and hoping it worked.&lt;/p&gt;
  5589.  
  5590.  
  5591.  
  5592. &lt;p&gt;And there were some predecessors and other things. Microsoft had to go at the same thing. Microsoft released a product called ASP, a little thing that.&lt;/p&gt;
  5593.  
  5594.  
  5595.  
  5596. &lt;p&gt;[00:24:32] Nathan Wrigley: Oh yeah, that&amp;#8217;s right. Active Server Pages.&lt;/p&gt;
  5597.  
  5598.  
  5599.  
  5600. &lt;p&gt;[00:24:35] Wes Tatters: Yeah, and then they released a thing called asp.net, and this wonderful new programming language called C#. And that was their push into this community space. They released open source product with it. They released a product which was called I Buy Spy Portal, which was eventually then forked into a product by a guy named Sean Walker to become a product called DotNetNuke, which was literally their version of WordPress.&lt;/p&gt;
  5601.  
  5602.  
  5603.  
  5604. &lt;p&gt;I was there, I know Sean. I was in that space, and we were building communities again, coming outta the Microsoft space on DotNetNuke. At the same time, this little thing called WordPress was happening in parallel. At that stage, ironically, at that stage, I think DotNetNuke was actually more a CMS than WordPress was. Because WordPress was still really a blogging tool. It was still really MySpace for people who actually had a desire to code a bit.&lt;/p&gt;
  5605.  
  5606.  
  5607.  
  5608. &lt;p&gt;But I think it was then, that WordPress journey, the arrival of a mechanism that did two things. It allowed you to create a website without knowing how to code, and it allowed you to become a part of something, a community online, where you could all of a sudden reach out of your local neighborhood, your local city, your country, into the rest of the world. And take things to the rest of the world. Sell products to the rest of the world. Communicate to the rest of the world. Share your opinions and thoughts. In the past, you could do that on CompuServe. You could do that on America Online. But in all those places, you didn&amp;#8217;t own your content.&lt;/p&gt;
  5609.  
  5610.  
  5611.  
  5612. &lt;p&gt;[00:26:16] Nathan Wrigley: Right, exactly that.&lt;/p&gt;
  5613.  
  5614.  
  5615.  
  5616. &lt;p&gt;[00:26:18] Wes Tatters: Even MySpace, sort of like the predecessor to almost Facebook. Facebook groups and forums. None of these spaces you owned your content. And so I think WordPress in its initial incarnation, a blog, was a way for people to start expressing their feelings. And the concept of blogging. And then we started to grow that how do we get our blog to the world? Well, RSS feeds, and then aggregators, and then this wonderful thing called Google came along.&lt;/p&gt;
  5617.  
  5618.  
  5619.  
  5620. &lt;p&gt;[00:26:45] Nathan Wrigley: Discoverability.&lt;/p&gt;
  5621.  
  5622.  
  5623.  
  5624. &lt;p&gt;[00:26:47] Wes Tatters: Discoverability, and visibility. And all along that journey, there&amp;#8217;s this guy in the states beavering away, we&amp;#8217;re talking about Matt, with a vision of what WordPress could be in that space. And he was creating that in parallel to these communities starting to emerge, to these other companies like Google, and Facebook building closed enclaves.&lt;/p&gt;
  5625.  
  5626.  
  5627.  
  5628. &lt;p&gt;Where Matt, obviously very passionate about open source, had a philosophy to build this space that people could use, that people could communicate and share. It was incredibly open. Anyone could write a plugin. Anyone could write a theme. Anyone could decide that they wanted to commercialize that space by selling their theme or selling their plugin.&lt;/p&gt;
  5629.  
  5630.  
  5631.  
  5632. &lt;p&gt;Hosting companies could host that platform. So the fact that was such an open product, tweaked something in the consciousness of the time. It tweaked something in that desire to communicate, but also I guess a concept of freedom to communicate.&lt;/p&gt;
  5633.  
  5634.  
  5635.  
  5636. &lt;p&gt;Freedom of speech is a passionate position of a lot of countries. The right to freedom of speech, and to a certain extent the right to express an opinion, safely. Or in some cases the rights to communicate in communities.&lt;/p&gt;
  5637.  
  5638.  
  5639.  
  5640. &lt;p&gt;I discovered during Covid that the platform that Rapyd grew out of Buddy Boss, which is a social media platform creation tool for WordPress. Install Buddy Boss and you&amp;#8217;ve got your own private Facebook.&lt;/p&gt;
  5641.  
  5642.  
  5643.  
  5644. &lt;p&gt;We discovered that there were communities using Buddy Boss to communicate things to their people that they were terrified to communicate on private spaces, like social media or Facebooks. I know people specifically in some of those communities, doctors, other frontline groups and organizations that were facing the real challenges of what was happening in Covid and impacts of those things. They were able to use that gift of community, freely given, freely shared, where you own your raw data in ways that I hadn&amp;#8217;t even considered.&lt;/p&gt;
  5645.  
  5646.  
  5647.  
  5648. &lt;p&gt;And for reasons that I hadn&amp;#8217;t even considered. And each time I look at it, people find ways to use community creatively and in incredible ways. And we find that at the core of WordPress.&lt;/p&gt;
  5649.  
  5650.  
  5651.  
  5652. &lt;p&gt;[00:29:14] Nathan Wrigley: Yeah, we really do. I remember the first time I ever produced anything online, and it wasn&amp;#8217;t with a CMS, it was just HTML. There was no CSS at the time, it was just tables and things. But I remember publishing that, a friend of mine knew more than I did, and he said, okay, here&amp;#8217;s the environment. Here&amp;#8217;s the text file. Just write it in there and, I&amp;#8217;ll click a button and it&amp;#8217;ll go to some server.&lt;/p&gt;
  5653.  
  5654.  
  5655.  
  5656. &lt;p&gt;And then I saw it, saw it on his computer. And then I said to him, but it&amp;#8217;s on your computer. And he said, no, no, no, if you go home, it&amp;#8217;ll be on that computer well.&lt;/p&gt;
  5657.  
  5658.  
  5659.  
  5660. &lt;p&gt;[00:29:44] Wes Tatters: And if, you go down the library, or you go up the road, and all you needed to know was where it was.&lt;/p&gt;
  5661.  
  5662.  
  5663.  
  5664. &lt;p&gt;[00:29:50] Nathan Wrigley: And I remembered this profound feeling of, what the heck. That&amp;#8217;s so amazing. What, I just put something on your computer, and now anybody in the world should they, discoverability is the big problem, but they could find it. He&amp;#8217;s yeah, that&amp;#8217;s it. That&amp;#8217;s what the internet basically is. And I remember thinking, gosh, what a force for good.&lt;/p&gt;
  5665.  
  5666.  
  5667.  
  5668. &lt;p&gt;[00:30:10] Wes Tatters: Huge force for good. Unfortunately, it&amp;#8217;s also been a force for other things. I had a conversation with Tim, as a part of a set of interviews that the BBC were doing, this was in 1998. And at that stage, Tim was just exploring the idea of what he called the semantic web, which was zaml, and underlying metadata. And what Tim always envisaged the worldwide web should be, he always envisaged that every page, because he&amp;#8217;s a data scientist, he envisaged that every page would have a beautiful set of metadata and structures, so that it could be searched and indexed.&lt;/p&gt;
  5669.  
  5670.  
  5671.  
  5672. &lt;p&gt;Of course that&amp;#8217;s everything the worldwide web didn&amp;#8217;t become, respectfully. We have enough trouble in the WordPress space remembering to put a, an alt text on a photo that we upload. But his envision was of this beautiful semantic web. So it hasn&amp;#8217;t gone exactly the same way as he envisaged.&lt;/p&gt;
  5673.  
  5674.  
  5675.  
  5676. &lt;p&gt;But even without that semantic web, the additions and add-ons of things like Google, and Google search, and the ability to create an index, a massive index of the web. And now in 2025 going, hey, ChatGPT, can you just tell me the answer to this question please? And then can you write me a presentation?&lt;/p&gt;
  5677.  
  5678.  
  5679.  
  5680. &lt;p&gt;I was having a meeting with an associate of mine. I haven&amp;#8217;t caught up with each other for about six years, and he&amp;#8217;s deeply involved in the concept of human centered design, which is, a business practice where you, look at the customer to identify the problem. Not look at the business and try to solve a problem.&lt;/p&gt;
  5681.  
  5682.  
  5683.  
  5684. &lt;p&gt;He wanted to know about what I was doing in AI and that sort of stuff. And I said, did you know that I could write you a business plan? And they used to spend a lot of money creating business plans for people, and creating sessions and seminars. And I went, I can write you a seminar structure and plan in two minutes, on any topic.&lt;/p&gt;
  5685.  
  5686.  
  5687.  
  5688. &lt;p&gt;I said, no, we&amp;#8217;ll do better. Hey, ChatGPT, tell me what you know about human-centered design and why it&amp;#8217;s good. And of course it printed out 20 paragraphs. And then I went, can you summarize that for a presentation seminar? And of course it did that. And then I said, now can you give me the structure of the seminar?&lt;/p&gt;
  5689.  
  5690.  
  5691.  
  5692. &lt;p&gt;And it did that. And this guy sitting there going, are you kidding? And I said, that&amp;#8217;s where we&amp;#8217;ve come. But underlying all that is data and information. And none of that&amp;#8217;s of any relevance unless you&amp;#8217;ve got a community to share it with.&lt;/p&gt;
  5693.  
  5694.  
  5695.  
  5696. &lt;p&gt;[00:32:23] Nathan Wrigley: Do you have a sense that the internet has gone in a, I&amp;#8217;m going to use the word bad or poor direction over the last decade? Do you have a sense that mistakes have been made? If you could rewind the clock, were there any moments in time where you think, I wish it hadn&amp;#8217;t have gone in that direction?&lt;/p&gt;
  5697.  
  5698.  
  5699.  
  5700. &lt;p&gt;Because I often think things like proprietary platforms that kind of want to put a wall around the conversations that we have. They seem like, maybe in 50 years time when we look back, maybe they&amp;#8217;ll seem like missteps. I don&amp;#8217;t know. Maybe they&amp;#8217;ll carry on and it&amp;#8217;ll all be, as it is now.&lt;/p&gt;
  5701.  
  5702.  
  5703.  
  5704. &lt;p&gt;But it does feel like there&amp;#8217;s a resurgence more to owning your own conversation. So obviously we do that in WordPress, but it does feel like there&amp;#8217;s a bit of a groundswell towards more federated protocols. Things like the AT protocol that Bluesky are doing, but Mastodon and an ActivityPub and those kind of things.&lt;/p&gt;
  5705.  
  5706.  
  5707.  
  5708. &lt;p&gt;[00:33:12] Wes Tatters: I think again, if you harken back to Tim&amp;#8217;s semantic web and, he wrote a document, 2022 I think, which was 30 years on. And he talked about where things had gone. I can tell you right now that the way I read Tim&amp;#8217;s take on the worldwide web is that e-commerce was not a part of it. That was not a part of his idea of.&lt;/p&gt;
  5709.  
  5710.  
  5711.  
  5712. &lt;p&gt;[00:33:36] Nathan Wrigley: Yeah, how would you even have conceived that?&lt;/p&gt;
  5713.  
  5714.  
  5715.  
  5716. &lt;p&gt;[00:33:38] Wes Tatters: Yeah, e-commerce wasn&amp;#8217;t a thing. I don&amp;#8217;t truly think, Snapchatting or no fully explained reason, 15 second videos in TikTok were anywhere on the radar, because there was this whole deal of philosophy. But each of these things actually has the same underlying traits.&lt;/p&gt;
  5717.  
  5718.  
  5719.  
  5720. &lt;p&gt;It&amp;#8217;s all about communities, it&amp;#8217;s all about relationships and building relationships with people. Where I think personally we have made a misstep is in how our younger generations consume that community.&lt;/p&gt;
  5721.  
  5722.  
  5723.  
  5724. &lt;p&gt;[00:34:12] Nathan Wrigley: It&amp;#8217;s a lot.&lt;/p&gt;
  5725.  
  5726.  
  5727.  
  5728. &lt;p&gt;[00:34:12] Wes Tatters: Well, it&amp;#8217;s more than a lot. There was a survey done and I haven&amp;#8217;t got the figures in front of me, because I wasn&amp;#8217;t planning on discussing where we were here. That&amp;#8217;s looked at the level of loneliness of people in 2025, compared to the level of loneliness of 20 and 30 years ago. And it directly related this online community thing. The, unfortunately, what do we call false community sometimes. The people we have never met that we talk to in a Snapchat or something like that, that are not community, and they&amp;#8217;re not really our friends.&lt;/p&gt;
  5729.  
  5730.  
  5731.  
  5732. &lt;p&gt;And there is an increase in loneliness. And I think if there&amp;#8217;s any misstep that we as a society have maybe taken out of this thing, is a lack of understanding of the impacts of loneliness. And I think the internet&amp;#8217;s to blame for that.&lt;/p&gt;
  5733.  
  5734.  
  5735.  
  5736. &lt;p&gt;[00:35:13] Nathan Wrigley: The internet is so beguiling, isn&amp;#8217;t it? Because there&amp;#8217;s so much interesting stuff there. I think throw the mobile phone into that equation as well. This always on device, which is available 24 7. But it&amp;#8217;s that capacity, incapacity, to put it down. You start doing something with it and then five minutes later you realize, often, in many cases, five minutes is not even the benchmark. More like an hour or something.&lt;/p&gt;
  5737.  
  5738.  
  5739.  
  5740. &lt;p&gt;[00:35:36] Wes Tatters: And, there are clinical reasons for that. We&amp;#8217;re actually getting out of these devices the same dopamine hits that lead to depression. The same dopamine hits that lead to mood swings and to a certain extent mental health issues.&lt;/p&gt;
  5741.  
  5742.  
  5743.  
  5744. &lt;p&gt;We now have this whole, go on the internet and you&amp;#8217;ll get, especially when you&amp;#8217;re hitting my age, are you dopamine deprived? Join this, get on this dopamine detox. And it&amp;#8217;s real. It&amp;#8217;s a real problem. And the five minutes bursts, the swiping, the scrolling, the doom, scrolling, they&amp;#8217;re not things that you could have even comprehended. We have all this data, massive amounts of data available to it, but we prefer to consume a, TikTok video, or look at photos of funny dogs or kittens, or dogs and kittens or whatever it is. The internet and the things that have grown out of that, have all contributed to that.&lt;/p&gt;
  5745.  
  5746.  
  5747.  
  5748. &lt;p&gt;[00:36:32] Nathan Wrigley: It really is interesting. Bit of a double-edged sword, really. Like on the one hand, the internet is probably the greatest innovation, maybe of all time. Or the electric light or, you know, what did the Romans us kind of thing.&lt;/p&gt;
  5749.  
  5750.  
  5751.  
  5752. &lt;p&gt;But also, curiously, it also has aspects of it which are really deleterious to humanity, and can really bring out the worst. It allows us to consume the worst to, I don&amp;#8217;t know, to spend hours where we probably got other things that we should be doing, but for some reason we can&amp;#8217;t let go of the phone, and things like that. So it is really curious.&lt;/p&gt;
  5753.  
  5754.  
  5755.  
  5756. &lt;p&gt;[00:37:06] Wes Tatters: It&amp;#8217;s the speed that it&amp;#8217;s happened.&lt;/p&gt;
  5757.  
  5758.  
  5759.  
  5760. &lt;p&gt;[00:37:08] Nathan Wrigley: And continues to happen. I don&amp;#8217;t see any slowing down.&lt;/p&gt;
  5761.  
  5762.  
  5763.  
  5764. &lt;p&gt;[00:37:12] Wes Tatters: At PressConf the other day, one of the sessions was an AI session. Of course there&amp;#8217;s going to be an AI session. Seriously, if you go to the opening of a restaurant in the town center, there&amp;#8217;s some guy doing a presentation, and we&amp;#8217;ve got Barry to talk about AI for 15 minutes. It feels like that anyway.&lt;/p&gt;
  5765.  
  5766.  
  5767.  
  5768. &lt;p&gt;One of the demonstrations was about two paragraph script, and it said effectively, hey, insert name of AI tool. I want you to create me a five second video, and I want the five second video to be of a dinosaur running out of a valley with a volcano erupting in the background. And as the dinosaur runs towards the camera, the ground shakes and the dinosaur&amp;#8217;s then going to pass to the right hand side. And I&amp;#8217;d like it to look a bit like Jurassic Park. That was literally the wording, and you hit enter not that long later, here&amp;#8217;s a 15 second video that looks lifelike, realistic.&lt;/p&gt;
  5769.  
  5770.  
  5771.  
  5772. &lt;p&gt;[00:38:05] Nathan Wrigley: Jurassic Park.&lt;/p&gt;
  5773.  
  5774.  
  5775.  
  5776. &lt;p&gt;[00:38:06] Wes Tatters: It literally was, you may as well have been in the feature film. 10 years ago, 20 years ago, that would&amp;#8217;ve cost couple of million dollars for that five seconds of animation. Now it&amp;#8217;s literally something you can get on your mobile phone.&lt;/p&gt;
  5777.  
  5778.  
  5779.  
  5780. &lt;p&gt;[00:38:20] Nathan Wrigley: Anybody can get on their mobile phone.&lt;/p&gt;
  5781.  
  5782.  
  5783.  
  5784. &lt;p&gt;[00:38:22] Wes Tatters: I was looking at a video thing today. I was like, some AI tool where you can go, hey, can you, put me in a video of me flying? Yeah, sure. I just need 10 photos of you please. And, now what would you like to fly over? Yeah, technology&amp;#8217;s changed.&lt;/p&gt;
  5785.  
  5786.  
  5787.  
  5788. &lt;p&gt;[00:38:35] Nathan Wrigley: Madness though, when you think about it, if you were to rewind the clock 30 years none of this was possible. I mean here I am talking you through a web browser as if it&amp;#8217;s nothing. And it is utterly remarkable.&lt;/p&gt;
  5789.  
  5790.  
  5791.  
  5792. &lt;p&gt;[00:38:48] Wes Tatters: So we live in a society where we&amp;#8217;ve moved from the first time anyone heard of a deep fake, but now it&amp;#8217;s just what you do when you&amp;#8217;re at lunch break.&lt;/p&gt;
  5793.  
  5794.  
  5795.  
  5796. &lt;p&gt;Things are changing. Forget about the ethics, the morals, and all those things, but our technology has changed. So yeah, to answer the question, are there missteps? Probably. But the interesting thing about the internet, and it&amp;#8217;s something that was built into it at the beginning at DARPA, it&amp;#8217;s actually got this amazing ability in technology to recorrect itself.&lt;/p&gt;
  5797.  
  5798.  
  5799.  
  5800. &lt;p&gt;And that was how DARPA was built. The whole idea was, if you can&amp;#8217;t get it this way, it&amp;#8217;ll go this way. And if you can&amp;#8217;t get it this way, you&amp;#8217;ll find a carrier pigeon, and you&amp;#8217;ll keep the communications going. What we&amp;#8217;ve discovered with communities, and with groups, is that they seem to have an inordinate way of self-correcting as well, through moderation, through conversations.&lt;/p&gt;
  5801.  
  5802.  
  5803.  
  5804. &lt;p&gt;When you get critical mass, and you pull enough people together, there is this inordinate ability to self-correct. I don&amp;#8217;t fully understand the psychological basis behind it, but it&amp;#8217;s fascinating how the internet has this ability to self-correct itself. So maybe over time it will, who knows?&lt;/p&gt;
  5805.  
  5806.  
  5807.  
  5808. &lt;p&gt;[00:40:02] Nathan Wrigley: Certainly in the world at large at the moment, we do seem to be in need of some sort of self-correction in all sorts of walks of life. And the WordPress community that we are both a part of definitely has had its schism over the last six months or so.&lt;/p&gt;
  5809.  
  5810.  
  5811.  
  5812. &lt;p&gt;[00:40:17] Wes Tatters: Look, and it&amp;#8217;s been, and that&amp;#8217;s happened before. And even those things self-correct, because there are communities that are passionate in this space. Yes, there&amp;#8217;s been some drama. and there&amp;#8217;s no point in having conversation about that. But one of the outputs of that has been interesting new conversations in communities. Not looking at things like how we destroy WordPress, or how we, what we do next, but actually going, how do we build our community? How do we assist our community?&lt;/p&gt;
  5813.  
  5814.  
  5815.  
  5816. &lt;p&gt;So even in those sort of challenges that every big ecosystem has, the community itself can self-correct. The community itself, can develop new relationships. And people grow out of those things.&lt;/p&gt;
  5817.  
  5818.  
  5819.  
  5820. &lt;p&gt;PressConf was an amazing example of that. Obviously it had happened before in a slightly different form a number of years ago, but this was, let&amp;#8217;s put 150 odd in a space for a weekend, and let &amp;#8217;em all chat and have conversations. And actually have intelligent dialogues and a whole heap of things grew out of it.&lt;/p&gt;
  5821.  
  5822.  
  5823.  
  5824. &lt;p&gt;When we have WordPress events, we have WordCamps. We have Word Camp Europe coming up. Groups creating new vision. We talk about things like contribution and what contribution looks like. There&amp;#8217;s been some negatives about contribution in the recent space, but there&amp;#8217;s also been some huge positives about contribution. Out of the drama we&amp;#8217;ve had, actually created a new conversation. Many people who didn&amp;#8217;t even understand the concept. Oh yeah, I just assumed WordPress was this thing. I never thought that there was actually people giving up their weekends to go to a day in Hyderabad to fix bugs in wordPress. But that&amp;#8217;s what people do.&lt;/p&gt;
  5825.  
  5826.  
  5827.  
  5828. &lt;p&gt;And it actually helped us have a new conversation with a lot of people in the WordPress space that actually hadn&amp;#8217;t even comprehended. Because they just assumed that they were, oh yeah, I just downloaded this WordPress thing.&lt;/p&gt;
  5829.  
  5830.  
  5831.  
  5832. &lt;p&gt;[00:42:13] Nathan Wrigley: Yeah, I do wonder if some things will come out of the year 2025 that would&amp;#8217;ve been in the year 2024 unimaginable.&lt;/p&gt;
  5833.  
  5834.  
  5835.  
  5836. &lt;p&gt;[00:42:21] Wes Tatters: I would say I&amp;#8217;m quietly positive. There are lots of conversations, at many layers. I do think, and this is my own personal opinion, that there is a time for speaking and a time for listening. And I think that right now there is a need for a lot of listening from disparate part of the community, and by listening I think a lot of people need to listen to what other people have to say. And then as a community, look at what all those things are. What&amp;#8217;s being said, and look at what we do to self correct. I think it&amp;#8217;s important to listen.&lt;/p&gt;
  5837.  
  5838.  
  5839.  
  5840. &lt;p&gt;[00:43:00] Nathan Wrigley: Yeah, a conversation which drifted through what the internet even was and is. Then finally landing on CMSs and WordPress and the community built up around that. So Wes, what a pool of knowledge you are. You&amp;#8217;ve really done the entire internet circuit and I&amp;#8217;m really glad that we got a chance to speak today. Thank you.&lt;/p&gt;
  5841.  
  5842.  
  5843.  
  5844. &lt;p&gt;[00:43:19] Wes Tatters: Nathan, it&amp;#8217;s been a pleasure. Always happy to chat. It&amp;#8217;s about conversation and communities. That&amp;#8217;s what matters at the end of the day.&lt;/p&gt;
  5845. &lt;/div&gt;&lt;/details&gt;
  5846.  
  5847.  
  5848.  
  5849. &lt;p&gt;On the podcast today we have &lt;a href=&#34;https://profiles.wordpress.org/wesrapyd/&#34;&gt;Wes Tatters&lt;/a&gt;.&lt;/p&gt;
  5850.  
  5851.  
  5852.  
  5853. &lt;p&gt;Wes has been immersed in the tech space for close to four decades, starting his journey with early computers like the Commodore 64 and TRS-80. He’s been an author, with multiple books on internet technologies to his name, has worked across AV and media, and today, he’s the driving force behind Rapyd Cloud, a globally distributed hosting company. Wes’s perspective is shaped as much by his hands-on experience building communities on CompuServe, AOL, and MSN as by his deep involvement with modern open source platforms, like WordPress.&lt;/p&gt;
  5854.  
  5855.  
  5856.  
  5857. &lt;p&gt;Wes starts off by sharing some of the fascinating stories from the early web, when getting online meant stringing together modems and bulletin boards, and long-distance communication felt nothing short of miraculous. He talks about the evolution of the internet as a space for community, and how chance encounters in early online forums led to opportunities like writing for Netscape and shaping the very first JavaScript Developer Guides.&lt;/p&gt;
  5858.  
  5859.  
  5860.  
  5861. &lt;p&gt;We then discuss the changing meaning of “community” across different eras of the internet, touching on the shift from closed, walled gardens like AOL, to the open source ethos that powers projects like WordPress and much else that we take for granted online. Wes describes how WordPress’s flexibility and openness allowed anyone, anywhere, to claim their own piece of the web without technical barriers, and how this has contributed to its rise as a cornerstone of global digital freedom and self-expression.&lt;/p&gt;
  5862.  
  5863.  
  5864.  
  5865. &lt;p&gt;Our conversation also examines the challenges and potential missteps of the modern internet, from social loneliness to the commercial world of social media, and reflects on WordPress’s role in helping steer a path back to more positive, open, and empowering online experiences.&lt;/p&gt;
  5866.  
  5867.  
  5868.  
  5869. &lt;p&gt;If you’re interested in how the history of the internet directly shaped WordPress, the open web, and the communities we build today, this episode is for you.&lt;/p&gt;
  5870.  
  5871.  
  5872.  
  5873. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Useful links&lt;/h2&gt;
  5874.  
  5875.  
  5876.  
  5877. &lt;p&gt;&lt;a href=&#34;https://rapyd.cloud/&#34;&gt;Rapyd Cloud&lt;/a&gt;&lt;/p&gt;
  5878.  
  5879.  
  5880.  
  5881. &lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/DARPA&#34;&gt;DARPA&lt;/a&gt;&lt;/p&gt;
  5882.  
  5883.  
  5884.  
  5885. &lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/AOL&#34;&gt;AOL&lt;/a&gt;&lt;/p&gt;
  5886.  
  5887.  
  5888.  
  5889. &lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/CompuServe&#34;&gt;CompuServe&lt;/a&gt;&lt;/p&gt;
  5890.  
  5891.  
  5892.  
  5893. &lt;p&gt;&lt;a href=&#34;https://www.amazon.co.uk/JavaScript-Developers-Guide-Wes-Tatters/dp/1575210843&#34;&gt;JavaScript Developers Guide&lt;/a&gt; written by Wes&lt;/p&gt;
  5894.  
  5895.  
  5896.  
  5897. &lt;p&gt;&lt;a href=&#34;https://pressconf.events/&#34;&gt;PressConf&lt;/a&gt;&lt;/p&gt;
  5898.  
  5899.  
  5900.  
  5901. &lt;p&gt;&lt;a href=&#34;https://www2025.thewebconf.org/&#34;&gt;Worldwide Web Conference&lt;/a&gt;&lt;/p&gt;
  5902.  
  5903.  
  5904.  
  5905. &lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/Tim_Berners-Lee&#34;&gt; Tim Burnes Lee&lt;/a&gt;&lt;/p&gt;
  5906.  
  5907.  
  5908.  
  5909. &lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/James_Gosling&#34;&gt;James Gosling&lt;/a&gt;&lt;/p&gt;
  5910.  
  5911.  
  5912.  
  5913. &lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/Laura_Lemay&#34;&gt;Laura Lemay&lt;/a&gt;&lt;/p&gt;
  5914.  
  5915.  
  5916.  
  5917. &lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/ASP.NET&#34;&gt;ASP&lt;/a&gt;&lt;/p&gt;
  5918.  
  5919.  
  5920.  
  5921. &lt;p&gt;&lt;a href=&#34;https://dotnet.microsoft.com/en-us/apps/aspnet&#34;&gt;asp.net&lt;/a&gt;&lt;/p&gt;
  5922.  
  5923.  
  5924.  
  5925. &lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/DNN_(software)&#34;&gt;DotNetNuke&lt;/a&gt;&lt;/p&gt;
  5926.  
  5927.  
  5928.  
  5929. &lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/Myspace&#34;&gt;MySpace&lt;/a&gt;&lt;/p&gt;
  5930.  
  5931.  
  5932.  
  5933. &lt;p&gt;&lt;a href=&#34;https://www.buddyboss.com/&#34;&gt;BuddyBoss&lt;/a&gt;&lt;/p&gt;
  5934.  
  5935.  
  5936.  
  5937. &lt;p&gt;&lt;a href=&#34;https://bsky.app/&#34;&gt;Bluesky&lt;/a&gt;&lt;/p&gt;
  5938.  
  5939.  
  5940.  
  5941. &lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/AT_Protocol&#34;&gt;AT Protocol&lt;/a&gt;&lt;/p&gt;
  5942.  
  5943.  
  5944.  
  5945. &lt;p&gt;&lt;a href=&#34;https://mastodon.social/&#34;&gt;Mastodon&lt;/a&gt;&lt;/p&gt;
  5946.  
  5947.  
  5948.  
  5949. &lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/ActivityPub&#34;&gt;ActivityPub protocol&lt;/a&gt;&lt;/p&gt;</description>
  5950. <pubDate>Wed, 14 May 2025 14:00:00 +0000</pubDate>
  5953. <dc:creator>Nathan Wrigley</dc:creator>
  5955. </item>
  5956.  
  5957. <item>
  5958. <title>Do The Woo Community: Why Agency Maturity Matters When Choosing WooCommerce (or Any Ecommerce Platform)</title>
  5959. <guid>https://openchannels.fm/?post_type=blog&amp;p=96863</guid>
  5960. <link>https://openchannels.fm/why-agency-maturity-matters-when-choosing-woocommerce-or-any-e-commerce-platform/</link>
  5962. <description>This post highlights the significance of assessing business maturity when recommending WooCommerce to clients, ensuring they understand long-term commitments for successful online store management.</description>
  5963. <pubDate>Wed, 14 May 2025 11:45:00 +0000</pubDate>
  5966. <dc:creator>Bob Dunn</dc:creator>
  5968. </item>
  5969.  
  5970. <item>
  5971. <title>Matt: Upcoming Talks</title>
  5972. <guid>https://ma.tt/?p=142414</guid>
  5973. <link>https://ma.tt/2025/05/upcoming-talks/</link>
  5975. <description>&lt;p&gt;It’s a busy speaking season! I just spoke at the Intelligent Change summit, and will be at SaaStock in Austin on May 14, SXSW London, on June 4, Brilliant Minds in Stockholm, and WordCamp EU in Basel, Switzerland, on June 7.&lt;/p&gt;</description>
  5976. <pubDate>Tue, 13 May 2025 16:29:51 +0000</pubDate>
  5979. <dc:creator>Matt</dc:creator>
  5981. </item>
  5982.  
  5983. <item>
  5984. <title>Do The Woo Community: A Recap of PressConf 2025</title>
  5985. <guid>https://openchannels.fm/?p=96913</guid>
  5986. <link>https://openchannels.fm/a-recap-of-pressconf-2025/</link>
  5988. <description>The episode of WordPress Event Talk discusses PressConf, led by new host Michelle Frechette. Our hosts share insights on networking, event structure, participant feedback, and the unique atmosphere of the event, emphasizing community and business focus.</description>
  5989. <pubDate>Tue, 13 May 2025 11:00:00 +0000</pubDate>
  5992. <dc:creator>Bob Dunn</dc:creator>
  5994. </item>
  5995.  
  5996. <item>
  5997. <title>Do The Woo Community: WordPress 6.8 Moved to bcrypt: A Quiet Revolution in Password Security</title>
  5998. <guid>https://openchannels.fm/?post_type=blog&amp;p=96876</guid>
  5999. <link>https://openchannels.fm/wordpress-6-8-moved-to-bcrypt-a-quiet-revolution-in-password-security/</link>
  6001. <description>WordPress 6.8 upgrades password security by transitioning to bcrypt, enhancing protection against attacks without disrupting users, while setting new industry security standards.</description>
  6002. <pubDate>Mon, 12 May 2025 09:31:00 +0000</pubDate>
  6005. <dc:creator>Bob Dunn</dc:creator>
  6007. </item>
  6008.  
  6009. <item>
  6010. <title>Gutenberg Times: Gutenberg Changelog 117 – WooCommerce Starter Theme and Blocks, WordCamp Europe, and Gutenberg 20.7 and 20.8</title>
  6011. <guid>https://gutenbergtimes.com/?post_type=podcast&amp;p=40406</guid>
  6012. <link>https://gutenbergtimes.com/podcast/gutenberg-changelog-117-woocommerce-starter-theme-and-blocks/</link>
  6014. <description>&lt;p&gt;Welcome to episode 117 of the Gutenberg Changelog podcast! In this jam-packed episode, host Birgit Pauli-Haack is joined by Ellen Bauer, product lead at WooCommerce for an insightful conversation covering all the latest developments in the WordPress ecosystem.&lt;/p&gt;
  6015.  
  6016.  
  6017.  
  6018. &lt;p&gt;Together, they dive into the progress on the new WooCommerce Starter Theme, its underlying “workhorse” philosophy, and the ongoing efforts to improve block theme adoption for e-commerce. Ellen shares behind-the-scenes challenges and a sneak peek into the team’s priorities—plus, learn how you can get involved and provide feedback as WooCommerce gears up for a first release in early June.&lt;/p&gt;
  6019.  
  6020.  
  6021.  
  6022. &lt;p&gt;The episode also offers a preview of what to expect at WordCamp Europe, from Ellen’s session (spoiler: it’s all about WooCommerce and block themes) to hands-on workshops like Birgit’s upcoming walkthrough of using WordPress Playground for product demos. They tackle a listener question on overriding block styles, highlight recent updates to WP-CLI, WordPress 6.8, and the Create Block Theme plugin, and break down the newest features in Gutenberg 20.7 and the upcoming 20.8 release.&lt;/p&gt;
  6023.  
  6024.  
  6025.  
  6026. &lt;p&gt;Whether you’re a theme builder, plugin developer, or a curious WordPress enthusiast, this episode is packed with actionable insights, pro tips, and friendly encouragement to explore the full potential of the block editor—especially for e-commerce sites. Tune in, and stay up-to-date with the fast-moving world of WordPress!&lt;/p&gt;
  6027.  
  6028.  
  6029.  
  6030. &lt;p&gt;&lt;a href=&#34;https://gutenbergtimes.com/podcast/gutenberg-changelog-117-woocommerce-starter-theme-and-blocks/#shownotes&#34;&gt;Show Notes&lt;/a&gt; / &lt;a href=&#34;https://gutenbergtimes.com/podcast/gutenberg-changelog-117-woocommerce-starter-theme-and-blocks/#transcript&#34;&gt;Transcript&lt;/a&gt;&lt;/p&gt;
  6031.  
  6032.  
  6033.  
  6034. &lt;ul class=&#34;wp-block-list&#34;&gt;
  6035. &lt;li&gt;Music: &lt;a href=&#34;https://soundcloud.com/xirclebox&#34;&gt;Homer Gaines&lt;/a&gt;&lt;/li&gt;
  6036.  
  6037.  
  6038.  
  6039. &lt;li&gt;Editor: &lt;a href=&#34;https://www.linkedin.com/in/sandy-reed/&#34;&gt;Sandy Reed&lt;/a&gt;&lt;/li&gt;
  6040.  
  6041.  
  6042.  
  6043. &lt;li&gt;Logo: &lt;a href=&#34;https://markuraine.com/&#34;&gt;Mark Uraine&lt;/a&gt;&lt;/li&gt;
  6044.  
  6045.  
  6046.  
  6047. &lt;li&gt;Production: &lt;a href=&#34;https://icodeforapurpose.com&#34;&gt;Birgit Pauli-Haack&lt;/a&gt;&lt;/li&gt;
  6048. &lt;/ul&gt;
  6049.  
  6050.  
  6051.  
  6052. &lt;p class=&#34;has-larger-font-size&#34; id=&#34;shownotes&#34;&gt;&lt;strong&gt;Show Notes&lt;/strong&gt;&lt;/p&gt;
  6053.  
  6054.  
  6055.  
  6056. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Ellen Bauer&lt;/h2&gt;
  6057.  
  6058.  
  6059.  
  6060. &lt;ul class=&#34;wp-block-list&#34;&gt;
  6061. &lt;li&gt;&lt;a href=&#34;https://x.com/ellenbauer&#34;&gt;On X (former Twitter) @ellenbauer&lt;/a&gt;&lt;/li&gt;
  6062.  
  6063.  
  6064.  
  6065. &lt;li&gt;&lt;a href=&#34;https://www.elmastudio.de/en/&#34;&gt;ElmaStudio&lt;/a&gt;&lt;/li&gt;
  6066.  
  6067.  
  6068.  
  6069. &lt;li&gt;&lt;a href=&#34;https://gutenbergtimes.com/podcast/gutenberg-changelog-105-gutenberg-18-9-block-themes-and-woocommerce/&#34;&gt;Gutenberg Changelog #105 – Gutenberg 18.9, Block Themes and WooCommerce&lt;/a&gt;&lt;/li&gt;
  6070. &lt;/ul&gt;
  6071.  
  6072.  
  6073.  
  6074. &lt;h2 class=&#34;wp-block-heading&#34;&gt;WooCommerce &lt;/h2&gt;
  6075.  
  6076.  
  6077.  
  6078. &lt;ul class=&#34;wp-block-list&#34;&gt;
  6079. &lt;li&gt;&lt;a href=&#34;https://github.com/woocommerce/woo-themes/tree/trunk/woostarter&#34;&gt;Woo Starter Theme on GitHub&lt;/a&gt; (MVP not for production) &lt;/li&gt;
  6080.  
  6081.  
  6082.  
  6083. &lt;li&gt;&lt;a href=&#34;https://developer.woocommerce.com/&#34;&gt;Woo Developer Blog&lt;/a&gt;&lt;/li&gt;
  6084.  
  6085.  
  6086.  
  6087. &lt;li&gt;&lt;a href=&#34;https://woocommerce.com/de/community-slack/&#34;&gt;Woo Dev Slack&lt;/a&gt; &lt;/li&gt;
  6088.  
  6089.  
  6090.  
  6091. &lt;li&gt;&lt;a href=&#34;https://woocommerce.com/documentation/woocommerce/&#34;&gt;Woo Commerce Documentation&lt;/a&gt;&lt;/li&gt;
  6092. &lt;/ul&gt;
  6093.  
  6094.  
  6095.  
  6096. &lt;p&gt;&lt;strong&gt;Listener Question&lt;/strong&gt; on block styles and block themes&lt;/p&gt;
  6097.  
  6098.  
  6099.  
  6100. &lt;ul class=&#34;wp-block-list&#34;&gt;
  6101. &lt;li&gt;&lt;a href=&#34;https://gutenbergtimes.com/wp-admin/post.php?post=40172&amp;amp;action=edit&#34;&gt;How to overwrite or remove core block styles&lt;/a&gt;&lt;/li&gt;
  6102.  
  6103.  
  6104.  
  6105. &lt;li&gt;&lt;a href=&#34;https://wordpress.com/blog/2025/05/07/custom-block-styles/&#34;&gt;Mastering Custom Block Styles in WordPress: 6 Methods for Theme and Plugin Developers&lt;/a&gt;&lt;/li&gt;
  6106.  
  6107.  
  6108.  
  6109. &lt;li&gt;&lt;a href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/&#34;&gt;Seven Tasks to a Custom Block Theme: Anders Norén’s Weekend Workflow&lt;/a&gt;&lt;/li&gt;
  6110. &lt;/ul&gt;
  6111.  
  6112.  
  6113.  
  6114. &lt;h2 class=&#34;wp-block-heading&#34;&gt;What&amp;#8217;s released: &lt;/h2&gt;
  6115.  
  6116.  
  6117.  
  6118. &lt;ul class=&#34;wp-block-list&#34;&gt;
  6119. &lt;li&gt;&lt;a href=&#34;https://make.wordpress.org/cli/2025/05/07/wp-cli-v2-12-0-release-notes/&#34;&gt;WP-CLI v2.12.0 Release Notes&lt;/a&gt;&lt;/li&gt;
  6120.  
  6121.  
  6122.  
  6123. &lt;li&gt;&lt;a href=&#34;https://wordpress.org/news/2025/04/wordpress-6-8-1-maintenance-release/&#34;&gt;WordPress 6.8.1 Maintenance Release&lt;/a&gt;&lt;/li&gt;
  6124.  
  6125.  
  6126.  
  6127. &lt;li&gt;&lt;a href=&#34;https://github.com/WordPress/create-block-theme/releases/tag/v2.7.0&#34;&gt;Create Block Theme 2.7.0&lt;/a&gt;&lt;/li&gt;
  6128. &lt;/ul&gt;
  6129.  
  6130.  
  6131.  
  6132. &lt;h3 class=&#34;wp-block-heading&#34;&gt;Gutenberg Plugin releases &lt;/h3&gt;
  6133.  
  6134.  
  6135.  
  6136. &lt;ul class=&#34;wp-block-list&#34;&gt;
  6137. &lt;li&gt;&lt;a href=&#34;https://github.com/WordPress/gutenberg/releases/tag/v20.7.0&#34;&gt;Gutenberg 20.7&lt;/a&gt;&lt;/li&gt;
  6138.  
  6139.  
  6140.  
  6141. &lt;li&gt;&lt;a href=&#34;https://github.com/WordPress/gutenberg/releases/tag/v20.8.0-rc.1&#34;&gt;Gutenberg 20.8 RC 1&lt;/a&gt;&lt;/li&gt;
  6142. &lt;/ul&gt;
  6143.  
  6144.  
  6145.  
  6146. &lt;p&gt;&lt;/p&gt;
  6147.  
  6148.  
  6149.  
  6150. &lt;p class=&#34;has-large-font-size&#34;&gt;Stay in Touch&lt;/p&gt;
  6151.  
  6152.  
  6153.  
  6154. &lt;div class=&#34;wp-block-group&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow&#34;&gt;
  6155. &lt;ul class=&#34;wp-block-list&#34;&gt;
  6156. &lt;li&gt;Did you like this episode? &lt;a href=&#34;https://lovethepodcast.com/gutenbergchangelog&#34;&gt;&lt;strong&gt;Please write us a review &lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
  6157.  
  6158.  
  6159.  
  6160. &lt;li&gt;Ping us on X (formerly known as Twitter) or send DMs with questions. &lt;a href=&#34;https://twitter.com/gutenbergtimes&#34;&gt;@gutenbergtimes &lt;/a&gt;and &lt;a href=&#34;https://twitter.com/bph&#34;&gt;@bph&lt;/a&gt;.&lt;/li&gt;
  6161.  
  6162.  
  6163.  
  6164. &lt;li&gt;&lt;em&gt;If you have questions or suggestions, or news you want us to include, send them to &lt;a href=&#34;mailto:changelog@gutenbergtimes.com&#34;&gt;changelog@gutenbergtimes.com&lt;/a&gt;. &lt;/em&gt;&lt;/li&gt;
  6165.  
  6166.  
  6167.  
  6168. &lt;li&gt;&lt;em&gt;Please write us a review on iTunes! &lt;a href=&#34;https://gutenbergtimes.com/itunes/&#34;&gt;(Click here to learn how)&lt;/a&gt;&lt;/em&gt;&lt;/li&gt;
  6169. &lt;/ul&gt;
  6170. &lt;/div&gt;&lt;/div&gt;
  6171.  
  6172.  
  6173.  
  6174. &lt;p class=&#34;has-large-font-size&#34; id=&#34;transcript&#34;&gt;&lt;strong&gt;Transcript&lt;/strong&gt;&lt;/p&gt;
  6175.  
  6176.  
  6177.  
  6178. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack&lt;/em&gt;: Hello, and welcome to our 117th episode of the Gutenberg Changelog podcast. In today&amp;#8217;s episode, we will talk about WooCommerce Starter Theme and Blocks, WordCamp Europe, Gutenberg 20.7 and 20.8. I&amp;#8217;m your host, Birgit Pauli-Haack, curator at the Gutenberg Times, core contributor for the WordPress open source project, and I work for Automattic as a developer advocate. And I have with me Ellen Bauer, who is the Woo product lead and my resident theme wizard. So how are you today, Ellen? It&amp;#8217;s so great that you can join me again.&lt;/p&gt;
  6179.  
  6180.  
  6181.  
  6182. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Thank you very much, Birgit. I&amp;#8217;m great and I&amp;#8217;m very excited to be on your podcast again. It has been a while and it&amp;#8217;s always exciting for me to catch up with everything going on with the Gutenberg updates or like surrounding things like create block theme and yeah, I&amp;#8217;m excited. I&amp;#8217;m on my way to like halfway on the way to Europe for WordCamp Europe, which is exciting. I&amp;#8217;m in Thailand right now in Bangkok, and there&amp;#8217;s actually a thunderstorm just rolling in, so I hope that won&amp;#8217;t add to any noise in our podcast today. But yeah, I&amp;#8217;m great. Thanks for having me.&lt;/p&gt;
  6183.  
  6184.  
  6185.  
  6186. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Oh, you&amp;#8217;re welcome. You&amp;#8217;re welcome. Yeah, well, it&amp;#8217;s always good when we have some sudden movements on our podcast. It kind of gets us excited, but it&amp;#8217;s not so good when you have a lightning strike and this. The power goes out. So that happens America quite often..&lt;/p&gt;
  6187.  
  6188.  
  6189.  
  6190. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; In New Zealand as well, where we live. I hope it doesn&amp;#8217;t happen. Yeah, I don&amp;#8217;t think so.&lt;/p&gt;
  6191.  
  6192.  
  6193.  
  6194. &lt;h3 class=&#34;wp-block-heading&#34;&gt;WooCommerce Starter Theme and Block&lt;/h3&gt;
  6195.  
  6196.  
  6197.  
  6198. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; I don&amp;#8217;t think so either. So. Yeah, but you mentioned the last time that was the longer time that you&amp;#8217;re on the show. So the last time it&amp;#8217;s about 10 months ago, and you just had started at WooCommerce and you went on a quest to increase block theme adoption for WooCommerce. So how is it going?&lt;/p&gt;
  6199.  
  6200.  
  6201.  
  6202. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; I&amp;#8217;m still on the same quest and yeah, we are doing a lot of work and obviously there are a lot of complicated topics to solve because Ecommerce is just another level of complexity compared to just WordPress and blogs like Core WordPress. So the first thing we had to tackle and still like, really, I feel more or less still in the beginnings of it is improving the Woo blocks and, and then like, as a next layer we are building a pattern library. But we really needed to dig into the Woo blocks and we wanted to align them more with core blocks, make it like one experience for users and there were quite a lot of discrepancies and there still are. And we are about to release the first edition of new default Woo starter theme. Not replacing but kind of as an update to the classic theme storefront. Because yeah, it is the last default Woo theme that was there that people recommended or that that was released from WooCommerce. So we are updating that and there will be a first version. It&amp;#8217;s really just a starter. I call it the Working Horse because it&amp;#8217;s not meant to be a pretty like shiny theme, but really a starter point and also a reference for us to. To kind of test our own blocks to make them practical to see like what can we build and what can we not, and what do we want to build for the front end of Ecommerce stores with. With WooCommerce and what is just not possible at the moment to kind of set priorities on our work on blocks for WooCommerce. And I think that has really helped us to prioritize things that this kind of prioritization hasn&amp;#8217;t really happened before. Yeah, you really need to use your own product to kind of see the shortcomings and what you want to fix. So that is the thing. That&amp;#8217;s why I call it the Working Horse. And then as a next step once we have this released, we want to improve documentation. We want to help theme builders use this theme as a starting point to see how we think theme builders should work with Ecommerce and like similar to the default WordPress theme Twenty Twenty-Four, Twenty Twenty-Five just as a good reference point. And we are kind of concentrating on one theme because we want to leverage styles and yeah make it more like a mix and match of styles of font sets and a pattern library. Like use the components and make them mix and match rather than having it be one kind of stiff default theme that can&amp;#8217;t be changed. So it will become quite creative I feel. And yeah, there&amp;#8217;s still lots to do but it&amp;#8217;s exciting and I think it really helps us to improve what is possible in a block WooCommerce WordPress world.&lt;/p&gt;
  6203.  
  6204.  
  6205.  
  6206. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Well, there was a lot to unpack. So yes.&lt;/p&gt;
  6207.  
  6208.  
  6209.  
  6210. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; It&amp;#8217;s a big project that kind of occupied me for the last 10 months.&lt;/p&gt;
  6211.  
  6212.  
  6213.  
  6214. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; No, no kidding. And others before you. So. So you mentioned first that the work on a theme is also based on the core blocks that are in Woo and that they need to be refined. If I remember correctly. Do you have a call for input or for feedback out for WooCommerce developers? Is that still ongoing or is that already closed? I wasn&amp;#8217;t really up to that.&lt;/p&gt;
  6215.  
  6216.  
  6217.  
  6218. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; No, definitely we have a call out at any time for we need especially also extension builders. We need their feedback on what they want in our blocks. We need feedback from theme builders what they want the Woo blocks to be able to do. We are also working quite a lot with what we want to bring into core WordPress, and there&amp;#8217;s a lot of changes happening to bring more of the default things that users expect from ECommerce into core. So that is happening and it does affect the blocks as well. So yeah, we can add some links to requests for feedback and I&amp;#8217;m also always available for any kind of feedback and I think once the theme is out we haven&amp;#8217;t promoted it really because it&amp;#8217;s still in the works, but it will kind of come out with the next WooCommerce release which is beginning of June. And then we are going to really say hey, we need people to test it and extension builders to test it out and give us feedback.&lt;/p&gt;
  6219.  
  6220.  
  6221.  
  6222. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Is there a GitHub repo where people can do a sneak peek?&lt;/p&gt;
  6223.  
  6224.  
  6225.  
  6226. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Yes, there is a public GitHub repo where people can add the link to the podcast as well. And it&amp;#8217;s yeah, we&amp;#8217;re still doing a lot of changes, it&amp;#8217;s being worked on. But yeah, we definitely need any kind of feedback we can get. And I think one of the disclaimers, and I put it in the readme file as well is that it&amp;#8217;s a real work in progress, it&amp;#8217;s not prettified or so. And I do like that. I think it&amp;#8217;s good to show the sweat that goes into the work. And we also kind of still talk about a lot of changes like the patterns, where do we want to put the patterns and kind of looking in. For instance, what Rich Table has built on WordPress.com with a pattern library and if we can do something like that for Woo that they are just available outside of themes and really the next step I want to work on is also what kind of default patterns are shipped with WooCommerce. They will get a complete overhaul and kind of make everything more compatible. The starter theme is also based on the same theme JSON setting the assembler Rich Table’s assembler theme uses so it&amp;#8217;s practically based on the same theme foundation. And I remember Nick Diego said to all his themes he kind of replaced to work on the basis of assembler because then we can really mix and match patterns across themes, and I think that&amp;#8217;s a little bit limitation of block themes that in theory it&amp;#8217;s possible, but it&amp;#8217;s not really usable to do that. So that&amp;#8217;s one of the things we want to improve.&lt;/p&gt;
  6227.  
  6228.  
  6229.  
  6230. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah, the standardizations is a little bit harder to do with block themes because people can mesh and mash the patterns from all kinds of different sources. Yeah. So timeline wise, the first sneak peek or the first version comes out of the starter theme in beginning of June. But the block work is ongoing but it needs to come to a certain place so you can release that theme and it&amp;#8217;s actually a working example. And then it depends on the feedback that you get and also the integration with other extensions, what the next updates on the theme are going to be.&lt;/p&gt;
  6231.  
  6232.  
  6233.  
  6234. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Yeah, my goal for the next step after this initial release is look at the top 10 extensions and work with all of them to make it comfortable with this theme. And I think this will help all block themes to be more streamlined. And we are also really looking at all the cart and checkout pages and order confirmation. My account page is still not blockified. That&amp;#8217;s on my wish list. It has been a little bit on the backlog, and I want to change that and kind of everything. Post purchase still needs a lot of work all the page templates there and yeah we will redo the whole default WooCommerce patterns that are shipped. Redo work on the default page templates that are that are in WooCommerce and kind of have a deep look into them and really make sure that this default starter theme just out of the box really works with everything that kind of WooCommerce recommends. That is the goal and yeah that it&amp;#8217;s still a lot of work to be able to do that but it&amp;#8217;s good to have a theme like a product that we can test it on. I think that was missing the WooCommerce that a lot of times we really didn&amp;#8217;t know where to test and I think we have done it with Twenty Twenty-Four, Twenty Twenty-Five. But these themes are not meant to be ECommerce first themes, and I think that&amp;#8217;s what we want to change with that project that we just felt we needed an E Commerce first theme to.&lt;/p&gt;
  6235.  
  6236.  
  6237.  
  6238. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah, absolutely.&lt;/p&gt;
  6239.  
  6240.  
  6241.  
  6242. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; To really test all our product range and our core plugin with makes total sense.&lt;/p&gt;
  6243.  
  6244.  
  6245.  
  6246. &lt;h3 class=&#34;wp-block-heading&#34;&gt;WordCamp Europe&lt;/h3&gt;
  6247.  
  6248.  
  6249.  
  6250. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; So beginning of June, I&amp;#8217;m coming back to that because that&amp;#8217;s also the week of WordCamp Europe and I know.&lt;/p&gt;
  6251.  
  6252.  
  6253.  
  6254. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; So exciting.&lt;/p&gt;
  6255.  
  6256.  
  6257.  
  6258. &lt;p&gt;Birgit Pauli-Haack: It&amp;#8217;s so exciting that we finally are to that place again that we meet up and at WordCamp Europe and if our listeners come. When you see us at the WordCamp Europe and we&amp;#8217;re talking to somebody, it&amp;#8217;s all just come up to us, introduce yourself and then be included in any conversation. That&amp;#8217;s what the WordCamp is all about. It&amp;#8217;s not that people who know each other can click together. It&amp;#8217;s meet new people, meet new discussions, have a deeper discussion on certain WordPress topics in a face-to-face settings. So. So what&amp;#8217;s your talk about then Ellen?&lt;/p&gt;
  6259.  
  6260.  
  6261.  
  6262. &lt;p&gt;Ellen Bauer: It&amp;#8217;s about WooCommerce and block themes.&lt;/p&gt;
  6263.  
  6264.  
  6265.  
  6266. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Oh no, you&amp;#8217;re just kidding.&lt;/p&gt;
  6267.  
  6268.  
  6269.  
  6270. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Yes. Yay. So yeah, I&amp;#8217;m available to talk about these topics actually. Anything I love to be able to meet in person. I loved last year&amp;#8217;s being there at interim and I&amp;#8217;m really excited to be able to to be there and getting myself up on stage. I&amp;#8217;m a little bit frightened and my talk is going to be the last ones on the second day. So yeah, I&amp;#8217;m not sure. I hope I won&amp;#8217;t be nervous through the whole WordCamp two days or three days with contributor day having the talk kind of on the end. But yeah, please say hi and reach out to me as well if you see me around. &lt;/p&gt;
  6271.  
  6272.  
  6273.  
  6274. &lt;p&gt;Yeah, it&amp;#8217;s so it I will talk about the benefits of block themes for Ecommerce because a lot of people I think kind of have the idea that block themes are great for blogs or for websites, for WordPress sites, but don&amp;#8217;t use a block theme for Ecommerce. And I think that&amp;#8217;s just a little bit of a perception that people put this in this box in this drawer, and it&amp;#8217;s difficult to take WooCommerce out of that. I think once people have that kind of thought in their head that it&amp;#8217;s not a great idea or not ready yet or so yeah, I want to give some examples to why I think that is not true. For instance the blog checkout, how much better the performance is and what kind of benefits people get. Because I think a lot of times users really don&amp;#8217;t know about the benefits and benefits of customizing your single product page and just getting creative on what you can do in regards to maybe even different product pages. And just mainly I really want to show examples to make it just really visually appealing that you can drop in patterns and get a really customized WooCommerce experience with block themes and also way better performance and just the flexibility of it, and the ease and the speed and just all the benefits that are there. And also not forget to mention some limitations obviously that are still there that mainly come from plugin extensions WooCommerce extensions not being compatible and we are really hardly working on it. But there are a lot of extensions. Obviously some Ecommerce WooCommerce sites have limitations but I think it&amp;#8217;s just good to highlight that and that we are working on it and remind people that maybe it&amp;#8217;s a good idea to switch to a block theme with your Ecommerce site.&lt;/p&gt;
  6275.  
  6276.  
  6277.  
  6278. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah. Even if not to switch to definitely try it out and kind of see.&lt;/p&gt;
  6279.  
  6280.  
  6281.  
  6282. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Where that is or build a road map.&lt;/p&gt;
  6283.  
  6284.  
  6285.  
  6286. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah, no, I&amp;#8217;m. I&amp;#8217;m excited about that. I&amp;#8217;m gonna, I will be able to come to kind of learn about all that and bring it back to our listeners later on or in the Gutenberg Times Weekend Edition kind of thing.&lt;/p&gt;
  6287.  
  6288.  
  6289.  
  6290. &lt;p&gt;Ellen Bauer: So what is the topic of your talk or workshop?&lt;/p&gt;
  6291.  
  6292.  
  6293.  
  6294. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; I&amp;#8217;m doing a workshop and from zero to demo how to use WordPress playground to put a demo for your product together and we are probably looking at. So it&amp;#8217;s a 75-minute workshop and we do it hands-on. We use the Playground built in Blueprint builder. We talk about the steps and the settings and how you get the different landing pages that you could do for your demo. You don&amp;#8217;t have to start with the front end. You can go deep into it. So if you have a plugin that shows something in the, that works in the editor that you have a landing page that drops the person who wants to test it out right into the block editor of the Playground instance and have all the settings in there that your plugin needs or your theme needs to be to show off the better part of it and have that ready for one click. And you don&amp;#8217;t have to think about a server, you don&amp;#8217;t have to think about a database, you don&amp;#8217;t have to think about hosting it somewhere. You just use Playground Instance and have can demo your product. So I think the workshop is going to be hands-on. It&amp;#8217;s. It&amp;#8217;s going really from zero. Okay, what&amp;#8217;s this JSON file and all that and then we will build a little demo out. What are the pitfalls for content imports? How the content import needs to kind of be structured so the pictures that you need are actually showing and all these little things that sometimes trip up people who try it out.&lt;/p&gt;
  6295.  
  6296.  
  6297.  
  6298. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; That&amp;#8217;s exciting. I&amp;#8217;m just wondering, do people have to register beforehand for the workshops?&lt;/p&gt;
  6299.  
  6300.  
  6301.  
  6302. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yes.&lt;/p&gt;
  6303.  
  6304.  
  6305.  
  6306. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; How does it work?&lt;/p&gt;
  6307.  
  6308.  
  6309.  
  6310. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Registration for workshops on the website has just opened a couple of days ago or even just a couple of days ago, and you need to register and you also Registration is not all. It&amp;#8217;s a free registration. Of course. If you already have your WordCamp ticket, you need to use the same email with which you bought your ticket and then they can match up the two tickets there. It&amp;#8217;s also necessary that you are at the workshop 10 minutes before because if there&amp;#8217;s a waiting list and you are not there to claim your seat, it will go to the waiting list members. Well, I&amp;#8217;m not in. Workshops are all competing against all the rest of the talks in three tracks, so I don&amp;#8217;t know how many people will show up. So it&amp;#8217;s going to. It&amp;#8217;s going to be on Friday after lunch at 2:30. No 1:30, sorry, at 1:30 in the Singapore Place, I think. Yeah. Workshops. There&amp;#8217;s also a workshop with Milana Cap on the Interactivity API, and there is a workshop with the Block Development Cookbook with Ryan Welcher. It&amp;#8217;s always great fun to do. And then Berislav also has a web playground workshop and that is a little bit going deeper into using it for automatic testing. So building automatic tests with WordPress Playground. And then those are the four workshops Interactivity API, automatic testing with Playground, demo site with Playground, and the Block Developer cookbook every day. Friday too and Saturday too. So it&amp;#8217;s really cool. Well, thank you for asking.&lt;/p&gt;
  6311.  
  6312.  
  6313.  
  6314. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; I have to register myself too.&lt;/p&gt;
  6315.  
  6316.  
  6317.  
  6318. &lt;h3 class=&#34;wp-block-heading&#34;&gt;Listener Questions&lt;/h3&gt;
  6319.  
  6320.  
  6321.  
  6322. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah, absolutely. So we had a listener question since the previous Gutenberg Changelog podcast and one is how to override the block styles that come with the theme. &lt;/p&gt;
  6323.  
  6324.  
  6325.  
  6326. &lt;p&gt;So I did a little short post on the Gutenberg Times on how to do this. If they are registered correctly, then you can do it over the global styles in the site editor. If you can&amp;#8217;t because they&amp;#8217;re registered with an older version of the interface, you can definitely unregister them. So add your own block styles to it. I have the link to the how to in the show notes and they are also published on the or that particular post also published on the Gutenberg Times. It&amp;#8217;s very short but it dives a little bit deeper into how to do that. You could also how you override it in theme JSON. This is also a it&amp;#8217;s not a no code variation but it&amp;#8217;s also the theme JSON is fairly human readable and it gives you an example on how the JSON needs to look so you can override it in the theme JSON. And then there&amp;#8217;s also a resource and that&amp;#8217;s a huge resource on custom block styles in WordPress where you get theme developers and plugin developers can learn if they haven&amp;#8217;t yet developed six methods to do block styles. What are block styles? Block styles is a way to add CSS to a Gutenberg core block. So it&amp;#8217;s available for the content creator in the sidebar to just switch it over to the style. So if you have an image style and you want a, you want a certain border, you want a certain radius on the border, you want a certain color on it and you want to also a shadow on it, if that&amp;#8217;s a standard for you, the theme developer can put that into a block style, and then every time the content creator wants to create use that block, it will show it has a button to show that particular comp more complicated styling and doesn&amp;#8217;t have to do it every time click by click by click. So it&amp;#8217;s a one click replacing the style of the core block.&lt;/p&gt;
  6327.  
  6328.  
  6329.  
  6330. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; One of my favorites is always the button block like outline button. I think that&amp;#8217;s like the one of the best examples where we, where we kind of use that main button, a primary button, secondary button, outline button.&lt;/p&gt;
  6331.  
  6332.  
  6333.  
  6334. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah, yeah. And the core blocks come with rounded corners and that&amp;#8217;s normally not everybody&amp;#8217;s a fan of rounded corners, so you need to override that. But it&amp;#8217;s relatively easy to do. You can certainly also do block styles very much more complicated than what&amp;#8217;s in the examples there. I&amp;#8217;ve seen some very interesting block styles for the separator or quotes and pull quotes. They can have some very intriguing designs, but you need to put them into the theme JSON so people can adopt them through the global styles, not theme JSON in the theme JSONs, or with WordPress 6.6 comes a very easy way to add block styles is to put it in a JSON file under your styles and then just have the naming conventions there in terms of which block they attribute to and what the styles are. So and then WordPress picks up that from that particular place and adds it automatically to it. So you don&amp;#8217;t have to worry about your CSS files. You don&amp;#8217;t have to worry about enqueuing it on the editor or enqueuing it on the front end. WordPress does that all for you. So box hunts have been in Gutenberg for or in the since the beginning but this is now the most streamlined way to get them into the theme.&lt;/p&gt;
  6335.  
  6336.  
  6337.  
  6338. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; And I, I always love that because you can reuse it. It&amp;#8217;s like a, just a snippet a component, and you can you reuse it on multiple projects. That is like such a game changer, I think.&lt;/p&gt;
  6339.  
  6340.  
  6341.  
  6342. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Absolutely. Yeah. And you can build your own style kind of library. Yeah. And then just move in the ones that you need. Yeah. If you want to go really out, then you can actually put together your own webpack building process where you kind of pull depending on which parameters pull in the particular styles, the patterns and the templates for a new bespoke theme for a client. So yeah, I like that. It&amp;#8217;s all now file based and with less code, even more power. Yeah, so it&amp;#8217;s pretty cool. So the two articles will be in the show notes linked. &lt;/p&gt;
  6343.  
  6344.  
  6345.  
  6346. &lt;h3 class=&#34;wp-block-heading&#34;&gt;What’s Released &amp;#8211; WPCLI Update&lt;/h3&gt;
  6347.  
  6348.  
  6349.  
  6350. &lt;p&gt;Now we come to the what&amp;#8217;s Released section and I just wanted to give a shout out to Alain Schlesser who has done a tremendous job in maintaining the WPCLI components or features, and he just released another update for the version 2.12. Of course the release notes will be linked in the show notes, but I just wanted to highlight a few things. &lt;/p&gt;
  6351.  
  6352.  
  6353.  
  6354. &lt;p&gt;Now it&amp;#8217;s very developer focused. That&amp;#8217;s why it probably doesn&amp;#8217;t get so many shoutouts on all the WordPress news. But it&amp;#8217;s so called plug and patch commands for caches and transients. That means it can directly manipulate those individual entries. Wired the WPCLI command. And then there are the post list. Can now handle complex query flags in a JSON notation, which just makes it much easier to build the commands out with a text underscore query, which means taxonomy query, meter query and posted date fields. Just to add those with a flag in your command. Post meta can now be forced to return a single value. Sometimes post meta has a certain key, has multiple values over the course of a site existence. So you can now flag WordPress to only return the latest one and you don&amp;#8217;t have to deal with all the other entries for that particular key value. That&amp;#8217;s a pretty good neat feature there. The make JSON command is part of the WPCLI International component and it&amp;#8217;s more powerful now. You can set the custom text domain, and you can also define the file extensions to parse. So that&amp;#8217;s a side note. WPI18N make-JSON is the command that is used for JavaScript internationalization on WordPress with Gutenberg. A lot of interfaces have been built through JavaScript and they also need to be translated. So this helps you with organizing those strings for translation. Yeah, and WPCLI is then also fully compatible with PHP 8.4. So if you found that exciting as I do, go and read the release notes because Alain has published quite a few example code and commands and what the output is from those commands. So you can improve your WPCLI knowledge right there from the release notes. Yeah, so that was one thing. Do you want to talk us through the WordPress 6.8 release?&lt;/p&gt;
  6355.  
  6356.  
  6357.  
  6358. &lt;h3 class=&#34;wp-block-heading&#34;&gt;WordPress 6.1.8 Release&lt;/h3&gt;
  6359.  
  6360.  
  6361.  
  6362. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Yes. So the 6.81 was the maintenance release and there were a few, maybe you have to help me out, Birgit.&lt;/p&gt;
  6363.  
  6364.  
  6365.  
  6366. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah. So yeah, Aaron Jorbin mentioned that there are 15 bugs through core and Block editor that had been released on April 30th. So the most important one is the regression fix that the meta boxes area had unwanted size handles and it broke the auto scroll. So you couldn&amp;#8217;t just scroll down in a post to your meta boxes and fill them out. You had to kind of grab the handle and push pull them up because they&amp;#8217;re now in a separate iframe or were. And that didn&amp;#8217;t work well for many sites. And that&amp;#8217;s why we have a release two weeks after the main release that is going to be fixed. So there was a revert on that feature. Also a revert was the edit site link.&lt;/p&gt;
  6367.  
  6368.  
  6369.  
  6370. &lt;p&gt;Ellen Bauer: The edit site link?&lt;/p&gt;
  6371.  
  6372.  
  6373.  
  6374. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah, in the top admin bar it had the behavior that when you click on it, you landed automatically on the template of the page that you were looking at. But in 6.8 it changed that. You always went back to the first page of the site editor, and somehow the muscle memory of a lot of people who were accustomed to the other one, it was very irritating for them, and they made their feedback known and it&amp;#8217;s definitely a 50/50 split. And so they reverted that change and are now thinking of what could be a better solution. And maybe it needs to be an edit site menu. Yeah. With multiple different menu items in there like edit template and a pattern edit page kind of thing. But yeah, that&amp;#8217;s out in discussion and I don&amp;#8217;t know where it&amp;#8217;s going to land. But at least we have the previous fix again in there. And then also. Oh, and the rest API handing out the sticky post was a little haphazardous and it&amp;#8217;s now fixed. The full list is in the release note, and we put them in the show notes of course. But yeah, update definitely. Yeah. Because it will be a more streamlined experience. And yeah, a lot of releases today. So create Block theme was released with 2.7. Do you want to grab that?&lt;/p&gt;
  6375.  
  6376.  
  6377.  
  6378. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Yeah, I can, I can take over. So yeah, I love that plugin. I use it quite a lot and it had been. It&amp;#8217;s really improved over the years. And so if you maybe haven&amp;#8217;t checked it out yet or don&amp;#8217;t even know that it exists, it&amp;#8217;s really, really cool for quickly creating block themes or child themes or just kind of creating patterns, like building out your patterns. So some updates that were done in the latest release 2.7 was that there was a bug with the figcaptions not being translated and that was fixed for image and video blocks. The icons for the sidebar. I think there were problems with translations and right to left language. The icons weren&amp;#8217;t on the right side or. And the help kind of the help button wasn&amp;#8217;t aligned. So you can see the before and after screenshots of the changes. And I think the chevron. I&amp;#8217;m not sure if I&amp;#8217;m saying that word correctly. I think, correct me if I&amp;#8217;m wrong, but I never know how to pronounce the chevron. Yeah, they weren&amp;#8217;t switching on to the other side, so that was fixed. And I think also some sizing for the icons, and then php CS removed unused files and it just released files. I&amp;#8217;m not 100% sure what was the problem there.&lt;/p&gt;
  6379.  
  6380.  
  6381.  
  6382. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; I don&amp;#8217;t know what the problem was, but it&amp;#8217;s fixed.&lt;/p&gt;
  6383.  
  6384.  
  6385.  
  6386. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Just some unused files were deleted.&lt;/p&gt;
  6387.  
  6388.  
  6389.  
  6390. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah, there were some unused files that were not used in the composer when you were putting together a development environment for the plugin. So because yeah, contributors want to contribute but they want to make sure that the environment is in the right place. Then there were some. Yeah, also code quality fixes and the wp-env that&amp;#8217;s the testing WordPress the configuration has been improved and offers now certain environment variables that you can set on the command.&lt;/p&gt;
  6391.  
  6392.  
  6393.  
  6394. &lt;p&gt;&lt;em&gt;Ellen Bauer: &lt;/em&gt;So the create block, the major. Say again that were the major updates for that release.&lt;/p&gt;
  6395.  
  6396.  
  6397.  
  6398. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; There&amp;#8217;s right now a discussion going on on GitHub and on the repo about what to do with the pattern management because the advantage of putting the patterns in there doesn&amp;#8217;t offset the disadvantages while working with it in the site. So what it does right now is when you say okay, save the patterns, it will remove the patterns from the. From the database and put it all in the theme. But of course all the sync patterns will become normal patterns because in a theme you don&amp;#8217;t have sync patterns. So it&amp;#8217;s kind of that in between problem that sync patterns are not yet available for themes but you actually want them in your site. So it confuses people quite a bit. And that&amp;#8217;s a discussion on how not to confuse people, which is actually a pretty good goal.&lt;/p&gt;
  6399.  
  6400.  
  6401.  
  6402. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; It&amp;#8217;s tough.&lt;/p&gt;
  6403.  
  6404.  
  6405.  
  6406. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Totally tough. Yeah. &lt;/p&gt;
  6407.  
  6408.  
  6409.  
  6410. &lt;h3 class=&#34;wp-block-heading&#34;&gt;Gutenberg 20.7&lt;/h3&gt;
  6411.  
  6412.  
  6413.  
  6414. &lt;p&gt;So, and that brings us to the Gutenberg releases we have Gutenberg 20.7 came out with 22 contributors. Two of them were first timers. &lt;/p&gt;
  6415.  
  6416.  
  6417.  
  6418. &lt;h3 class=&#34;wp-block-heading&#34;&gt;Enhancements&lt;/h3&gt;
  6419.  
  6420.  
  6421.  
  6422. &lt;p&gt;And I&amp;#8217;ll start with the format library. The format library is the library that controls the dropdown on the block toolbar with different formatting options. And now you can also set the alpha value for the highlight. So you could actually highlight some words in a paragraph and click on the format drop down, and then highlight that and it would give you a color theme. But now you can also set the alpha value for the highlight manually. That format features are now also available for the details block. Now you can highlight stuff in the details blocks in the summary or in the expansion thing.&lt;/p&gt;
  6423.  
  6424.  
  6425.  
  6426. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Yeah, I think there was some kind of hard coded things in there that you couldn&amp;#8217;t do that. And now you can do all the formatting in the details block.&lt;/p&gt;
  6427.  
  6428.  
  6429.  
  6430. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah, what was hard coded was the allow list in the details block. So they removed that. So now the formatting, all the formatting is available for the details block.&lt;/p&gt;
  6431.  
  6432.  
  6433.  
  6434. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; The next one was the navigation in the site view. Now it automatically the default is that it expanded. And before it was not expanded, you had to have an extra click to. To open the sub menus. And in the PR there&amp;#8217;s a before and after. And it&amp;#8217;s really an improvement because you can see right away the entire menu. I love the site view.&lt;/p&gt;
  6435.  
  6436.  
  6437.  
  6438. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Oh, the it&amp;#8217;s actually a list called List.&lt;/p&gt;
  6439.  
  6440.  
  6441.  
  6442. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; View, the list view and also in the, the like in the page editor in the template on both sides, it&amp;#8217;s. It&amp;#8217;s now automatic by default expanded. Is that correct?&lt;/p&gt;
  6443.  
  6444.  
  6445.  
  6446. &lt;p&gt;Birgit Pauli-Haack: Oh yeah, right. Right now the navigation block, when you try to edit it, it has a nice sidebar as well. And it&amp;#8217;s also there expanded. &lt;/p&gt;
  6447.  
  6448.  
  6449.  
  6450. &lt;p&gt;So next item I want to talk about is the table block. Table block doesn&amp;#8217;t get a whole lot of love from Gutenberg developers, but it&amp;#8217;s actually pretty cool. And what&amp;#8217;s mostly cool about it is when you have a markdown table from GitHub or from any other. So even if you work with AIs, I had a list of posts with views, and all that and the AI created that, but I told them to give me a markdown table so when I do, I can copy paste it into a post. And that was really cool because it now also preserves the column alignment in the pasting. Before you had to just fiddle around with it quite a bit on certain things where it wouldn&amp;#8217;t come over. But that&amp;#8217;s actually a really good feature to be that it possible that you can paste markdown tables. Not only markdown that we knew, but you can also mark down tables and it&amp;#8217;s pulling it into a table block. I think that was it for 20.7. Yep. Okay, that brings us to 20.8. &lt;/p&gt;
  6451.  
  6452.  
  6453.  
  6454. &lt;h3 class=&#34;wp-block-heading&#34;&gt;Gutenberg 20.8&lt;/h3&gt;
  6455.  
  6456.  
  6457.  
  6458. &lt;p&gt;And 20.8 hasn&amp;#8217;t been released yet when we record the show, but the release candidate was out and that&amp;#8217;s what our changelog is about. &lt;/p&gt;
  6459.  
  6460.  
  6461.  
  6462. &lt;h3 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;Enhancements&lt;/strong&gt;&lt;/h3&gt;
  6463.  
  6464.  
  6465.  
  6466. &lt;p&gt;So the Create block package can now also have a text domain flag when you start out your scaffolding. So it will be repeated throughout the plugin your text domain for the translation as well. And you don&amp;#8217;t have to manually put this all in.&lt;/p&gt;
  6467.  
  6468.  
  6469.  
  6470. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; I think the next one was that the text is now customizable for the next and previous button text, which wasn&amp;#8217;t possible before to customize the text. That was an improvement.&lt;/p&gt;
  6471.  
  6472.  
  6473.  
  6474. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Absolutely. There are now two new properties for the component available where you can customize it by code when you use them in your plugins, and that&amp;#8217;s for the guide component. The guide is what pops up but nobody reads is the guide that comes up with the block editor. If you first time install a site and go into the editor. That&amp;#8217;s the guide. Yeah. You can use it also for your plugins, and you can use it also for your theme. If you want to add text in there you to guide your users to certain things and then also makes those buttons are now customizable.&lt;/p&gt;
  6475.  
  6476.  
  6477.  
  6478. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; The next one was search functionality for page templates. When you want to change the page template or swap them out. There wasn&amp;#8217;t a way to understand correctly to like a proper or easy way to search for your templates if you have a lot of them. And now that&amp;#8217;s improved. Is that correct, Birgit?&lt;/p&gt;
  6479.  
  6480.  
  6481.  
  6482. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack&lt;/em&gt;: Yeah. And it&amp;#8217;s also for the pattern selection search.&lt;/p&gt;
  6483.  
  6484.  
  6485.  
  6486. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Oh, the same.&lt;/p&gt;
  6487.  
  6488.  
  6489.  
  6490. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; It&amp;#8217;s both. Yeah.&lt;/p&gt;
  6491.  
  6492.  
  6493.  
  6494. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; I think that is really, really helpful.&lt;/p&gt;
  6495.  
  6496.  
  6497.  
  6498. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah. The testing instructions starts out, make sure you have at least 15 templates in there.&lt;/p&gt;
  6499.  
  6500.  
  6501.  
  6502. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Yeah.&lt;/p&gt;
  6503.  
  6504.  
  6505.  
  6506. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; That cannot be applied to a page.&lt;/p&gt;
  6507.  
  6508.  
  6509.  
  6510. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Which can quickly happen. And that&amp;#8217;s cool to have custom templates, right?&lt;/p&gt;
  6511.  
  6512.  
  6513.  
  6514. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah. But that&amp;#8217;s&amp;#8230;&lt;/p&gt;
  6515.  
  6516.  
  6517.  
  6518. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; You need a lot.&lt;/p&gt;
  6519.  
  6520.  
  6521.  
  6522. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; You definitely need a search component in there. Yes.&lt;/p&gt;
  6523.  
  6524.  
  6525.  
  6526. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; To roll through them.&lt;/p&gt;
  6527.  
  6528.  
  6529.  
  6530. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah. The next one mentions the reverse of the split view for the meta boxes that were in 28. It was released in Gutenberg, but it then was backported to the 6.8.1 release. So this is definitely already out and it&amp;#8217;s also in the WordPress versions. Yeah, the widget editor. I don&amp;#8217;t. I didn&amp;#8217;t even know we had a widget editor.&lt;/p&gt;
  6531.  
  6532.  
  6533.  
  6534. &lt;h3 class=&#34;wp-block-heading&#34;&gt;New API&lt;/h3&gt;
  6535.  
  6536.  
  6537.  
  6538. &lt;p&gt;&lt;em&gt;Ellen Bauer: &lt;/em&gt;Yeah, I was just saying I didn&amp;#8217;t quite understand that one, to be honest.&lt;/p&gt;
  6539.  
  6540.  
  6541.  
  6542. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah. In the classic theme you have the widget menu and that is for a long time already a block based interface. So you need to lock the widget saving or the update button and all that. So now you can lock some of the functionality because not everybody should be able to do stuff there. Yeah. &lt;/p&gt;
  6543.  
  6544.  
  6545.  
  6546. &lt;h3 class=&#34;wp-block-heading&#34;&gt;Bug Fixes&lt;/h3&gt;
  6547.  
  6548.  
  6549.  
  6550. &lt;p&gt;And then there are some fixes on the block editor. Now that was actually always a pet peeve of mine that when you get invalid blocks that you can&amp;#8217;t at least edit the HTML because you don&amp;#8217;t know what needs to be fixed. And now you can edit the HTML for invalid blocks.&lt;/p&gt;
  6551.  
  6552.  
  6553.  
  6554. &lt;p&gt;&lt;em&gt;Ellen Bauer: &lt;/em&gt;I do like that a lot too because sometimes it happens and you have that code there and you like want to get in.&lt;/p&gt;
  6555.  
  6556.  
  6557.  
  6558. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah. The last time I think I had.&lt;/p&gt;
  6559.  
  6560.  
  6561.  
  6562. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; It with the no you can chat.&lt;/p&gt;
  6563.  
  6564.  
  6565.  
  6566. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Pack with Jetpack AI features. Yeah. Somehow when I mark two paragraphs and then the first paragraph becomes invalid when I hit on the AI feature and it was only because there&amp;#8217;s one of the HTML wasn&amp;#8217;t closed well enough. I need to figure that out. But do a bug report. But yeah, it would have been really helpful to. To just manipulate the HTML of that. The next one is that PR or update will prevent spacer block to have a negative width when it&amp;#8217;s used in a row block. That offsets all kinds of different things and that can definitely ruins your design. You can have a spacer block with a negative margin or negative width. That&amp;#8217;s no problem. Yeah, but it doesn&amp;#8217;t.&lt;/p&gt;
  6567.  
  6568.  
  6569.  
  6570. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; But not inside a roadblock.&lt;/p&gt;
  6571.  
  6572.  
  6573.  
  6574. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah, because that.&lt;/p&gt;
  6575.  
  6576.  
  6577.  
  6578. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; So now it&amp;#8217;s chooses to design the browser detects. Hey, I&amp;#8217;m a spacer block inside a row block and the negative margin option is not available any longer. That is cool.&lt;/p&gt;
  6579.  
  6580.  
  6581.  
  6582. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah. And there&amp;#8217;s a quality fix on that. Some of the block HTML now get box sizing property so that the overflow into the next block or into the next design element can be prevented. That&amp;#8217;s definitely a good fix because some people are kind of getting really elaborate on those designs. And then how do you handle that? &lt;/p&gt;
  6583.  
  6584.  
  6585.  
  6586. &lt;h3 class=&#34;wp-block-heading&#34;&gt;Documentation&lt;/h3&gt;
  6587.  
  6588.  
  6589.  
  6590. &lt;p&gt;We already mentioned the create block and the text domain flag. So that&amp;#8217;s now in the create block readme. The block bindings API has a post meta limitation. This new update prevents protected post meta that are prefixed with underscore that cannot be used for block bindings. And the post meta also has to be available in the REST API. Those are the two limitations and they were not yet mentioned in the documentation. And also block bindings are only available for four blocks. So that&amp;#8217;s the heading block, the paragraph block, the image block and the button block. All other blocks cannot yet handle block bindings. So those are all three limitations there. And now it&amp;#8217;s in the documentation with working on those block style articles I found that the latest register block style parameter that came in with 6.6 called style underscore data hasn&amp;#8217;t been documented which has been done now because that&amp;#8217;s. That&amp;#8217;s the most. That&amp;#8217;s a great way to use it in a plugin to use the style underscore data because only the styled underscore data for the register block style function also puts the styles into the global styles for content creators to modify them. All the others you can do it on the page by page level. It&amp;#8217;s in the styles but you cannot change them globally for a site. Yeah, that&amp;#8217;s interesting. That was an interesting find there. So. Yeah, those are our Gutenberg releases. Wow, that&amp;#8217;s. That&amp;#8217;s cool. We are done with that. The release is either Friday May 9th for 20.8 or even today. We are recording this on May 8th. Well, we come to the end of things. So Ellen, I wish you safe travels to Europe.&lt;/p&gt;
  6591.  
  6592.  
  6593.  
  6594. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Thank you.&lt;/p&gt;
  6595.  
  6596.  
  6597.  
  6598. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; When are you flying in? I don&amp;#8217;t want to stalk you.&lt;/p&gt;
  6599.  
  6600.  
  6601.  
  6602. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Saturday night and arriving Sunday early morning and then heading actually to Berlin for a team meetup first. Then heading to Sweden for another meetup and then kind of taking a little family holiday break before arriving freshly rested in Basel.&lt;/p&gt;
  6603.  
  6604.  
  6605.  
  6606. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah. And with all the updates from the team. Freshly rested. So.&lt;/p&gt;
  6607.  
  6608.  
  6609.  
  6610. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Yes.&lt;/p&gt;
  6611.  
  6612.  
  6613.  
  6614. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah. You get the latest from WooCommerce for. From Ellen Bower at WordCamp Europe.&lt;/p&gt;
  6615.  
  6616.  
  6617.  
  6618. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Yeah, it&amp;#8217;s going to be an exciting trip. I&amp;#8217;m looking forward to coming to Europe. Should be fun. Is there any good weather I&amp;#8217;ve seen the weather.&lt;/p&gt;
  6619.  
  6620.  
  6621.  
  6622. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; It&amp;#8217;s like quite coldish beginning of June. It&amp;#8217;s normally pretty warm during the day. Yeah. Especially in that area that&amp;#8217;s always a little bit ahead towards summer than the rest of Germany.&lt;/p&gt;
  6623.  
  6624.  
  6625.  
  6626. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; The warmer.&lt;/p&gt;
  6627.  
  6628.  
  6629.  
  6630. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack: &lt;/em&gt;Yeah, because it&amp;#8217;s a little.&lt;/p&gt;
  6631.  
  6632.  
  6633.  
  6634. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Yeah, I know that&amp;#8217;s. I didn&amp;#8217;t bring any warm clothes though.&lt;/p&gt;
  6635.  
  6636.  
  6637.  
  6638. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack: &lt;/em&gt;Well, I would get rid of.&lt;/p&gt;
  6639.  
  6640.  
  6641.  
  6642. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; I think I have to buy one.&lt;/p&gt;
  6643.  
  6644.  
  6645.  
  6646. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Yeah. Yeah. I&amp;#8217;m. We are actually heading out for vacation at the end of June. So we have team meetup at the end of June. And then afterwards, right away, I&amp;#8217;m going to be in Norway for our family vacation. So I don&amp;#8217;t know when we have the next, I think between WordCamp Europe and end of June, we will have another Gutenberg Changelog episode. And until then, as always, the show notes will be published on gutenbergtimes.com forward slash podcast. This is episode 117. 117. And if you have questions or suggestions, as you know, we are gonna discuss them on the next episode or in a post on Gutenberg Times or both. And if you have any news that you want to include, send them to &lt;a href=&#34;mailto:changelog@gutenbergtimes.com&#34;&gt;changelog@gutenbergtimes.com&lt;/a&gt; that&amp;#8217;s &lt;a href=&#34;mailto:changelog@gutenbergtimes.com&#34;&gt;changelog@gutenbergtimes.com&lt;/a&gt; or ping me on Twitter, Blue Sky, Mastodon. And that&amp;#8217;s all. All the ends are open. So thank you for coming, Ellan, and thank you to our listeners. And this is goodbye for me until the next time.&lt;/p&gt;
  6647.  
  6648.  
  6649.  
  6650. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Yeah, take care, everyone. And yeah, please reach out to us. There&amp;#8217;s any questions also for my side.&lt;/p&gt;
  6651.  
  6652.  
  6653.  
  6654. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; All right.&lt;/p&gt;
  6655.  
  6656.  
  6657.  
  6658. &lt;p&gt;&lt;em&gt;Ellen Bauer: &lt;/em&gt;Thank you for having me, Birgit.&lt;/p&gt;
  6659.  
  6660.  
  6661.  
  6662. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; Oh, you&amp;#8217;re welcome. &lt;/p&gt;
  6663.  
  6664.  
  6665.  
  6666. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Thank you.&lt;/p&gt;
  6667.  
  6668.  
  6669.  
  6670. &lt;p&gt;&lt;em&gt;Birgit Pauli-Haack:&lt;/em&gt; It is.&lt;/p&gt;
  6671.  
  6672.  
  6673.  
  6674. &lt;p&gt;&lt;em&gt;Ellen Bauer:&lt;/em&gt; Bye Bye.&lt;/p&gt;</description>
  6675. <pubDate>Sun, 11 May 2025 09:00:30 +0000</pubDate>
  6678. <dc:creator>Birgit Pauli-Haack</dc:creator>
  6680. </item>
  6681.  
  6682. <item>
  6683. <title>Gutenberg Times: Seven Tasks to a Custom Block Theme: Anders Norén’s Weekend Workflow</title>
  6684. <guid>https://gutenbergtimes.com/?p=28477</guid>
  6685. <link>https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/</link>
  6687. <description>&lt;p&gt;Have you ever wondered how a modern WordPress block theme comes together &amp;#8211; from first sketches to a polished, production-ready design? Over a single weekend, Anders Norén built Pulitzer, a new block theme, from the ground up. In this post, I’ll walk you through Anders’ process. I&amp;#8217;ll highlight the tools, decisions, and little tricks that helped him move quickly.&lt;/p&gt;
  6688.  
  6689.  
  6690.  
  6691. &lt;blockquote class=&#34;wp-block-quote has-accent-color has-text-color has-link-color has-normal-font-size wp-elements-7e7c6e4a188deb9c1cff659965fc3217 is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  6692. &lt;p&gt;&amp;#8220;I have the house to myself this weekend, so I thought I’d try something new. My goal is to build and submit a new free block theme to before Monday. While I work, I’ll describe my dev process in this thread.&amp;#8221;&lt;/p&gt;
  6693. &lt;cite&gt;Anders Norén on X (formerly known as Twitter) &lt;/cite&gt;&lt;/blockquote&gt;
  6694.  
  6695.  
  6696.  
  6697. &lt;p&gt;About a year ago, &lt;strong&gt;Anders Norén&lt;/strong&gt; posted an X (formerly known as Twitter) thread about his process. He gave me permission to collect the tweets into a blog post. Since then, he deleted his account and content on X. The valuable information is not lost. Here you go.&lt;/p&gt;
  6698.  
  6699.  
  6700.  
  6701. &lt;div class=&#34;wp-block-group has-light-background-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained&#34;&gt;
  6702. &lt;p class=&#34;has-normal-font-size&#34;&gt;&lt;strong&gt;Table of contents&lt;/strong&gt;&lt;/p&gt;
  6703.  
  6704.  
  6705.  
  6706. &lt;nav class=&#34;wp-block-table-of-contents&#34;&gt;&lt;ol&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#the-inspiration-and-seven-tools&#34;&gt;The inspiration and seven tools&lt;/a&gt;&lt;ol&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#figma&#34;&gt;Figma&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#jetpack-and-block-bindings&#34;&gt;Jetpack and Block Bindings &lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#studio-app&#34;&gt;Studio app &lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#wordpress-com-hosting&#34;&gt;WordPress.com hosting&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#create-block-theme&#34;&gt;Create Block Theme&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#twenty-twenty-four&#34;&gt;Twenty Twenty-Four&lt;/a&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#first-task-remove-many-things&#34;&gt;First task: remove many things&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#second-task-update-theme-json&#34;&gt;Second task: update theme.json&lt;/a&gt;&lt;ol&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#spacing-and-colors&#34;&gt;Spacing and Colors&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#typography&#34;&gt;Typography&lt;/a&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#third-task-templates-and-patterns&#34;&gt;Third task: Templates and Patterns&lt;/a&gt;&lt;ol&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#header-and-footer&#34;&gt;Header and Footer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#archives&#34;&gt;Archives&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#alternative-post-layouts&#34;&gt;Alternative post layouts&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#404-template-and-the-search-block&#34;&gt;404-template and the Search block&lt;/a&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#fourth-task-handling-blocks&#34;&gt;Fourth task: handling blocks&lt;/a&gt;&lt;ol&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#jetpack-blocks&#34;&gt;Jetpack blocks&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#block-bindings-api-blocks&#34;&gt;Block Bindings API blocks&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#the-copyright-year-in-the-footer&#34;&gt;The copyright year in the footer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#reading-time&#34;&gt;Reading Time &lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#comments-count&#34;&gt;Comments count &lt;/a&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#fifth-task-patterns&#34;&gt;Fifth Task: Patterns&lt;/a&gt;&lt;ol&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#the-newsletter-page-pattern&#34;&gt;The newsletter page pattern&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#the-resume-page-pattern&#34;&gt;The resume page pattern&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#contact-page-pattern&#34;&gt;Contact Page Pattern&lt;/a&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#sixth-task-style-variations&#34;&gt;Sixth Task: Style Variations&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#seventh-task-submit-to-the-repository&#34;&gt;Seventh Task: Submit to the Repository&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/#who-is-anders-noren&#34;&gt;Who is Anders Norén?&lt;/a&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/nav&gt;
  6707. &lt;/div&gt;&lt;/div&gt;
  6708.  
  6709.  
  6710.  
  6711. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;the-inspiration-and-seven-tools&#34;&gt;The inspiration and seven tools&lt;/h2&gt;
  6712.  
  6713.  
  6714.  
  6715. &lt;p&gt;The theme Norén set out to build that weekend is called Pulitzer. It is meant for long-form writing with a special consideration for writers with newsletters. &lt;/p&gt;
  6716.  
  6717.  
  6718.  
  6719. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;figma&#34;&gt;Figma&lt;/h3&gt;
  6720.  
  6721.  
  6722.  
  6723. &lt;p&gt;You can find &lt;a href=&#34;https://www.figma.com/proto/XGptBeSLNzlrw0hzeNnWdb/Pulitzer?page-id=50%3A1594&amp;amp;type=design&amp;amp;node-id=50-1595&amp;amp;viewport=938%2C675%2C0.08&amp;amp;t=jQKrUgZF0ItqgXzw-1&amp;amp;scaling=scale-down-width&#34;&gt;a Figma presentation here&lt;/a&gt;. The video walks you through the Pulitzer Figma space.&lt;/p&gt;
  6724.  
  6725.  
  6726.  
  6727. &lt;figure class=&#34;wp-block-jetpack-videopress jetpack-videopress-player&#34;&gt;
  6728. &lt;div class=&#34;jetpack-videopress-player__wrapper&#34;&gt; &lt;/div&gt;
  6729. &lt;figcaption&gt;&lt;/figcaption&gt;
  6731. &lt;/figure&gt;
  6733.  
  6734.  
  6735. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;jetpack-and-block-bindings&#34;&gt;Jetpack and Block Bindings &lt;/h3&gt;
  6736.  
  6737.  
  6738.  
  6739. &lt;p&gt;Some elements in the design stand out:  &lt;/p&gt;
  6740.  
  6741.  
  6742.  
  6743. &lt;ol class=&#34;wp-block-list&#34;&gt;
  6744. &lt;li&gt;Reading time &lt;/li&gt;
  6745.  
  6746.  
  6747.  
  6748. &lt;li&gt;Like button &lt;/li&gt;
  6749.  
  6750.  
  6751.  
  6752. &lt;li&gt;Share buttons &lt;/li&gt;
  6753.  
  6754.  
  6755.  
  6756. &lt;li&gt;Newsletter signup &lt;/li&gt;
  6757. &lt;/ol&gt;
  6758.  
  6759.  
  6760.  
  6761. &lt;p&gt;For a self-hosted WordPress site, those blocks are not available out of the box unless you install the &lt;a href=&#34;https://wordpress.org/plugins/jetpack/&#34;&gt;Jetpack plugin&lt;/a&gt;. For the reading time, comment count and copyright year in the footer, Norén experimented with the &lt;a href=&#34;https://developer.wordpress.org/block-editor/reference-guides/block-api/block-bindings/&#34;&gt;Block Bindings API.&lt;/a&gt;&lt;/p&gt;
  6762.  
  6763.  
  6764.  
  6765. &lt;div class=&#34;wp-block-group has-light-background-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained&#34;&gt;
  6766. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;img alt=&#34;Mockup of a single post representation in a list of post with red time, number of likes and number of comments &#34; class=&#34;wp-image-40085&#34; height=&#34;228&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/04/Screenshot-2025-04-22-at-17.30.23.png?resize=601%2C228&amp;#038;ssl=1&#34; width=&#34;601&#34; /&gt;&lt;/figure&gt;
  6767. &lt;/div&gt;&lt;/div&gt;
  6768.  
  6769.  
  6770.  
  6771. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;studio-app&#34;&gt;Studio app &lt;/h3&gt;
  6772.  
  6773.  
  6774.  
  6775. &lt;p&gt;This was also the first time, Norén used the &lt;a href=&#34;https://developer.wordpress.com/studio/&#34;&gt;Studio app by WordPress.com&lt;/a&gt; for local development. It&amp;#8217;s free and open-source. &lt;/p&gt;
  6776.  
  6777.  
  6778.  
  6779. &lt;blockquote class=&#34;wp-block-quote has-accent-color has-text-color has-link-color wp-elements-c971a24caa690fbf8f4246ad45350563 is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  6780. &lt;p&gt;&amp;#8220;First impressions are very good. It probably doesn’t tick all the boxes for people with more advanced needs, but for what I’m doing, it seems perfect.&amp;#8221;&lt;/p&gt;
  6781.  
  6782.  
  6783.  
  6784. &lt;p&gt;&lt;em&gt;Anders Norén&lt;/em&gt;&lt;/p&gt;
  6785. &lt;/blockquote&gt;
  6786.  
  6787.  
  6788.  
  6789. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Screenshot of Studio, the free and open-source local development tool by WordPress.com&#34; class=&#34;wp-image-28483&#34; height=&#34;458&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2024/05/GMKJXquWoAAl50y.jpeg?resize=652%2C458&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  6790.  
  6791.  
  6792.  
  6793. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;wordpress-com-hosting&#34;&gt;WordPress.com hosting&lt;/h3&gt;
  6794.  
  6795.  
  6796.  
  6797. &lt;p&gt;Norén hosts his sites on WordPress.com. Because of the &lt;a href=&#34;https://developer.wordpress.com/docs/developer-tools/github-deployments/&#34;&gt;GitHub Deployment &lt;/a&gt; feature, he found it easy to keep the Pulitzer demo site updated.&lt;/p&gt;
  6798.  
  6799.  
  6800.  
  6801. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;create-block-theme&#34;&gt;Create Block Theme&lt;/h3&gt;
  6802.  
  6803.  
  6804.  
  6805. &lt;p&gt;Another tool he used is the community plugin &lt;a href=&#34;https://wordpress.org/plugins/create-block-theme/&#34;&gt;Create Block theme&lt;/a&gt;. Once installed, it helps you make design decisions in the Site Editor and save them back to your theme&amp;#8217;s file.&lt;/p&gt;
  6806.  
  6807.  
  6808.  
  6809. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;twenty-twenty-four&#34;&gt;Twenty Twenty-Four&lt;/h3&gt;
  6810.  
  6811.  
  6812.  
  6813. &lt;blockquote class=&#34;wp-block-quote has-accent-color has-text-color has-link-color has-normal-font-size wp-elements-16a3247975630952417fec2a2e718fb0 is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  6814. &lt;p&gt;&amp;#8220;Twenty Twenty-Four is my go-to starting point on most projects these days.&amp;#8221; &lt;/p&gt;
  6815. &lt;cite&gt;Anders Norén&lt;/cite&gt;&lt;/blockquote&gt;
  6816.  
  6817.  
  6818.  
  6819. &lt;p&gt;He also found that it&amp;#8217;s probably the best default theme ever. He gave a special shout-out to the theme leads &lt;a href=&#34;https://profiles.wordpress.org/luminuu/&#34;&gt;Jessica Lyschik&lt;/a&gt; and &lt;a href=&#34;https://profiles.wordpress.org/onemaggie/&#34;&gt;Maggie Cabrera&lt;/a&gt;.&lt;/p&gt;
  6820.  
  6821.  
  6822.  
  6823. &lt;p&gt;Both the demo and the GitHub repo are publicly accessible:&lt;/p&gt;
  6824.  
  6825.  
  6826.  
  6827. &lt;ul class=&#34;wp-block-list&#34;&gt;
  6828. &lt;li&gt;&lt;a href=&#34;https://t.co/bosfwXWjkU&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;https://pulitzer.andersnoren.se&lt;/a&gt;&lt;/li&gt;
  6829.  
  6830.  
  6831.  
  6832. &lt;li&gt;&lt;a href=&#34;https://github.com/andersnoren/pulitzer&#34;&gt;https://github.com/andersnoren/pulitzer&lt;/a&gt;&lt;/li&gt;
  6833. &lt;/ul&gt;
  6834.  
  6835.  
  6836.  
  6837. &lt;p&gt;With all the tools in place, Anders Norén ventured to build the WordPress theme.&lt;/p&gt;
  6838.  
  6839.  
  6840.  
  6841. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;first-task-remove-many-things&#34;&gt;First task: remove many things&lt;/h2&gt;
  6842.  
  6843.  
  6844.  
  6845. &lt;p&gt;Norén began by taking the &lt;a href=&#34;https://wordpress.org/themes/twentytwentyfour/&#34;&gt;Twenty-Twenty-Four&lt;/a&gt; default theme. He started with removing all the templates, template parts, patterns, fonts, images, and styles that won&amp;#8217;t be needed. Then, he renamed the rest.&lt;/p&gt;
  6846.  
  6847.  
  6848.  
  6849. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Screenshot of the list of files &#34; class=&#34;wp-image-28485&#34; height=&#34;774&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2024/05/GMKVaZ8XkAENvj6.jpeg?resize=652%2C774&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  6850.  
  6851.  
  6852.  
  6853. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;second-task-update-theme-json&#34;&gt;Second task: update theme.json&lt;/h2&gt;
  6854.  
  6855.  
  6856.  
  6857. &lt;p&gt;In a second step, Norén updated the theme settings with those from the design in the &lt;code&gt;theme.json&lt;/code&gt; file&lt;/p&gt;
  6858.  
  6859.  
  6860.  
  6861. &lt;ul class=&#34;wp-block-list&#34;&gt;
  6862. &lt;li&gt;spacing sizes, &lt;/li&gt;
  6863.  
  6864.  
  6865.  
  6866. &lt;li&gt;colors, and &lt;/li&gt;
  6867.  
  6868.  
  6869.  
  6870. &lt;li&gt;typography&lt;/li&gt;
  6871. &lt;/ul&gt;
  6872.  
  6873.  
  6874.  
  6875. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;spacing-and-colors&#34;&gt;Spacing and Colors&lt;/h3&gt;
  6876.  
  6877.  
  6878.  
  6879. &lt;div class=&#34;wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex&#34;&gt;
  6880. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  6881. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;HTML&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #575279; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki rose-pine-dawn&#34; style=&#34;background-color: #faf4ed;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;&amp;quot;spacing&amp;quot;: {&lt;/span&gt;&lt;/span&gt;
  6882. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;spacingScale&amp;quot;: {&lt;/span&gt;&lt;/span&gt;
  6883. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;steps&amp;quot;: 0&lt;/span&gt;&lt;/span&gt;
  6884. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6885. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;spacingSizes&amp;quot;: [&lt;/span&gt;&lt;/span&gt;
  6886. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6887. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;4px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6888. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;4px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6889. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;10&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6890. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6891. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6892. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;8px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6893. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;8px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6894. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;20&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6895. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6896. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6897. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;12px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6898. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;12px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6899. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;30&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6900. &lt;span class=&#34;line cbp-see-more-line cbp-see-more-transition&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6901. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6902. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;16px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6903. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;16px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6904. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;40&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6905. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6906. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6907. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;24px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6908. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;24px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6909. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;50&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6910. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6911. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6912. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;32px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6913. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;32px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6914. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;60&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6915. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6916. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6917. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;48px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6918. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;clamp(32px, 4.8vw, 48px)&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6919. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;70&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6920. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6921. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6922. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;64px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6923. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;clamp(48px, 6.4vw, 64px)&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6924. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;80&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6925. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6926. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6927. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;96px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6928. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;clamp(64px, 9.6vw, 96px)&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6929. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;90&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6930. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6931. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6932. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;128px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6933. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;clamp(64px, 12.8vw, 128px)&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6934. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;100&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6935. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6936. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6937. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;Body Margin (24px)&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6938. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;24px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6939. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;body-margin&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6940. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; }&lt;/span&gt;&lt;/span&gt;
  6941. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; ],&lt;/span&gt;&lt;/span&gt;
  6942. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;units&amp;quot;: [&lt;/span&gt;&lt;/span&gt;
  6943. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;%&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6944. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6945. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;em&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6946. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;rem&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6947. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;vh&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6948. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;vw&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6949. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; ]&lt;/span&gt;&lt;/span&gt;
  6950. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; }&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;cbp-see-more-container&#34;&gt;&lt;div style=&#34;background-color: #faf4ed; height: 50%;&#34;&gt;&lt;/div&gt;&lt;span class=&#34;cbp-see-more-simple-btn cbp-see-more-simple-btn-hover&#34; style=&#34;color: #36334b; background-color: #efdcc5; padding: 6px 14px; cursor: default; border-radius: 6px;&#34; tabindex=&#34;0&#34;&gt;Click to see more&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
  6951. &lt;/div&gt;
  6952.  
  6953.  
  6954.  
  6955. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  6956. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;HTML&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #575279; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki rose-pine-dawn&#34; style=&#34;background-color: #faf4ed;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;&amp;quot;color&amp;quot;: {&lt;/span&gt;&lt;/span&gt;
  6957. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;defaultPalette&amp;quot;: false,&lt;/span&gt;&lt;/span&gt;
  6958. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;palette&amp;quot;: [&lt;/span&gt;&lt;/span&gt;
  6959. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6960. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;color&amp;quot;: &amp;quot;#FFFFFF&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6961. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;Base&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6962. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;base&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6963. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6964. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6965. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;color&amp;quot;: &amp;quot;#F9F9F9&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6966. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;Base / Two&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6967. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;base-2&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6968. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6969. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6970. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;color&amp;quot;: &amp;quot;#191716&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6971. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;Contrast&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6972. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;contrast&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6973. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6974. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6975. &lt;span class=&#34;line cbp-see-more-line &#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;color&amp;quot;: &amp;quot;#666666&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6976. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;Contrast / Two&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6977. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;contrast-2&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6978. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6979. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6980. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;color&amp;quot;: &amp;quot;#767676&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6981. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;Contrast / Three&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6982. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;contrast-3&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6983. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6984. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6985. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;color&amp;quot;: &amp;quot;#DADADA&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6986. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;Contrast / Four&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6987. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;contrast-4&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6988. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  6989. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  6990. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;color&amp;quot;: &amp;quot;#EEEEEE&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6991. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;Contrast / Five&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  6992. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;contrast-5&amp;quot;&lt;/span&gt;&lt;/span&gt;
  6993. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; }&lt;/span&gt;&lt;/span&gt;
  6994. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; ]&lt;/span&gt;&lt;/span&gt;
  6995. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; }&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;cbp-see-more-container&#34;&gt;&lt;div style=&#34;background-color: #faf4ed; height: 50%;&#34;&gt;&lt;/div&gt;&lt;span class=&#34;cbp-see-more-simple-btn cbp-see-more-simple-btn-hover&#34; style=&#34;color: #36334b; background-color: #efdcc5; padding: 6px 14px; cursor: default; border-radius: 6px;&#34; tabindex=&#34;0&#34;&gt;Click to see more&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
  6996. &lt;/div&gt;
  6997. &lt;/div&gt;
  6998.  
  6999.  
  7000.  
  7001. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;typography&#34;&gt;Typography&lt;/h3&gt;
  7002.  
  7003.  
  7004.  
  7005. &lt;div class=&#34;wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex&#34;&gt;
  7006. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  7007. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;HTML&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #575279; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki rose-pine-dawn&#34; style=&#34;background-color: #faf4ed;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;&amp;quot;fontFamilies&amp;quot;: [&lt;/span&gt;&lt;/span&gt;
  7008. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  7009. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fontFace&amp;quot;: [&lt;/span&gt;&lt;/span&gt;
  7010. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  7011. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fontFamily&amp;quot;: &amp;quot;Newsreader&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7012. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fontStretch&amp;quot;: &amp;quot;normal&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7013. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fontStyle&amp;quot;: &amp;quot;normal&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7014. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fontWeight&amp;quot;: &amp;quot;200 900&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7015. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;src&amp;quot;: [&lt;/span&gt;&lt;/span&gt;
  7016. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;file:./assets/fonts/newsreader/newsreader-var.woff2&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7017. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; ]&lt;/span&gt;&lt;/span&gt;
  7018. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  7019. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  7020. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fontFamily&amp;quot;: &amp;quot;Newsreader&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7021. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fontStretch&amp;quot;: &amp;quot;normal&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7022. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fontStyle&amp;quot;: &amp;quot;italic&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7023. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fontWeight&amp;quot;: &amp;quot;200 900&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7024. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;src&amp;quot;: [&lt;/span&gt;&lt;/span&gt;
  7025. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;file:./assets/fonts/newsreader/newsreader-var-italic.woff2&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7026. &lt;span class=&#34;line cbp-see-more-line &#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; ]&lt;/span&gt;&lt;/span&gt;
  7027. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; }&lt;/span&gt;&lt;/span&gt;
  7028. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; ],&lt;/span&gt;&lt;/span&gt;
  7029. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fontFamily&amp;quot;: &amp;quot;\&amp;quot;Newsreader\&amp;quot;, ui-serif, \&amp;quot;Times New Roman\&amp;quot;, serif&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7030. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;Newsreader&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7031. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;body&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7032. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  7033. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  7034. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fontFamily&amp;quot;: &amp;quot;ui-sans-serif, -apple-system, BlinkMacSystemFont, \&amp;quot;Segoe UI\&amp;quot;, Roboto, \&amp;quot;Helvetica Neue\&amp;quot;, sans-serif&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7035. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;System Sans-serif&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7036. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;system-sans-serif&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7037. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  7038. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  7039. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fontFamily&amp;quot;: &amp;quot;ui-serif, \&amp;quot;Times New Roman\&amp;quot;, serif&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7040. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;System Serif&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7041. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;system-serif&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7042. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; }&lt;/span&gt;&lt;/span&gt;
  7043. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; ],&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;cbp-see-more-container&#34;&gt;&lt;div style=&#34;background-color: #faf4ed; height: 50%;&#34;&gt;&lt;/div&gt;&lt;span class=&#34;cbp-see-more-simple-btn cbp-see-more-simple-btn-hover&#34; style=&#34;color: #36334b; background-color: #efdcc5; padding: 6px 14px; cursor: default; border-radius: 6px;&#34; tabindex=&#34;0&#34;&gt;Click to see more&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
  7044. &lt;/div&gt;
  7045.  
  7046.  
  7047.  
  7048. &lt;div class=&#34;wp-block-column is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  7049. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;HTML&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #575279; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki rose-pine-dawn&#34; style=&#34;background-color: #faf4ed;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;&amp;quot;fontSizes&amp;quot;: [&lt;/span&gt;&lt;/span&gt;
  7050. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  7051. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fluid&amp;quot;: false,&lt;/span&gt;&lt;/span&gt;
  7052. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;XXS&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7053. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;12px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7054. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;xx-small&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7055. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  7056. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  7057. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fluid&amp;quot;: false,&lt;/span&gt;&lt;/span&gt;
  7058. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;XS&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7059. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;14px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7060. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;x-small&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7061. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  7062. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  7063. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fluid&amp;quot;: false,&lt;/span&gt;&lt;/span&gt;
  7064. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;Small&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7065. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;16px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7066. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;small&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7067. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  7068. &lt;span class=&#34;line cbp-see-more-line &#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  7069. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fluid&amp;quot;: false,&lt;/span&gt;&lt;/span&gt;
  7070. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;Medium&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7071. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;18px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7072. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;medium&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7073. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  7074. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  7075. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fluid&amp;quot;: false,&lt;/span&gt;&lt;/span&gt;
  7076. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;Large&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7077. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;21px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7078. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;large&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7079. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  7080. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  7081. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fluid&amp;quot;: {&lt;/span&gt;&lt;/span&gt;
  7082. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;max&amp;quot;: &amp;quot;24px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7083. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;min&amp;quot;: &amp;quot;21px&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7084. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  7085. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;XL&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7086. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;24px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7087. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;x-large&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7088. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  7089. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  7090. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fluid&amp;quot;: {&lt;/span&gt;&lt;/span&gt;
  7091. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;max&amp;quot;: &amp;quot;32px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7092. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;min&amp;quot;: &amp;quot;24px&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7093. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  7094. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;XXL&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7095. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;32px&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7096. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;xx-large&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7097. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; },&lt;/span&gt;&lt;/span&gt;
  7098. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; {&lt;/span&gt;&lt;/span&gt;
  7099. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;fluid&amp;quot;: false,&lt;/span&gt;&lt;/span&gt;
  7100. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;name&amp;quot;: &amp;quot;Massive&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7101. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;size&amp;quot;: &amp;quot;clamp( 96px, 19.2vw, 128px )&amp;quot;,&lt;/span&gt;&lt;/span&gt;
  7102. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;slug&amp;quot;: &amp;quot;massive&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7103. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; }&lt;/span&gt;&lt;/span&gt;
  7104. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; ],&lt;/span&gt;&lt;/span&gt;
  7105. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &amp;quot;writingMode&amp;quot;: true&lt;/span&gt;&lt;/span&gt;
  7106. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; }&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&#34;cbp-see-more-container&#34;&gt;&lt;div style=&#34;background-color: #faf4ed; height: 50%;&#34;&gt;&lt;/div&gt;&lt;span class=&#34;cbp-see-more-simple-btn cbp-see-more-simple-btn-hover&#34; style=&#34;color: #36334b; background-color: #efdcc5; padding: 6px 14px; cursor: default; border-radius: 6px;&#34; tabindex=&#34;0&#34;&gt;Click to see more&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
  7107. &lt;/div&gt;
  7108. &lt;/div&gt;
  7109.  
  7110.  
  7111.  
  7112. &lt;blockquote class=&#34;wp-block-quote is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  7113. &lt;p class=&#34;has-accent-color has-text-color has-link-color wp-elements-3bf281a348d19a518076a91dab2b33d5&#34;&gt;&amp;#8220;With the theme settings in place, it&amp;#8217;s time to put them to use in block and element-specific styles. This is when the theme starts taking shape. You can do this in the site editor, but it&amp;#8217;s faster to edit theme.json directly. Also, many styles can&amp;#8217;t be changed in the interface,&amp;#8221; Norén wrote.&lt;/p&gt;
  7114. &lt;/blockquote&gt;
  7115.  
  7116.  
  7117.  
  7118. &lt;p&gt;As the new theme, &lt;em&gt;Pulitzer&lt;/em&gt; doesn&amp;#8217;t have any working templates yet, Norén checked the &lt;code&gt;theme.json&lt;/code&gt; styles in the Site editor Stylebook view. You get the vibe of the theme. You can also use it to make sure you haven&amp;#8217;t forgotten any styling for core blocks.&lt;/p&gt;
  7119.  
  7120.  
  7121.  
  7122. &lt;div class=&#34;wp-block-group has-light-background-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained&#34;&gt;
  7123. &lt;figure class=&#34;wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex&#34;&gt;
  7124. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Screenshot of the Pulitzer theme in the Stylebook &#34; class=&#34;wp-image-28488&#34; height=&#34;652&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2024/05/GMKuvwxWsAA1Ws4.jpeg?resize=652%2C652&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  7125.  
  7126.  
  7127.  
  7128. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Screenshot of the Pulitzer theme in the Stylebook &#34; class=&#34;wp-image-28489&#34; height=&#34;652&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2024/05/GMKu13MWcAAk1Lo.jpeg?resize=652%2C652&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  7129. &lt;/figure&gt;
  7130. &lt;/div&gt;&lt;/div&gt;
  7131.  
  7132.  
  7133.  
  7134. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;third-task-templates-and-patterns&#34;&gt;Third task: &lt;strong&gt;Templates and Patterns&lt;/strong&gt;&lt;/h2&gt;
  7135.  
  7136.  
  7137.  
  7138. &lt;p&gt;This is the moment to work on the theme layouts. Norén uses what he calls &amp;#8220;the one indispensable tool in the Block Theming toolbox,&amp;#8221; the &lt;a href=&#34;https://wordpress.org/plugins/create-block-theme/&#34;&gt;Create Block Theme&lt;/a&gt; (CBT) plugin.&lt;/p&gt;
  7139.  
  7140.  
  7141.  
  7142. &lt;ul class=&#34;wp-block-list&#34;&gt;
  7143. &lt;li&gt;Step 1: Make the changes in the site editor.&lt;/li&gt;
  7144.  
  7145.  
  7146.  
  7147. &lt;li&gt;Step 2: Save them to the theme with CBT.&lt;/li&gt;
  7148. &lt;/ul&gt;
  7149.  
  7150.  
  7151.  
  7152. &lt;figure class=&#34;wp-block-embed is-type-wp-embed is-provider-plugin-directory wp-block-embed-plugin-directory&#34;&gt;&lt;div class=&#34;wp-block-embed__wrapper&#34;&gt;
  7153. &lt;blockquote class=&#34;wp-embedded-content&#34;&gt;&lt;a href=&#34;https://wordpress.org/plugins/create-block-theme/&#34;&gt;Create Block Theme&lt;/a&gt;&lt;/blockquote&gt;
  7154. &lt;/div&gt;&lt;/figure&gt;
  7155.  
  7156.  
  7157.  
  7158. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;header-and-footer&#34;&gt;Header and Footer&lt;/h3&gt;
  7159.  
  7160.  
  7161.  
  7162. &lt;blockquote class=&#34;wp-block-quote is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  7163. &lt;p class=&#34;has-accent-color has-text-color has-link-color wp-elements-88dce5c85c9093f5410ad70883aea48d&#34;&gt;&amp;#8220;When I&amp;#8217;m building a theme, I almost always start with the header and footer. It fools you into thinking the theme is nearly finished. I&amp;#8217;ll wait with the newsletter form and the other Jetpack blocks until all the templates are in place.&amp;#8221; &amp;#8212; Norén shared in his thread.&lt;/p&gt;
  7164. &lt;/blockquote&gt;
  7165.  
  7166.  
  7167.  
  7168. &lt;div class=&#34;wp-block-columns alignwide is-style-no-vertical-margin is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex&#34;&gt;
  7169. &lt;div class=&#34;wp-block-column has-light-background-background-color has-background is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  7170. &lt;figure class=&#34;wp-block-image size-large is-style-no-vertical-margin wp-lightbox-container&#34;&gt;&lt;img alt=&#34;Screenshot of the Pulitzer theme in the editor&#34; class=&#34;wp-image-28492&#34; height=&#34;491&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2024/05/GMLDVwoXAAA3Q3T.jpeg?resize=652%2C491&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  7171. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  7172. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  7173. &lt;/svg&gt;
  7174. &lt;/button&gt;&lt;/figure&gt;
  7175.  
  7176.  
  7177.  
  7178. &lt;p class=&#34;has-text-align-center has-small-font-size&#34;&gt;Working in the Site Editor  &lt;/p&gt;
  7179. &lt;/div&gt;
  7180.  
  7181.  
  7182.  
  7183. &lt;div class=&#34;wp-block-column has-light-background-background-color has-background is-layout-flow wp-block-column-is-layout-flow&#34;&gt;
  7184. &lt;figure class=&#34;wp-block-image size-large is-style-no-vertical-margin wp-lightbox-container&#34;&gt;&lt;img alt=&#34;Screenshot of the Pulitzer template with the create-block-theme plugin&#39;s sidebar open&#34; class=&#34;wp-image-28491&#34; height=&#34;491&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2024/05/GMLDOr9XUAE-1ZE.jpeg?resize=652%2C491&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;button class=&#34;lightbox-trigger&#34; type=&#34;button&#34;&gt;
  7185. &lt;svg fill=&#34;none&#34; height=&#34;12&#34; viewBox=&#34;0 0 12 12&#34; width=&#34;12&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
  7186. &lt;path d=&#34;M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z&#34; fill=&#34;#fff&#34;&gt;
  7187. &lt;/svg&gt;
  7188. &lt;/button&gt;&lt;/figure&gt;
  7189.  
  7190.  
  7191.  
  7192. &lt;p class=&#34;has-text-align-center has-small-font-size&#34;&gt;Saving changes to the theme with CBT &lt;/p&gt;
  7193. &lt;/div&gt;
  7194. &lt;/div&gt;
  7195.  
  7196.  
  7197.  
  7198. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  7199.  
  7200.  
  7201.  
  7202. &lt;p&gt;The header template part is only the container for the hidden-header pattern. The reason to use patterns is that you can add php code. The advantage is that the text wrapped in &lt;code&gt;esc_html_e()&lt;/code&gt; function can be translated. See below an example of a group of Navigation links.&lt;/p&gt;
  7203.  
  7204.  
  7205.  
  7206. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;img alt=&#34;Screenshot of the code building the navigation links&#34; class=&#34;wp-image-40324&#34; height=&#34;68&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/Screenshot-2025-05-09-at-14.22.37.png?resize=652%2C68&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  7207.  
  7208.  
  7209.  
  7210. &lt;div class=&#34;wp-block-group alignwide has-light-background-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained&#34;&gt;
  7211. &lt;p class=&#34;has-text-align-left&#34;&gt;&lt;strong&gt;Template part: &lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/main/parts/header.html&#34;&gt;header.html&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;
  7212.  
  7213.  
  7214.  
  7215. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;PHP&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #000000; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki light-plus&#34; style=&#34;background-color: #FFFFFF;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt;&amp;lt;!-- wp:pattern {&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;slug&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;pulitzer/hidden-header&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;} /--&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
  7216.  
  7217.  
  7218.  
  7219. &lt;div class=&#34;wp-block-group has-border-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained&#34;&gt;
  7220. &lt;p class=&#34;has-text-align-center&#34;&gt;&lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/97bd67c0b266fde8260e8993718bcdf8c657fb13/patterns/hidden-header.php&#34;&gt;hidden-header.php&lt;/a&gt;&lt;/p&gt;
  7221.  
  7222.  
  7223.  
  7224. &lt;details class=&#34;wp-block-details is-layout-flow wp-block-details-is-layout-flow&#34;&gt;Click the arrow to see the Pattern code
  7225. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;PHP&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #000000; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki light-plus&#34; style=&#34;background-color: #FFFFFF;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt;&amp;lt;?php&lt;/span&gt;&lt;/span&gt;
  7226. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #008000;&#34;&gt;/**&lt;/span&gt;&lt;/span&gt;
  7227. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #008000;&#34;&gt; * Title: header&lt;/span&gt;&lt;/span&gt;
  7228. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #008000;&#34;&gt; * Slug: pulitzer/hidden-header&lt;/span&gt;&lt;/span&gt;
  7229. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #008000;&#34;&gt; * Inserter: no&lt;/span&gt;&lt;/span&gt;
  7230. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #008000;&#34;&gt; */&lt;/span&gt;&lt;/span&gt;
  7231. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt;?&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7232. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt;&amp;lt;!-- wp:group {&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;align&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;wide&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;style&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;spacing&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;padding&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;top&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;var:preset|spacing|60&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;bottom&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;var:preset|spacing|60&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;}},&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;border&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;bottom&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;color&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;var:preset|color|contrast-5&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;width&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;1px&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;},&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;top&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:[],&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;right&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:[],&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;left&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:[]}},&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;layout&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;type&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;constrained&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;}} --&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7233. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt;&amp;lt;div &lt;/span&gt;&lt;span style=&#34;color: #0000FF;&#34;&gt;class&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;wp-block-group alignwide&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt; style=&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;border-bottom-color:var(--wp--preset--color--contrast-5);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7234. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7235. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- wp:columns {&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;isStackedOnMobile&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #0000FF;&#34;&gt;false&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;style&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;spacing&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;blockGap&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;left&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;var:preset|spacing|50&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;}}}} --&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7236. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;div &lt;/span&gt;&lt;span style=&#34;color: #0000FF;&#34;&gt;class&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;wp-block-columns is-not-stacked-on-mobile&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7237. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &lt;/span&gt;&lt;/span&gt;
  7238. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- wp:column {&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;verticalAlignment&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;stretch&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;} --&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7239. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;div &lt;/span&gt;&lt;span style=&#34;color: #0000FF;&#34;&gt;class&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;wp-block-column is-vertically-aligned-stretch&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7240. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- wp:group {&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;style&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;dimensions&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;minHeight&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;100%&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;},&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;spacing&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;blockGap&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;var:preset|spacing|40&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;}},&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;layout&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;type&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;flex&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;orientation&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;vertical&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;verticalAlignment&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;space-between&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;}} --&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7241. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;div &lt;/span&gt;&lt;span style=&#34;color: #0000FF;&#34;&gt;class&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;wp-block-group&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt; style=&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;min-height:100%&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7242. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- wp:group {&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;style&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;spacing&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;blockGap&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;var:preset|spacing|10&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;},&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;layout&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;selfStretch&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;fit&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;flexSize&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #0000FF;&#34;&gt;null&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;}},&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;layout&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;type&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;flex&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;orientation&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;vertical&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;}} --&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7243. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;div &lt;/span&gt;&lt;span style=&#34;color: #0000FF;&#34;&gt;class&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;wp-block-group&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7244. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- wp:site-title {&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;level&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #098658;&#34;&gt;0&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;} /--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7245. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- wp:site-tagline /--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7246. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7247. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- /wp:group --&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7248. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7249. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- wp:navigation {&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;hasIcon&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #0000FF;&#34;&gt;false&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;layout&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;type&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;flex&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;orientation&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;horizontal&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;}} --&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7250. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7251. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- wp:navigation-link {&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;label&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;&amp;lt;?php esc_html_e( &#39;Blog&#39;, &#39;pulitzer&#39; ); ?&amp;gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;url&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;#&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;} /--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7252. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- wp:navigation-link {&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;label&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;&amp;lt;?php esc_html_e( &#39;Profile&#39;, &#39;pulitzer&#39; ); ?&amp;gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;url&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;#&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;} /--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7253. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- wp:navigation-link {&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;label&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;&amp;lt;?php esc_html_e( &#39;Newsletter&#39;, &#39;pulitzer&#39; ); ?&amp;gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;url&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;#&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;} /--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7254. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7255. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- /wp:navigation --&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7256. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7257. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7258. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- /wp:group --&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7259. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7260. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- /wp:column --&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7261. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7262. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- wp:column {&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;width&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;1em&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;layout&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;type&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;constrained&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;justifyContent&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;right&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;},&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;fontSize&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;massive&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;} --&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7263. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;div &lt;/span&gt;&lt;span style=&#34;color: #0000FF;&#34;&gt;class&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;wp-block-column has-massive-font-size&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt; style=&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;flex-basis:1em&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7264. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- wp:site-logo {&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;width&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #098658;&#34;&gt;128&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;shouldSyncIcon&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #0000FF;&#34;&gt;true&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;className&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #A31515;&#34;&gt;&amp;quot;is-style-rounded&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #000000;&#34;&gt;} /--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7265. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7266. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- /wp:column --&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7267. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7268. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7269. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt; &amp;lt;!-- /wp:columns --&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7270. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7271. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7272. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #000000;&#34;&gt;&amp;lt;!-- /wp:group --&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
  7273. &lt;/details&gt;
  7274. &lt;/div&gt;&lt;/div&gt;
  7275. &lt;/div&gt;&lt;/div&gt;
  7276.  
  7277.  
  7278.  
  7279. &lt;p&gt;The same system applied to the template part &lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/main/parts/footer.html&#34;&gt;footer.html&lt;/a&gt; that includes the &lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/main/patterns/hidden-footer.php&#34;&gt;hidden-footer.php&lt;/a&gt;.&lt;/p&gt;
  7280.  
  7281.  
  7282.  
  7283. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;archives&#34;&gt;Archives&lt;/h3&gt;
  7284.  
  7285.  
  7286.  
  7287. &lt;blockquote class=&#34;wp-block-quote has-accent-color has-text-color has-link-color has-normal-font-size wp-elements-c97cacc48369e31486ac97fb8d2b8b9c is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  7288. &lt;p&gt;&amp;#8220;For the &lt;a href=&#34;https://developer.mozilla.org/en-US/docs/Web/CSS/line-clamp&#34;&gt;line clamped&lt;/a&gt; excerpts, I registered custom block styles for the &amp;#8216;Excerpt&amp;#8217; block and enqueues a CSS file when the block is in use on the page. You can do a lot with &lt;code&gt;theme.json&lt;/code&gt; styles, but stuff like this still requires CSS,&amp;#8221; Norén found.&lt;/p&gt;
  7289. &lt;/blockquote&gt;
  7290.  
  7291.  
  7292.  
  7293. &lt;p&gt;&lt;strong&gt;Register_block_style&lt;/strong&gt;&lt;/p&gt;
  7294.  
  7295.  
  7296.  
  7297. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;HTML&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #575279; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki rose-pine-dawn&#34; style=&#34;background-color: #faf4ed;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;register_block_style(&lt;/span&gt;&lt;/span&gt;
  7298. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &#39;core/post-excerpt&#39;,&lt;/span&gt;&lt;/span&gt;
  7299. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; array(&lt;/span&gt;&lt;/span&gt;
  7300. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &#39;name&#39; =&amp;gt; &#39;pulitzer-clamp-lines-2&#39;,&lt;/span&gt;&lt;/span&gt;
  7301. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &#39;label&#39; =&amp;gt; __( &#39;Clamp: 2 lines&#39;, &#39;pulitzer&#39; )&lt;/span&gt;&lt;/span&gt;
  7302. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; )&lt;/span&gt;&lt;/span&gt;
  7303. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; );&lt;/span&gt;&lt;/span&gt;
  7304. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7305. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; register_block_style(&lt;/span&gt;&lt;/span&gt;
  7306. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &#39;core/post-excerpt&#39;,&lt;/span&gt;&lt;/span&gt;
  7307. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; array(&lt;/span&gt;&lt;/span&gt;
  7308. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &#39;name&#39; =&amp;gt; &#39;pulitzer-clamp-lines-3&#39;,&lt;/span&gt;&lt;/span&gt;
  7309. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &#39;label&#39; =&amp;gt; __( &#39;Clamp: 3 lines&#39;, &#39;pulitzer&#39; )&lt;/span&gt;&lt;/span&gt;
  7310. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; )&lt;/span&gt;&lt;/span&gt;
  7311. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; );&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
  7312.  
  7313.  
  7314.  
  7315. &lt;p&gt;&lt;strong&gt;CSS for post/excerpt clamp lines styles&lt;/strong&gt;&lt;/p&gt;
  7316.  
  7317.  
  7318.  
  7319. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;HTML&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #575279; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki rose-pine-dawn&#34; style=&#34;background-color: #faf4ed;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;[class*=&amp;quot;is-style-pulitzer-clamp-lines-&amp;quot;] p:first-child {&lt;/span&gt;&lt;/span&gt;
  7320. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; display: -webkit-box;&lt;/span&gt;&lt;/span&gt;
  7321. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; -webkit-box-orient: vertical;  &lt;/span&gt;&lt;/span&gt;
  7322. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; overflow: hidden;&lt;/span&gt;&lt;/span&gt;
  7323. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;}&lt;/span&gt;&lt;/span&gt;
  7324. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7325. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;.is-style-pulitzer-clamp-lines-2 p:first-child {&lt;/span&gt;&lt;/span&gt;
  7326. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; -webkit-line-clamp: 2;&lt;/span&gt;&lt;/span&gt;
  7327. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;}&lt;/span&gt;&lt;/span&gt;
  7328. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7329. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;.is-style-pulitzer-clamp-lines-3 p:first-child {&lt;/span&gt;&lt;/span&gt;
  7330. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; -webkit-line-clamp: 3;&lt;/span&gt;&lt;/span&gt;
  7331. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
  7332.  
  7333.  
  7334.  
  7335. &lt;div class=&#34;wp-block-group has-light-background-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained&#34;&gt;
  7336. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;img alt=&#34;List of post with a read time block and a standardized excerpt block &#34; class=&#34;wp-image-40287&#34; height=&#34;370&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/posts.webp?resize=652%2C370&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  7337. &lt;/div&gt;&lt;/div&gt;
  7338.  
  7339.  
  7340.  
  7341. &lt;p&gt;For basic steps on block styles, you should read my tutorial. It is titled &lt;a href=&#34;https://wordpress.com/blog/2025/05/07/custom-block-styles/&#34;&gt;Mastering Custom Block Styles in WordPress: 6 Methods for Theme and Plugin Developers&lt;/a&gt;.&lt;/p&gt;
  7342.  
  7343.  
  7344.  
  7345. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;alternative-post-layouts&#34;&gt;Alternative post layouts&lt;/h3&gt;
  7346.  
  7347.  
  7348.  
  7349. &lt;p&gt;Norén followed a tutorial on the WordPress Developer Blog: &lt;a href=&#34;https://developer.wordpress.org/news/2023/06/upgrading-the-site-editing-experience-with-custom-template-part-areas/&#34;&gt;Upgrading the site-editing experience with custom template part areas&lt;/a&gt; by Justin Tadlock. He added different post layouts as template parts. They are registered to a custom &amp;#8220;posts&amp;#8221; template parts area.&lt;/p&gt;
  7350.  
  7351.  
  7352.  
  7353. &lt;figure class=&#34;wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex&#34;&gt;
  7354. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Screenshot of a post laytout with the featured image&#34; class=&#34;wp-image-28497&#34; height=&#34;509&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2024/05/GMLsJPuWIAAcsFf.jpeg?resize=652%2C509&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  7355.  
  7356.  
  7357.  
  7358. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Screenshot of the list of post with standardizes excerpt length&#34; class=&#34;wp-image-28498&#34; height=&#34;509&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2024/05/GMLtkwhWcAA-cIi.jpeg?resize=652%2C509&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  7359. &lt;/figure&gt;
  7360.  
  7361.  
  7362.  
  7363. &lt;blockquote class=&#34;wp-block-quote has-accent-color has-text-color has-link-color wp-elements-d8316e02f2209338b15810f2859d356d is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  7364. &lt;p&gt;&amp;#8220;It&amp;#8217;s a shame that you can&amp;#8217;t use the &amp;#8216;Choose a header/footer&amp;#8217; modal for custom template part areas yet. It would make switching between template parts a lot more intuitive. There&amp;#8217;s an open issue for it here: &lt;a href=&#34;https://github.com/WordPress/gutenberg/issues/44689&#34;&gt;Add support for replacing &amp;#8220;general&amp;#8221; template parts&lt;/a&gt;,&amp;#8221; Norén discovered.&lt;/p&gt;
  7365. &lt;/blockquote&gt;
  7366.  
  7367.  
  7368.  
  7369. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Examples of the modal to select a header pattern&#34; class=&#34;wp-image-28499&#34; height=&#34;322&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2024/05/GMLtPdrWoAA0DWK.jpeg?resize=652%2C322&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  7370.  
  7371.  
  7372.  
  7373. &lt;p&gt;The extra post layouts were created as patterns to be added into the respective template parts. &lt;/p&gt;
  7374.  
  7375.  
  7376.  
  7377. &lt;p&gt;The patterns are in separate files in &lt;a href=&#34;https://github.com/andersnoren/pulitzer/tree/main/patterns&#34;&gt;the patterns folder&lt;/a&gt; prefixed with &lt;code&gt;hidden-posts&lt;/code&gt;&amp;#8211; with the settings: &lt;code&gt;Categories: hidden&lt;/code&gt; and &lt;code&gt;Inserter: no&lt;/code&gt;&lt;/p&gt;
  7378.  
  7379.  
  7380.  
  7381. &lt;figure class=&#34;wp-block-gallery has-nested-images columns-default is-cropped has-accent-background-color has-background wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex&#34;&gt;
  7382. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;File list of alternative post layouts in the Pulitzer them&#34; class=&#34;wp-image-40288&#34; height=&#34;139&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/Screenshot-2025-05-08-at-15.49.38.png?resize=288%2C139&amp;#038;ssl=1&#34; width=&#34;288&#34; /&gt;&lt;/figure&gt;
  7383.  
  7384.  
  7385.  
  7386. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;img alt=&#34;Header example of a hidden pattern of the Pulitzer theme&#34; class=&#34;wp-image-40321&#34; height=&#34;164&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/Screenshot-2025-05-08-at-16.13.48.png?resize=282%2C164&amp;#038;ssl=1&#34; width=&#34;282&#34; /&gt;&lt;/figure&gt;
  7387. &lt;/figure&gt;
  7388.  
  7389.  
  7390.  
  7391. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;404-template-and-the-search-block&#34;&gt;404-template and the Search block&lt;/h3&gt;
  7392.  
  7393.  
  7394.  
  7395. &lt;p&gt;For the 404-template, the search form is loaded as a hidden pattern, both here and in the search template. This ensures that styling and translatable strings stay consistent.&lt;/p&gt;
  7396.  
  7397.  
  7398.  
  7399. &lt;p&gt;This is a great example for nesting template parts and patterns.&lt;/p&gt;
  7400.  
  7401.  
  7402.  
  7403. &lt;p&gt;The Search pattern is the smallest unit. It is included in the 404 pattern. Then, with the header and footer template parts, it is included in the 404.html template.&lt;/p&gt;
  7404.  
  7405.  
  7406.  
  7407. &lt;p&gt;&lt;strong&gt;The 404 Template schematic&lt;/strong&gt;&lt;/p&gt;
  7408.  
  7409.  
  7410.  
  7411. &lt;div class=&#34;wp-block-group is-style-default has-border-background-color has-background is-layout-grid wp-container-core-group-is-layout-6be84c55 wp-block-group-is-layout-grid&#34;&gt;
  7412. &lt;p class=&#34;has-text-align-center is-style-no-vertical-margin has-body-background-color has-accent-background-color has-text-color has-background has-link-color wp-elements-f64a79b1c5ecf3cd21e63ba8087f9b44 wp-container-content-93ed1c69&#34;&gt;Header &lt;/p&gt;
  7413.  
  7414.  
  7415.  
  7416. &lt;div class=&#34;wp-block-group is-style-no-vertical-margin has-light-background-background-color has-background wp-container-content-72181cf1&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained&#34;&gt;
  7417. &lt;p class=&#34;has-text-align-center is-style-default has-large-font-size&#34;&gt;404 Pattern&lt;/p&gt;
  7418.  
  7419.  
  7420.  
  7421. &lt;div class=&#34;wp-block-group is-style-no-vertical-margin has-border-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained&#34;&gt;
  7422. &lt;p class=&#34;has-text-align-center is-style-no-vertical-margin&#34;&gt;Search Pattern &lt;/p&gt;
  7423. &lt;/div&gt;&lt;/div&gt;
  7424. &lt;/div&gt;&lt;/div&gt;
  7425.  
  7426.  
  7427.  
  7428. &lt;p class=&#34;has-text-align-center is-style-no-vertical-margin has-body-background-color has-secondary-background-color has-text-color has-background has-link-color wp-elements-db4260759a82ec8ae131839137b18ea7 wp-container-content-93ed1c69&#34;&gt;Footer &lt;/p&gt;
  7429. &lt;/div&gt;
  7430.  
  7431.  
  7432.  
  7433. &lt;p&gt;&lt;strong&gt;Search Pattern&lt;/strong&gt;&lt;/p&gt;
  7434.  
  7435.  
  7436.  
  7437. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;PHP&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #575279; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki rose-pine-dawn&#34; style=&#34;background-color: #faf4ed;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;?php&lt;/span&gt;&lt;/span&gt;
  7438. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;/**&lt;/span&gt;&lt;/span&gt;
  7439. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * Title: Search&lt;/span&gt;&lt;/span&gt;
  7440. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * Slug: pulitzer/hidden-search&lt;/span&gt;&lt;/span&gt;
  7441. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * Inserter: no&lt;/span&gt;&lt;/span&gt;
  7442. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;*/&lt;/span&gt;&lt;/span&gt;
  7443. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;?&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7444. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;wp:search&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;/span&gt;
  7445. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;label&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;&amp;lt;?php echo esc_attr_x( &#39;Search&#39;, &#39;search form label&#39;, &#39;pulitzer&#39; ); ?&amp;gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7446. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;               &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;showLabel&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;false&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7447. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;               &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;placeholder&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;&amp;lt;?php echo esc_attr_x( &#39;Search for...&#39;, &#39;search form placeholder&#39;, &#39;pulitzer&#39; ); ?&amp;gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7448. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;               &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;buttonText&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;&amp;lt;?php echo esc_attr_x( &#39;Search&#39;, &#39;search button text&#39;, &#39;pulitzer&#39; ); ?&amp;gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7449. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;               &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;buttonPosition&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;button-inside&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7450. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;               &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;buttonUseIcon&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;true&lt;/span&gt;&lt;/span&gt;
  7451. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;                &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;/--&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
  7452.  
  7453.  
  7454.  
  7455. &lt;p&gt;&lt;strong&gt;404-Page Pattern&lt;/strong&gt;&lt;/p&gt;
  7456.  
  7457.  
  7458.  
  7459. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;PHP&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #575279; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki rose-pine-dawn&#34; style=&#34;background-color: #faf4ed;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;?php&lt;/span&gt;&lt;/span&gt;
  7460. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;/**&lt;/span&gt;&lt;/span&gt;
  7461. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * Title: 404&lt;/span&gt;&lt;/span&gt;
  7462. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * Slug: pulitzer/hidden-404&lt;/span&gt;&lt;/span&gt;
  7463. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * Inserter: no&lt;/span&gt;&lt;/span&gt;
  7464. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;*/&lt;/span&gt;&lt;/span&gt;
  7465. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;?&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7466. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;wp:group&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;style&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;spacing&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;blockGap&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;var:preset|spacing|40&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}},&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;layout&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;type&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;constrained&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;contentSize&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;21em&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}}&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7467. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;div&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;class=&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;wp-block-group&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7468. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;wp:heading&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;textAlign&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;center&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;level&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;1&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7469. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;h1&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;class=&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;wp-block-heading has-text-align-center&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;id=&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;page-not-found&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;gt;&amp;lt;?php&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #B4637A; font-style: italic;&#34;&gt;echo&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;esc_html_x&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;Error 404&#39;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;Heading for a webpage that is not found&#39;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;pulitzer&#39;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;);&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;?&amp;gt;&amp;lt;/h1&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7470. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;/wp:heading&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7471. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7472. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;wp:paragraph&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;align&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;center&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7473. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;p&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;class=&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;has-text-align-center&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;gt;&amp;lt;?php&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #B4637A; font-style: italic;&#34;&gt;echo&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;esc_html_x&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;We can’t find the page you’re looking for. Go back to the front page, or try the search form below.&#39;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;Message to convey that a webpage could not be found&#39;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;pulitzer&#39;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;);&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;?&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7474. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;/wp:paragraph&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7475. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7476. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;/wp:group&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7477. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7478. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;wp&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;group&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;layout&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;type&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;constrained&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;contentSize&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;240px&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}}&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7479. &lt;span class=&#34;line cbp-line-highlight&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;div&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;class=&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;wp-block-group&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7480. &lt;span class=&#34;line cbp-line-highlight&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;wp&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;pattern&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;slug&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;pulitzer/hidden-search&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;/--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7481. &lt;span class=&#34;line cbp-line-highlight&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7482. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;/wp&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;group&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
  7483.  
  7484.  
  7485.  
  7486. &lt;p&gt;&lt;strong&gt;404-Page Template&lt;/strong&gt;&lt;/p&gt;
  7487.  
  7488.  
  7489.  
  7490. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;PHP&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #575279; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki rose-pine-dawn&#34; style=&#34;background-color: #faf4ed;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;wp&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;template-part&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;slug&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;header&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;area&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;header&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;tagName&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;header&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;/--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7491. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7492. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;wp&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;group&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;tagName&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;main&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;align&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;full&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;style&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;spacing&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;padding&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;top&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;var:preset|spacing|100&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;bottom&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;var:preset|spacing|100&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}}},&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;layout&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;type&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;constrained&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}}&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7493. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;main&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;class=&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;wp-block-group alignfull&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;style=&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;padding-top:var(--wp--preset--spacing--100);padding-bottom:var(--wp--preset--spacing--100)&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7494. &lt;span class=&#34;line cbp-line-highlight&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;wp&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;pattern&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;slug&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;pulitzer/hidden-404&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;/--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7495. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;/main&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7496. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;/wp&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;group&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7497. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7498. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;wp&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;template-part&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;slug&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;footer&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;area&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;footer&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;tagName&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;footer&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;/--&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
  7499.  
  7500.  
  7501.  
  7502. &lt;div class=&#34;wp-block-group has-light-background-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained&#34;&gt;
  7503. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Screenshot of the 404-Page in the Pulitzer theme&#34; class=&#34;wp-image-40301&#34; height=&#34;575&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/GMMXgIiWwAEoM8f-edited-1.jpeg?resize=652%2C575&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  7504. &lt;/div&gt;&lt;/div&gt;
  7505.  
  7506.  
  7507.  
  7508. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;fourth-task-handling-blocks&#34;&gt;Fourth task: handling blocks&lt;/h2&gt;
  7509.  
  7510.  
  7511.  
  7512. &lt;p&gt;There are specific blocks outside core blocks that need more than styling. Some php code will definitely be involved:&lt;/p&gt;
  7513.  
  7514.  
  7515.  
  7516. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;jetpack-blocks&#34;&gt;Jetpack blocks&lt;/h3&gt;
  7517.  
  7518.  
  7519.  
  7520. &lt;p&gt;For Jetpack blocks, conditional output is simple since the plugin registers blocks only when modules are active. Norén implemented a helper function to check if blocks are registered before using them in pattern PHP files.&lt;/p&gt;
  7521.  
  7522.  
  7523.  
  7524. &lt;p&gt;In functions.php Norén created a helper function to check if a certain block is available &lt;code&gt;&lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/97bd67c0b266fde8260e8993718bcdf8c657fb13/functions.php#L223&#34;&gt;pulitzer_is_block_registered()&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
  7525.  
  7526.  
  7527.  
  7528. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;PHP&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #575279; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki rose-pine-dawn&#34; style=&#34;background-color: #faf4ed;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;/**&lt;/span&gt;&lt;/span&gt;
  7529. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * Check if a block is registered.&lt;/span&gt;&lt;/span&gt;
  7530. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;*/&lt;/span&gt;&lt;/span&gt;
  7531. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;if&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;!&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #B4637A; font-style: italic;&#34;&gt;function_exists&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;pulitzer_is_block_registered&#39;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;/span&gt;
  7532. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;/**&lt;/span&gt;&lt;/span&gt;
  7533. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * Check if a block is registered&lt;/span&gt;&lt;/span&gt;
  7534. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; *&lt;/span&gt;&lt;/span&gt;
  7535. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * &lt;/span&gt;&lt;span style=&#34;color: #286983; font-style: italic;&#34;&gt;@since&lt;/span&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; Pulitzer 1.0&lt;/span&gt;&lt;/span&gt;
  7536. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * &lt;/span&gt;&lt;span style=&#34;color: #286983; font-style: italic;&#34;&gt;@return&lt;/span&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983; font-style: italic;&#34;&gt;bool&lt;/span&gt;&lt;/span&gt;
  7537. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;*/&lt;/span&gt;&lt;/span&gt;
  7538. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;function&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;pulitzer_is_block_registered&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;$&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;block_name&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;/span&gt;
  7539. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;$&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;registry&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;WP_Block_Type_Registry&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;::&lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;get_instance&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;();&lt;/span&gt;&lt;/span&gt;
  7540. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;return&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;$&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;registry&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;get_registered&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;$&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;block_name&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;);&lt;/span&gt;&lt;/span&gt;
  7541. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}&lt;/span&gt;&lt;/span&gt;
  7542. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;endif&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
  7543.  
  7544.  
  7545.  
  7546. &lt;p&gt;This helper function is then available for the conditional check in the pattern: &lt;/p&gt;
  7547.  
  7548.  
  7549.  
  7550. &lt;p&gt;Examples for the &lt;code&gt;jetpack/like&lt;/code&gt; button. You can inspect the whole code for the &lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/main/patterns/hidden-single-sharing-row.php&#34;&gt;hidden-single sharing-row&lt;/a&gt; pattern on GitHub.&lt;/p&gt;
  7551.  
  7552.  
  7553.  
  7554. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;PHP&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #575279; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki rose-pine-dawn&#34; style=&#34;background-color: #faf4ed;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;?php&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;if&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;pulitzer_is_block_registered&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;jetpack/like&#39;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;?&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7555. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;wp:group&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;style&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;spacing&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;padding&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:{&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;top&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;6px&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}}}}&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7556. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;div&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;class=&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;wp-block-group&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;style=&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;padding-top:6px&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7557. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;wp&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;jetpack/like&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;/--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7558. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7559. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;/wp&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;group&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7560. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;&amp;lt;?php&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;endif&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;?&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
  7561.  
  7562.  
  7563.  
  7564. &lt;p&gt;For the like button, share buttons and newsletter signup, he utilized styled versions of Jetpack blocks. &lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/97bd67c0b266fde8260e8993718bcdf8c657fb13/functions.php#L147&#34;&gt;Using block stylesheet registration&lt;/a&gt; ensures the CSS is loaded only when a block is in use.&lt;/p&gt;
  7565.  
  7566.  
  7567.  
  7568. &lt;div class=&#34;wp-block-group has-light-background-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained&#34;&gt;
  7569. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;&#34; class=&#34;wp-image-40318&#34; height=&#34;425&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/GMKJPpHW8AAzSWZ-edited.png?resize=652%2C425&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  7570.  
  7571.  
  7572.  
  7573. &lt;p&gt;&lt;/p&gt;
  7574. &lt;/div&gt;&lt;/div&gt;
  7575.  
  7576.  
  7577.  
  7578. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;block-bindings-api-blocks&#34;&gt;Block Bindings API blocks&lt;/h3&gt;
  7579.  
  7580.  
  7581.  
  7582. &lt;p&gt;In the final version, Pulitzer includes three use cases of the Block Binding API:&lt;/p&gt;
  7583.  
  7584.  
  7585.  
  7586. &lt;ul class=&#34;wp-block-list&#34;&gt;
  7587. &lt;li&gt;Number of comments on a post, with a link to the post comments form.&lt;/li&gt;
  7588.  
  7589.  
  7590.  
  7591. &lt;li&gt;Reading time of a post.&lt;/li&gt;
  7592.  
  7593.  
  7594.  
  7595. &lt;li&gt;Current year next to the copyright note in the footer.&lt;/li&gt;
  7596. &lt;/ul&gt;
  7597.  
  7598.  
  7599.  
  7600. &lt;blockquote class=&#34;wp-block-quote has-accent-color has-text-color has-link-color has-normal-font-size wp-elements-af3f0be7f306bd6cfef399051d4551f2 is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  7601. &lt;p&gt;&amp;#8220;Wow. Those of you who said the new Block bindings API is easy to use weren&amp;#8217;t kidding. It took me all of 40 mins to get the reading time and copyright year blocks up and running, having never touched it before. Game changer.&amp;#8221;&lt;/p&gt;
  7602. &lt;cite&gt;Anders Norén&lt;/cite&gt;&lt;/blockquote&gt;
  7603.  
  7604.  
  7605.  
  7606. &lt;p&gt;The two blog posts that helped Norén to catch up on the feature:&lt;/p&gt;
  7607.  
  7608.  
  7609.  
  7610. &lt;ul class=&#34;wp-block-list&#34;&gt;
  7611. &lt;li&gt;&lt;a href=&#34;https://t.co/QbCJimRQzF&#34;&gt;&lt;strong&gt;Introducing Block Bindings, Part 1: Connecting Custom Fields&lt;/strong&gt;&lt;/a&gt; by Justin Tadlock&lt;/li&gt;
  7612.  
  7613.  
  7614.  
  7615. &lt;li&gt;&lt;a href=&#34;https://make.wordpress.org/core/2024/03/06/new-feature-the-block-bindings-api/&#34;&gt;&lt;strong&gt;New Feature: The Block Bindings API&lt;/strong&gt;&lt;/a&gt; by Artemio Morales. &lt;/li&gt;
  7616. &lt;/ul&gt;
  7617.  
  7618.  
  7619.  
  7620. &lt;p&gt;&lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/97bd67c0b266fde8260e8993718bcdf8c657fb13/functions.php#L240&#34;&gt;The php code is in functions.php, starting line 240&lt;/a&gt;&lt;/p&gt;
  7621.  
  7622.  
  7623.  
  7624. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;the-copyright-year-in-the-footer&#34;&gt;&lt;strong&gt;The copyright year in the footer&lt;/strong&gt;&lt;/h3&gt;
  7625.  
  7626.  
  7627.  
  7628. &lt;p&gt;&lt;strong&gt;Step one: register the block binding and its callback in functions.php&lt;/strong&gt;.&lt;/p&gt;
  7629.  
  7630.  
  7631.  
  7632. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;PHP&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #575279; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki rose-pine-dawn&#34; style=&#34;background-color: #faf4ed;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;function&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;pulitzer_register_block_bindings&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;()&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;/span&gt;
  7633. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;/*&lt;/span&gt;&lt;/span&gt;
  7634. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * Copyright character with current year.&lt;/span&gt;&lt;/span&gt;
  7635. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;*/&lt;/span&gt;&lt;/span&gt;
  7636. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;register_block_bindings_source&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;/span&gt;
  7637. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;pulitzer/copyright-year&#39;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;/span&gt;
  7638. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #B4637A; font-style: italic;&#34;&gt;array&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;/span&gt;
  7639. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;label&#39;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt;              &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;=&amp;gt;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;__&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;Copyright year&#39;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;pulitzer&#39;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;),&lt;/span&gt;&lt;/span&gt;
  7640. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;get_value_callback&#39;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;=&amp;gt;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;pulitzer_block_binding_callback_copyright_year&#39;&lt;/span&gt;&lt;/span&gt;
  7641. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;/span&gt;
  7642. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;);&lt;/span&gt;&lt;/span&gt;
  7643. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}&lt;/span&gt;&lt;/span&gt;
  7644. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;add_action&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;init&#39;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;pulitzer_register_block_bindings&#39;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
  7645.  
  7646.  
  7647.  
  7648. &lt;p&gt;&lt;strong&gt;Step two: create the callback function reference in the step before.&lt;/strong&gt;&lt;/p&gt;
  7649.  
  7650.  
  7651.  
  7652. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;pulitzer_block_binding_callback_copyright_year&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #575279; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki rose-pine-dawn&#34; style=&#34;background-color: #faf4ed;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;/*&lt;/span&gt;&lt;/span&gt;
  7653. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * Block bindings callback:&lt;/span&gt;&lt;/span&gt;
  7654. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * Copyright character with current year.&lt;/span&gt;&lt;/span&gt;
  7655. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;*/&lt;/span&gt;&lt;/span&gt;
  7656. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;if&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;!&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #B4637A; font-style: italic;&#34;&gt;function_exists&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;pulitzer_block_binding_callback_copyright_year&#39;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;/span&gt;
  7657. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;/**&lt;/span&gt;&lt;/span&gt;
  7658. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * Block bindings callback&lt;/span&gt;&lt;/span&gt;
  7659. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * Copyright character with current year&lt;/span&gt;&lt;/span&gt;
  7660. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; *&lt;/span&gt;&lt;/span&gt;
  7661. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * &lt;/span&gt;&lt;span style=&#34;color: #286983; font-style: italic;&#34;&gt;@since&lt;/span&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; Pulitzer 1.0&lt;/span&gt;&lt;/span&gt;
  7662. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * &lt;/span&gt;&lt;span style=&#34;color: #286983; font-style: italic;&#34;&gt;@return&lt;/span&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983; font-style: italic;&#34;&gt;string&lt;/span&gt;&lt;/span&gt;
  7663. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;*/&lt;/span&gt;&lt;/span&gt;
  7664. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;function&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;pulitzer_block_binding_callback_copyright_year&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;()&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;/span&gt;
  7665. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;return&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;© &#39;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #B4637A; font-style: italic;&#34;&gt;date&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;Y&#39;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;);&lt;/span&gt;&lt;/span&gt;
  7666. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}&lt;/span&gt;&lt;/span&gt;
  7667. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;endif&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;;&lt;/span&gt;&lt;/span&gt;
  7668. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
  7669.  
  7670.  
  7671.  
  7672. &lt;p&gt;&lt;strong&gt;Step three: add the block to the pattern&lt;/strong&gt;.&lt;/p&gt;
  7673.  
  7674.  
  7675.  
  7676. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;HTML&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #575279; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki rose-pine-dawn&#34; style=&#34;background-color: #faf4ed;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; wp:paragraph {&amp;quot;metadata&amp;quot;:{&amp;quot;bindings&amp;quot;:{&amp;quot;content&amp;quot;:{&amp;quot;source&amp;quot;:&amp;quot;pulitzer/copyright-year&amp;quot;}}}} &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7677. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #9893A5;&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;p&lt;/span&gt;&lt;span style=&#34;color: #9893A5;&#34;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&#34;color: #B4637A;&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt;?php esc_html_e(&#39;© [year]&#39;, &#39;pulitzer&#39;);?&amp;gt;&lt;/span&gt;&lt;span style=&#34;color: #9893A5;&#34;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;p&lt;/span&gt;&lt;span style=&#34;color: #9893A5;&#34;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
  7678. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; /wp:paragraph &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
  7679.  
  7680.  
  7681.  
  7682. &lt;div class=&#34;wp-block-group has-light-background-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained&#34;&gt;
  7683. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;img alt=&#34;Close up of the dynamic Copyright block in the footer of the Pulitzer theme&#34; class=&#34;wp-image-40333&#34; height=&#34;104&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/Screenshot-2025-05-09-at-15.43.18.png?resize=383%2C104&amp;#038;ssl=1&#34; width=&#34;383&#34; /&gt;&lt;/figure&gt;
  7684. &lt;/div&gt;&lt;/div&gt;
  7685.  
  7686.  
  7687.  
  7688. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;reading-time&#34;&gt;Reading Time &lt;/h3&gt;
  7689.  
  7690.  
  7691.  
  7692. &lt;p&gt;Justin Tadlock kindly offered Norén to use &lt;a href=&#34;https://github.com/x3p0-dev/x3p0-ideas/blob/master/src/Bindings/Post.php#L84-L137&#34;&gt;his code for calculating reading time&lt;/a&gt;.&lt;/p&gt;
  7693.  
  7694.  
  7695.  
  7696. &lt;blockquote class=&#34;wp-block-quote is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  7697. &lt;p class=&#34;has-accent-color has-text-color has-link-color wp-elements-8869475fd7bf672f661db0a03c21d924&#34;&gt;&amp;#8220;I&amp;#8217;ve been using his PHP snippets for 15+ years, so why stop now?&amp;#8221; &amp;#8212; Norén&lt;/p&gt;
  7698. &lt;/blockquote&gt;
  7699.  
  7700.  
  7701.  
  7702. &lt;p&gt;Functions.php is your first location to find out how &lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/97bd67c0b266fde8260e8993718bcdf8c657fb13/functions.php#L275&#34;&gt;this block binding was created.&lt;/a&gt; You can also see what the &lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/97bd67c0b266fde8260e8993718bcdf8c657fb13/functions.php#L337&#34;&gt;callback function does.&lt;/a&gt; Then, look into any of the post patterns to see &lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/97bd67c0b266fde8260e8993718bcdf8c657fb13/patterns/hidden-posts.php#L26&#34;&gt;how it is used&lt;/a&gt; there.&lt;/p&gt;
  7703.  
  7704.  
  7705.  
  7706. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;comments-count&#34;&gt;Comments count &lt;/h3&gt;
  7707.  
  7708.  
  7709.  
  7710. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Single post view of the list of posts of the Pulitzer theme&#34; class=&#34;wp-image-28517&#34; height=&#34;236&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2024/05/GMPsHwlXsAMHLa3.jpeg?resize=652%2C236&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  7711.  
  7712.  
  7713.  
  7714. &lt;blockquote class=&#34;wp-block-quote has-accent-color has-text-color has-link-color wp-elements-e85aae19b9b1f711b7a643bf7ed49aba is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  7715. &lt;p class=&#34;has-accent-color has-text-color has-link-color wp-elements-10b0b56d9572aaab3748645a5aeb4932&#34;&gt;&amp;#8220;I decided to add one for the comments count link on the archive pages as well. It&amp;#8217;s crazy that a &amp;#8220;X comments&amp;#8221; block linking to the comments field hasn&amp;#8217;t landed in Core yet. (It&amp;#8217;s in Gutenberg). Slippery slope? Maybe, but I&amp;#8217;m on a deadline, so that&amp;#8217;s for another day.&amp;#8221; &amp;#8212; Anders Norén&lt;/p&gt;
  7716. &lt;/blockquote&gt;
  7717.  
  7718.  
  7719.  
  7720. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;PHP&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #575279; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki rose-pine-dawn&#34; style=&#34;background-color: #faf4ed;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;*&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;Block&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;bindings&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;callback&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;/span&gt;
  7721. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;*&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;Post&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;comments&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;count&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;.&lt;/span&gt;&lt;/span&gt;
  7722. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;*/&lt;/span&gt;&lt;/span&gt;
  7723. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7724. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;if&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;!&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #B4637A; font-style: italic;&#34;&gt;function_exists&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;pulitzer_block_binding_callback_post_comments_count&#39;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;/span&gt;
  7725. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;/**&lt;/span&gt;&lt;/span&gt;
  7726. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * Block bindings callback&lt;/span&gt;&lt;/span&gt;
  7727. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * Post comments count.&lt;/span&gt;&lt;/span&gt;
  7728. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; *&lt;/span&gt;&lt;/span&gt;
  7729. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * &lt;/span&gt;&lt;span style=&#34;color: #286983; font-style: italic;&#34;&gt;@since&lt;/span&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; Pulitzer 1.0&lt;/span&gt;&lt;/span&gt;
  7730. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; * &lt;/span&gt;&lt;span style=&#34;color: #286983; font-style: italic;&#34;&gt;@return&lt;/span&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983; font-style: italic;&#34;&gt;string&lt;/span&gt;&lt;/span&gt;
  7731. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #9893A5; font-style: italic;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;*/&lt;/span&gt;&lt;/span&gt;
  7732. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;function&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;pulitzer_block_binding_callback_post_comments_count&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;array&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;$&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;source_args&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;WP_Block&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;$&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;block_instance&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;string&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;$&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;attribute_name&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;/span&gt;
  7733. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;$&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;post_id&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;$&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;block_instance&lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;context&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;[&lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;postId&#39;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;]&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;??&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;get_the_ID&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;();&lt;/span&gt;&lt;/span&gt;
  7734. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7735. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;if&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;!&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;comments_open&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;$&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;post_id&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;return&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;false&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;;&lt;/span&gt;&lt;/span&gt;
  7736. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7737. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;$&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;comments_link&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;&amp;lt;a class=&amp;quot;pulitzer-comment-count-link&amp;quot; href=&amp;quot;&#39;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;esc_url&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;get_comments_link&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;$&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;post_id&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;&amp;quot;&amp;gt;&#39;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;;&lt;/span&gt;&lt;/span&gt;
  7738. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;$&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;comments_link&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;.=&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;&amp;lt;span class=&amp;quot;count&amp;quot;&amp;gt;&#39;&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;esc_html&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;get_comments_number&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;$&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;post_id&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;&amp;lt;/span&amp;gt;&#39;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;;&lt;/span&gt;&lt;/span&gt;
  7739. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;$&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;comments_link&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;.=&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&#39;&amp;lt;/a&amp;gt;&#39;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;;&lt;/span&gt;&lt;/span&gt;
  7740. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7741. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #286983;&#34;&gt;return&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593; font-style: italic;&#34;&gt;$&lt;/span&gt;&lt;span style=&#34;color: #575279; font-style: italic;&#34;&gt;comments_link&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;;&lt;/span&gt;&lt;/span&gt;
  7742. &lt;span class=&#34;line&#34;&gt;&lt;/span&gt;
  7743. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}&lt;/span&gt;&lt;/span&gt;
  7744. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #286983;&#34;&gt;endif&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
  7745.  
  7746.  
  7747.  
  7748. &lt;p&gt;It&amp;#8217;s one of the rare moments you need to look into the &lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/97bd67c0b266fde8260e8993718bcdf8c657fb13/style.css#L88&#34;&gt;theme&amp;#8217;s &lt;code&gt;style.css&lt;/code&gt;&lt;/a&gt; to find the styling for the comment count bubble. &lt;/p&gt;
  7749.  
  7750.  
  7751.  
  7752. &lt;blockquote class=&#34;wp-block-quote is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  7753. &lt;p class=&#34;has-accent-color has-text-color has-link-color wp-elements-585ecd19e40399cee9a43b313f3d01ee&#34;&gt;&amp;#8220;Rare is the block theme where you don&amp;#8217;t end up creating at least one issue in the Gutenberg repo, or think you ought to. Turns out the &lt;code&gt;hasIcon:false&lt;/code&gt; setting for the navigation block only works if the navigation doesn&amp;#8217;t have any styles set. (&lt;a href=&#34;https://github.com/WordPress/gutenberg/issues/61181&#34;&gt;61181&lt;/a&gt;)&amp;#8221; &amp;#8211; Anders Norén&lt;/p&gt;
  7754. &lt;/blockquote&gt;
  7755.  
  7756.  
  7757.  
  7758. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;fifth-task-patterns&#34;&gt;Fifth Task: Patterns&lt;/h2&gt;
  7759.  
  7760.  
  7761.  
  7762. &lt;p&gt;In block themes, patterns are simply PHP files in the &lt;code&gt;/patterns/&lt;/code&gt; folder. &lt;/p&gt;
  7763.  
  7764.  
  7765.  
  7766. &lt;p&gt;You can study the code for the Patterns by following the GitHub links. As mentioned above, Norén uses small php snippets with his text strings, to allow for translations.&lt;/p&gt;
  7767.  
  7768.  
  7769.  
  7770. &lt;p&gt;Here is an example:&lt;/p&gt;
  7771.  
  7772.  
  7773.  
  7774. &lt;div class=&#34;wp-block-group has-light-background-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained&#34;&gt;
  7775. &lt;pre class=&#34;wp-block-code has-000000-color has-text-color has-875-rem-font-size&#34;&gt;&lt;code&gt;&amp;lt;!-- wp:paragraph {&#34;fontSize&#34;:&#34;large&#34;} --&amp;gt;
  7776. &amp;lt;p class=&#34;has-large-font-size&#34;&amp;gt;&lt;strong&gt;&amp;lt;?php esc_html_e( &#39;I have a long and storied career in the newspaper and publishing industry behind me. Testimonials are available by request.&#39;, &#39;pulitzer&#39; ); ?&amp;gt;&lt;/strong&gt;&amp;lt;/p&amp;gt;
  7777. &amp;lt;!-- /wp:paragraph --&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  7778. &lt;/div&gt;&lt;/div&gt;
  7779.  
  7780.  
  7781.  
  7782. &lt;p&gt;Learn more about preparing a theme to be used with multiple languages in the &lt;a href=&#34;https://developer.wordpress.org/themes/advanced-topics/internationalization/&#34;&gt;Theme Handbook &amp;gt; Advanced topics &amp;gt; Internationalization&lt;/a&gt;.&lt;/p&gt;
  7783.  
  7784.  
  7785.  
  7786. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;the-newsletter-page-pattern&#34;&gt;The newsletter page pattern&lt;/h3&gt;
  7787.  
  7788.  
  7789.  
  7790. &lt;p&gt;&lt;a href=&#34;https://pulitzer.andersnoren.se/subscriptions-form/&#34;&gt;See Demo page&lt;/a&gt; &amp;#8211; &lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/main/patterns/page-newsletter.php&#34;&gt;Code on GitHub&lt;/a&gt;&lt;/p&gt;
  7791.  
  7792.  
  7793.  
  7794. &lt;figure class=&#34;wp-block-image size-full is-resized&#34;&gt;&lt;img alt=&#34;Close up of the Newsletter signup pattern of the Pulitzer theme&#34; class=&#34;wp-image-40305&#34; height=&#34;418&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/Screenshot-2025-05-08-at-18.09.39.png?resize=581%2C418&amp;#038;ssl=1&#34; style=&#34;width: 550px; height: auto;&#34; width=&#34;581&#34; /&gt;&lt;/figure&gt;
  7795.  
  7796.  
  7797.  
  7798. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;the-resume-page-pattern&#34;&gt;The resume page pattern&lt;/h3&gt;
  7799.  
  7800.  
  7801.  
  7802. &lt;p&gt;The resume list is separate. It can be added on its own to an existing page. It can also be modified for a different historical timeline.&lt;/p&gt;
  7803.  
  7804.  
  7805.  
  7806. &lt;p&gt;&lt;a href=&#34;https://pulitzer.andersnoren.se/curriculum-vitae/&#34;&gt;See Demo Page&lt;/a&gt;  | &lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/main/patterns/page-resume.php&#34;&gt;Code view on GitHub&lt;/a&gt; | &lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/main/patterns/general-resume-list.php&#34;&gt;Code Resume List Pattern&lt;/a&gt;&lt;/p&gt;
  7807.  
  7808.  
  7809.  
  7810. &lt;figure class=&#34;wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex&#34;&gt;
  7811. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Screenshot of the Curriculum Vitae page made with the Pulitzer theme&#34; class=&#34;wp-image-28521&#34; height=&#34;639&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2024/05/GMQS6rlXkAEl5ej.jpeg?resize=652%2C639&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  7812. &lt;/figure&gt;
  7813.  
  7814.  
  7815.  
  7816. &lt;h3 class=&#34;wp-block-heading&#34; id=&#34;contact-page-pattern&#34;&gt;Contact Page Pattern&lt;/h3&gt;
  7817.  
  7818.  
  7819.  
  7820. &lt;p&gt;Patterns are PHP files. You can use loops to output recurring block layouts. This includes layouts like the stack of five columns used to list contact approaches in the Contact page pattern. It makes the patterns easier to maintain.&lt;/p&gt;
  7821.  
  7822.  
  7823.  
  7824. &lt;p&gt;On GitHub: &lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/main/patterns/general-contact-list.php&#34;&gt;Contact List Pattern&lt;/a&gt; | &lt;a href=&#34;https://github.com/andersnoren/pulitzer/blob/main/patterns/page-contact.php&#34;&gt;Contact Page Pattern&lt;/a&gt; &lt;/p&gt;
  7825.  
  7826.  
  7827.  
  7828. &lt;figure class=&#34;wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex&#34;&gt;
  7829. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Screenshot of Contact page in the Pulitzer theme&#34; class=&#34;wp-image-40308&#34; height=&#34;606&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/GMQXaJlXsAAJAPr-edited.jpeg?resize=652%2C606&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  7830. &lt;/figure&gt;
  7831.  
  7832.  
  7833.  
  7834. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;sixth-task-style-variations&#34;&gt;Sixth Task: Style Variations&lt;/h2&gt;
  7835.  
  7836.  
  7837.  
  7838. &lt;p&gt;On to theme style variations! These are included as &lt;code&gt;/styles/[name].json&lt;/code&gt; files in block themes. Users can select them at &lt;em&gt;Editor → Styles&lt;/em&gt;. Theme style variations can modify just about anything set in theme.json, but Norén was sticking to a single simple &lt;strong&gt;Inverted&lt;/strong&gt; style for 1.0. Later he added two more styles, &amp;#8220;Humanist&amp;#8221; and &amp;#8220;Parchment.&amp;#8221;&lt;/p&gt;
  7839.  
  7840.  
  7841.  
  7842. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Screenshot of Pulitzer Theme with Inverted Style Variation. &#34; class=&#34;wp-image-28527&#34; height=&#34;586&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2024/05/GMQpkpmXQAAJtgV.jpeg?resize=652%2C586&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  7843.  
  7844.  
  7845.  
  7846. &lt;div class=&#34;wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers&#34;&gt;&lt;span&gt;Inverted.json&lt;/span&gt;&lt;span class=&#34;code-block-pro-copy-button&#34; style=&#34;color: #575279; display: none;&#34; tabindex=&#34;0&#34;&gt;&lt;svg fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path class=&#34;with-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;path class=&#34;without-check&#34; d=&#34;M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;pre class=&#34;shiki rose-pine-dawn&#34; style=&#34;background-color: #faf4ed;&#34; tabindex=&#34;0&#34;&gt;&lt;code&gt;&lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;/span&gt;
  7847. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;settings&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;/span&gt;
  7848. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;color&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;/span&gt;
  7849. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;palette&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;[&lt;/span&gt;&lt;/span&gt;
  7850. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;/span&gt;
  7851. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;color&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;#111111&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7852. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;Base&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7853. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;slug&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;base&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7854. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;},&lt;/span&gt;&lt;/span&gt;
  7855. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;/span&gt;
  7856. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;color&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;#161616&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7857. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;Base / Two&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7858. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;slug&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;base-2&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7859. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;},&lt;/span&gt;&lt;/span&gt;
  7860. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;/span&gt;
  7861. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;color&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;#FFFFFF&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7862. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;Contrast&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7863. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;slug&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;contrast&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7864. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;},&lt;/span&gt;&lt;/span&gt;
  7865. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;/span&gt;
  7866. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;color&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;#7F7F7F&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7867. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;Contrast / Two&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7868. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;slug&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;contrast-2&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7869. &lt;span class=&#34;line cbp-see-more-line &#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;},&lt;/span&gt;&lt;/span&gt;
  7870. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;/span&gt;
  7871. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;color&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;#616161&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7872. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;Contrast / Three&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7873. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;slug&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;contrast-3&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7874. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;},&lt;/span&gt;&lt;/span&gt;
  7875. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;/span&gt;
  7876. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;color&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;#4A4A4A&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7877. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;Contrast / Four&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7878. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;slug&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;contrast-4&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7879. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;},&lt;/span&gt;&lt;/span&gt;
  7880. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;{&lt;/span&gt;&lt;/span&gt;
  7881. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;color&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;#222222&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7882. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;Contrast / Five&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7883. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;slug&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;contrast-5&amp;quot;&lt;/span&gt;&lt;/span&gt;
  7884. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}&lt;/span&gt;&lt;/span&gt;
  7885. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;]&lt;/span&gt;&lt;/span&gt;
  7886. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}&lt;/span&gt;&lt;/span&gt;
  7887. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;},&lt;/span&gt;&lt;/span&gt;
  7888. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;    &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;title&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;Inverted&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7889. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;$schema&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #EA9D34;&#34;&gt;&amp;quot;https://schemas.wp.org/trunk/theme.json&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;,&lt;/span&gt;&lt;/span&gt;
  7890. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #575279;&#34;&gt;    &lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #56949F;&#34;&gt;version&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #797593;&#34;&gt;:&lt;/span&gt;&lt;span style=&#34;color: #575279;&#34;&gt; &lt;/span&gt;&lt;span style=&#34;color: #D7827E;&#34;&gt;2&lt;/span&gt;&lt;/span&gt;
  7891. &lt;span class=&#34;line&#34;&gt;&lt;span style=&#34;color: #797593;&#34;&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
  7892.  
  7893.  
  7894.  
  7895. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;seventh-task-submit-to-the-repository&#34;&gt;Seventh Task: Submit to the Repository&lt;/h2&gt;
  7896.  
  7897.  
  7898.  
  7899. &lt;blockquote class=&#34;wp-block-quote has-accent-color has-text-color has-link-color wp-elements-c38a0f673e5a6a90b40282c2d37eb46c is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  7900. &lt;p&gt;&amp;#8220;I&amp;#8217;ve done another round of cleanup and polish, received the all-clear from the &lt;a href=&#34;https://github.com/WordPress/theme-check&#34;&gt;theme check plugin&lt;/a&gt;, added a proper theme description and &lt;a href=&#34;https://pulitzer.andersnoren.se/&#34;&gt;created an info page about the theme on my site&lt;/a&gt;.&amp;#8221;&lt;/p&gt;
  7901.  
  7902.  
  7903.  
  7904. &lt;p class=&#34;has-accent-color has-text-color has-link-color wp-elements-e076c461daae77ab5ab339a5b96bf8ef&#34;&gt;Anders Norén&lt;/p&gt;
  7905. &lt;/blockquote&gt;
  7906.  
  7907.  
  7908.  
  7909. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Screenshot of the Result of automated Theme Scanning.&#34; class=&#34;wp-image-28529&#34; height=&#34;225&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2024/05/GMQ11PaWAAAiEXG.jpeg?resize=652%2C225&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  7910.  
  7911.  
  7912.  
  7913. &lt;p&gt;For more detailed information, you can find in the Theme Handbook page: &lt;a href=&#34;https://developer.wordpress.org/themes/releasing-your-theme/submitting-your-theme-to-wordpress-org/&#34;&gt;Submitting Your Theme to WordPress.org&lt;/a&gt;. &lt;/p&gt;
  7914.  
  7915.  
  7916.  
  7917. &lt;p&gt;&lt;a href=&#34;https://wordpress.org/themes/pulitzer/&#34;&gt;Pulitzer is available in the WordPress Theme repository&lt;/a&gt;&lt;/p&gt;
  7918.  
  7919.  
  7920.  
  7921. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;Final full page view of Pulitzer theme.&#34; class=&#34;wp-image-28531&#34; height=&#34;489&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2024/05/GMQ1uZHWoAAs3op-2.png?resize=652%2C489&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  7922.  
  7923.  
  7924.  
  7925. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  7926.  
  7927.  
  7928.  
  7929. &lt;p&gt;After the X (formerly known as Twitter) Thread was published, Anders Norén wrote a blog post almost exactly a year ago. &lt;a href=&#34;https://andersnoren.se/introducing-pulitzer/&#34;&gt;&lt;strong&gt;The post introduced the Pulitzer theme&lt;/strong&gt;&lt;/a&gt;.&lt;/p&gt;
  7930.  
  7931.  
  7932.  
  7933. &lt;blockquote class=&#34;wp-block-quote has-accent-color has-text-color has-link-color has-normal-font-size wp-elements-59c93e449ba3278e9efca737199b4283 is-layout-flow wp-block-quote-is-layout-flow&#34;&gt;
  7934. &lt;p&gt;&amp;#8220;I also want to say thank you to everyone who has reached out to say they appreciate the thread. I wasn&amp;#8217;t sure if this would end up at all useful or interesting to anyone, so it means a lot.&amp;#8221;&lt;/p&gt;
  7935. &lt;cite&gt;Anders Norén&lt;/cite&gt;&lt;/blockquote&gt;
  7936.  
  7937.  
  7938.  
  7939. &lt;p&gt;Share what your process looks like in the comments, also share your challenges working with block themes, or what you learn on the way.  You can also &lt;a href=&#34;https://discord.gg/rmj7pmBh&#34;&gt;join us on Discord&lt;/a&gt; to discuss with other theme and block developers. &lt;/p&gt;
  7940.  
  7941.  
  7942.  
  7943. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  7944.  
  7945.  
  7946.  
  7947. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;who-is-anders-noren&#34;&gt;Who is Anders Norén?&lt;/h2&gt;
  7948.  
  7949.  
  7950. &lt;div class=&#34;wp-block-image&#34;&gt;
  7951. &lt;figure class=&#34;alignleft size-full&#34;&gt;&lt;a href=&#34;https://profiles.wordpress.org/anlino/&#34;&gt;&lt;img alt=&#34;Avatar: Anders Norén, as seen on his WordPress profile&#34; class=&#34;wp-image-40352&#34; height=&#34;100&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/Anders-Noren-avatar.png?resize=100%2C100&amp;#038;ssl=1&#34; width=&#34;100&#34; /&gt;&lt;/a&gt;&lt;/figure&gt;&lt;/div&gt;
  7952.  
  7953.  
  7954. &lt;p&gt;&lt;a href=&#34;https://andersnoren.se/&#34;&gt;Andres Norén&lt;/a&gt; is a freelance designer &amp;amp; developer living in the Swedish mountains. You can now follow him&lt;a href=&#34;https://bsky.app/profile/andersnoren.bsky.social&#34;&gt; on Bluesky&lt;/a&gt;, or read his &lt;a href=&#34;https://andersnoren.se/blog/&#34;&gt;blog&lt;/a&gt;.&lt;/p&gt;
  7955.  
  7956.  
  7957.  
  7958. &lt;p&gt;Eleven years ago, Norén published his first Theme in the WordPress repository, &lt;a href=&#34;https://wordpress.org/themes/wilson/&#34;&gt;Wilson in 2014&lt;/a&gt;. There are now 33 Themes by him available.&lt;/p&gt;
  7959.  
  7960.  
  7961.  
  7962. &lt;p&gt;He has been an early adopter of block themes with his theme &lt;a href=&#34;https://wordpress.org/themes/tove/&#34;&gt;Tove&lt;/a&gt;, first released in September 2021. In January of this year, he released his twelfth block theme: &lt;a href=&#34;https://wordpress.org/themes/spiekermann/&#34;&gt;Speakermann&lt;/a&gt;. You can take a look at &lt;a href=&#34;https://wordpress.org/themes/author/anlino/?tag_slug__and%5B%5D=full-site-editing&#34;&gt;all block themes by Norén&lt;/a&gt; in the repository.&lt;/p&gt;
  7963.  
  7964.  
  7965.  
  7966. &lt;p&gt;You can support Anders Norén and his work by sponsoring him on &lt;a href=&#34;https://ko-fi.com/andersnoren&#34;&gt;Ko-fi&lt;/a&gt;, &lt;a href=&#34;https://github.com/sponsors/andersnoren&#34;&gt;GitHub&lt;/a&gt;, or &lt;a href=&#34;https://www.paypal.com/cgi-bin/webscr?cmd=_donations&amp;amp;business=anders%40andersnoren%2ese&amp;amp;lc=US&amp;amp;item_name=Free%20WordPress%20Themes%20from%20Anders%20Noren%C2%A4cy_code=USD&amp;amp;bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted&#34;&gt;PayPal&lt;/a&gt;. &lt;/p&gt;
  7967.  
  7968.  
  7969.  
  7970. &lt;p&gt;Anders Norén was also a guest on the Gutenberg Time Live Q &amp;amp; A. &lt;br /&gt;&lt;a href=&#34;https://www.youtube.com/watch?v=eiIhJdFfamA&#34;&gt;&lt;strong&gt;He discussed the transition from Classic Themes to block-based Themes&lt;/strong&gt;&lt;/a&gt; together with Carolina Nymark and Ellen Bauer. This took place on October 21, 2021. &lt;/p&gt;
  7971.  
  7972.  
  7973.  
  7974. &lt;figure class=&#34;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&#34;&gt;&lt;div class=&#34;wp-block-embed__wrapper&#34;&gt;
  7975.  
  7976. &lt;/div&gt;&lt;/figure&gt;
  7977.  
  7978.  
  7979.  
  7980. &lt;p&gt;&lt;/p&gt;</description>
  7981. <pubDate>Sat, 10 May 2025 09:46:32 +0000</pubDate>
  7984. <dc:creator>Birgit Pauli-Haack</dc:creator>
  7986. </item>
  7987.  
  7988. <item>
  7989. <title>Gutenberg Times: Block Styles, Woo Product Collection, Deepwiki, Accessibility Day — Weekend Edition 329</title>
  7990. <guid>https://gutenbergtimes.com/?p=40222</guid>
  7991. <link>https://gutenbergtimes.com/block-styles-woo-product-collection-deepwiki-accessibility-day-weekend-edition-329/</link>
  7993. <description>&lt;p&gt;Hi, &lt;/p&gt;
  7994.  
  7995.  
  7996.  
  7997. &lt;p&gt;&amp;#8220;And just like that, winter has faded from our collective memory&amp;#8230;&amp;#8221;, Om Malik wrote in his &lt;a href=&#34;https://om.co/2025/05/04/a-letter-from-om-may-2025-edition/&#34;&gt;Letter from Om, May edition&lt;/a&gt;. In Munich, we just had another cold spell, though. There is no doubt we are heading into the next hot summer.&lt;/p&gt;
  7998.  
  7999.  
  8000.  
  8001. &lt;p&gt;So it&amp;#8217;s Saturday afternoon, and I am way behind on your newsletter edition. This week, I published approximately 7,500 words over three posts. Definitely a record! Plus, two podcast episodes (one is still with the editor).&lt;/p&gt;
  8002.  
  8003.  
  8004.  
  8005. &lt;p&gt;Don&amp;#8217;t worry, this weekend edition is not entirely about me. &lt;img alt=&#34;😜&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f61c.png&#34; style=&#34;height: 1em;&#34; /&gt;&lt;/p&gt;
  8006.  
  8007.  
  8008.  
  8009. &lt;p&gt;Have a splendid weekend ahead! &lt;/p&gt;
  8010.  
  8011.  
  8012.  
  8013. &lt;p&gt;Yours, &lt;img alt=&#34;💕&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f495.png&#34; style=&#34;height: 1em;&#34; /&gt;&lt;br /&gt;&lt;em&gt;Birgit&lt;/em&gt;&lt;/p&gt;
  8014.  
  8015.  
  8016. &lt;section class=&#34;wp-block-newsletterglue-group&#34; style=&#34;padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; margin-top: 0px; margin-bottom: 0px;&#34;&gt;
  8017. &lt;div class=&#34;wp-block-group has-light-background-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow&#34;&gt;
  8018. &lt;p&gt;&lt;strong&gt;Table of Contents&lt;/strong&gt;&lt;/p&gt;
  8019.  
  8020.  
  8021.  
  8022. &lt;nav class=&#34;wp-block-table-of-contents&#34;&gt;&lt;ol&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/block-styles-woo-product-collection-deepwiki-accessibility-day-weekend-edition-329/#0-p&#34;&gt;Plugins, Themes, and Tools for #nocode site builders and owners&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/block-styles-woo-product-collection-deepwiki-accessibility-day-weekend-edition-329/#2-word-press-6-0-1-and-6-1-scheduled&#34;&gt;Theme Development for Full Site Editing and Blocks&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&#34;wp-block-table-of-contents__entry&#34; href=&#34;https://gutenbergtimes.com/block-styles-woo-product-collection-deepwiki-accessibility-day-weekend-edition-329/#3-building-themes-for-fse-and-word-press&#34;&gt;Building Blocks and Tools for the Block editor.&lt;/a&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/nav&gt;
  8023. &lt;/div&gt;&lt;/div&gt;
  8024. &lt;/section&gt;
  8025.  
  8026.  
  8027. &lt;div class=&#34;wp-block-group has-light-background-background-color has-background&#34;&gt;&lt;div class=&#34;wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained&#34;&gt;
  8028. &lt;p&gt;&lt;img alt=&#34;🎙&#34; class=&#34;wp-smiley&#34; src=&#34;https://s.w.org/images/core/emoji/15.1.0/72x72/1f399.png&#34; style=&#34;height: 1em;&#34; /&gt; The latest episode &lt;a href=&#34;https://gutenbergtimes.com/podcast/gutenberg-changelog-117-woocommerce-starter-theme-and-blocks/&#34;&gt;Gutenberg Changelog 117 – WooCommerce Starter Theme and Blocks, WordCamp Europe, and Gutenberg 20.7 and 20.8&lt;/a&gt; I sat down with Ellen Bauer, WooCommerce product lead and discussed what she is working on, WordCamp Europe, Create Block Theme, WP-CLI, Gutenberg 20.7 and Gutenberg 20.8 releases. &lt;/p&gt;
  8029.  
  8030.  
  8031.  
  8032. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;img alt=&#34;Ellen Bauer and Birgit Pauli-Haack recording Gutenberg Changelog 117&#34; class=&#34;wp-image-40375&#34; height=&#34;184&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2022/03/Screenshot-2025-05-10-at-12.16.57.png?resize=652%2C184&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  8033. &lt;/div&gt;&lt;/div&gt;
  8034.  
  8035.  
  8036.  
  8037. &lt;p&gt;&lt;a href=&#34;https://europe.wordcamp.org/2025/workshop-registration-now-open/&#34;&gt;&lt;strong&gt;Workshop Registration Now Open for WordCamp Europe 2025 &lt;/strong&gt;&lt;/a&gt;– Secure Your Spot Today! A reminder of the workshops offered: &lt;/p&gt;
  8038.  
  8039.  
  8040.  
  8041. &lt;ul class=&#34;wp-block-list&#34;&gt;
  8042. &lt;li&gt;&lt;a href=&#34;https://europe.wordcamp.org/2025/session/the-block-developer-cookbook-wceu-2025-edition/&#34;&gt;The Block Developer Cookbook: WCEU 2025 Edition&lt;/a&gt; with Ryan Welcher&lt;/li&gt;
  8043.  
  8044.  
  8045.  
  8046. &lt;li&gt;&lt;a href=&#34;https://europe.wordcamp.org/2025/session/from-zero-to-demo-mastering-wordpress-playground-blueprints/&#34;&gt;From Zero to Demo: Mastering WordPress Playground Blueprints&lt;/a&gt; with yours truly&lt;/li&gt;
  8047.  
  8048.  
  8049.  
  8050. &lt;li&gt;&lt;a href=&#34;https://europe.wordcamp.org/2025/session/building-automated-tests-with-wordpress-playground/&#34;&gt;Building Automated Tests with WordPress Playground&lt;/a&gt; with Berislav (Bero)  Grgicak&lt;/li&gt;
  8051.  
  8052.  
  8053.  
  8054. &lt;li&gt;&lt;a href=&#34;https://europe.wordcamp.org/2025/session/wordpress-gems-for-devs-interactivity-api/&#34;&gt;Interactivity API for Developers: WordPress Gems You Should Know&lt;/a&gt; with Milana Cap&lt;/li&gt;
  8055. &lt;/ul&gt;
  8056.  
  8057.  
  8058.  
  8059. &lt;p&gt;&lt;a href=&#34;https://europe.wordcamp.org/2025/workshop-registration/&#34;&gt;Here is the Workshop Registration page&lt;/a&gt;. You already need to have a ticket, and use for this registration the same email.&lt;/p&gt;
  8060.  
  8061.  
  8062.  
  8063. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  8064.  
  8065.  
  8066.  
  8067. &lt;p&gt;&lt;em&gt;Global Accessibility Awareness Day (GAAD)&lt;/em&gt; is celebrated on May 15, 2025. &lt;strong&gt;Amber Hinds&lt;/strong&gt; from &lt;em&gt;Equalize Digital&lt;/em&gt; invites people to join in a virtual accessibility contributor day. This event aims to improve accessibility in WordPress. Whether you’re a developer, designer, content creator, or site owner, you have the skills. You can help make the internet more usable. You can make a difference for millions of people with disabilities. she wrote. You pledge your time &lt;a href=&#34;https://equalizedigital.com/gaad2025/&#34;&gt;&lt;strong&gt;Global Accessibility Awareness Day Pledge &amp;#8211; May 15, 2025&lt;/strong&gt;&lt;/a&gt;.&lt;/p&gt;
  8068.  
  8069.  
  8070.  
  8071. &lt;p&gt;Suggested activities include reporting issues for Core, plugins, or themes. They also cover testing patches on accessibility tickets. You can offer feedback on existing accessibility issues or add captions to videos on WordPressTV. Additionally, running a webinar is another activity choice.&lt;/p&gt;
  8072.  
  8073.  
  8074.  
  8075. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;a href=&#34;https://equalizedigital.com/gaad2025/&#34;&gt;&lt;img alt=&#34;cover image of the Accessibility Pledge page on Equalize digital&#34; class=&#34;wp-image-40382&#34; height=&#34;370&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-14.50.59.png?resize=652%2C370&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/a&gt;&lt;/figure&gt;
  8076.  
  8077.  
  8078.  
  8079. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;0-p&#34;&gt;Plugins, Themes, and Tools for #nocode site builders and owners&lt;/h2&gt;
  8080.  
  8081.  
  8082.  
  8083. &lt;p&gt;&lt;strong&gt;Brian Coords&lt;/strong&gt; published the release notes for &lt;a href=&#34;https://developer.woocommerce.com/2025/05/06/woocommerce-9-8-4-dot-release/&#34;&gt;&lt;strong&gt;WooCommerce 9.8.4&lt;/strong&gt;&lt;/a&gt;.  It addresses a fatal error that occurred as the result of a remote service failure. &lt;/p&gt;
  8084.  
  8085.  
  8086.  
  8087. &lt;p&gt;&lt;strong&gt;Stephanie Pi&lt;/strong&gt; issued a &lt;a href=&#34;https://developer.woocommerce.com/2025/05/06/developer-advisory-subscriptions-core-code-moving-into-woocommerce-subscriptions-plugin/&#34;&gt;&lt;strong&gt;Developer advisory: Subscriptions core code moving into WooCommerce Subscriptions plugin&lt;/strong&gt;&lt;/a&gt;. he core code that powers WooCommerce Subscriptions will now be managed directly within the main plugin repository, rather than the separate, public &lt;code&gt;Automattic/woocommerce-subscriptions-core&lt;/code&gt; codebase. This change, effective May 20, 2025, aims to reduce complexity, streamline versioning, and align with management of other WooCommerce extensions. Only developers directly depending on the core package or monitoring its repository are affected; regular plugin users or API integrators need not take action. &lt;/p&gt;
  8088.  
  8089.  
  8090.  
  8091. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  8092.  
  8093.  
  8094.  
  8095. &lt;p&gt;&lt;strong&gt;Fabian Kägy&lt;/strong&gt; and I hung out with &lt;strong&gt;Nathan Wrigley &lt;/strong&gt;&lt;a href=&#34;https://wpbuilds.com/2025/05/08/421-at-the-core-with-birgit-pauli-haack-and-fabian-kaegy-episode-3/&#34;&gt;&lt;strong&gt;for the third episode of the At the Core show&lt;/strong&gt;&lt;/a&gt;. We dove into the latest buzz in WordPress. We especially focused on the 6.8 release. We covered some cool new features like&lt;/p&gt;
  8096.  
  8097.  
  8098.  
  8099. &lt;ul class=&#34;wp-block-list&#34;&gt;
  8100. &lt;li&gt;better details and accordion blocks, &lt;/li&gt;
  8101.  
  8102.  
  8103.  
  8104. &lt;li&gt;tweaks to the stylebook, &lt;/li&gt;
  8105.  
  8106.  
  8107.  
  8108. &lt;li&gt;fresh pattern section styles, &lt;/li&gt;
  8109.  
  8110.  
  8111.  
  8112. &lt;li&gt;upgraded gallery image options, and &lt;/li&gt;
  8113.  
  8114.  
  8115.  
  8116. &lt;li&gt;some nice improvements in template editing. &lt;/li&gt;
  8117. &lt;/ul&gt;
  8118.  
  8119.  
  8120.  
  8121. &lt;p&gt;We discussed the shift toward a slower, more thoughtful approach to WordPress core releases. There are changes in the dev workflow. We also talked about some new plugins like &lt;a href=&#34;https://classifaiplugin.com/&#34;&gt;ClassifAI&lt;/a&gt; and &lt;a href=&#34;https://themeswitcher.com/&#34;&gt;ThemeSwitcher Pro&lt;/a&gt;. These plugins make it easier to integrate AI. They also help to gradually move to block themes. This episode is packed with great tips for anyone looking to stay updated on new developments in WordPress. You also get hands-on insights about the latest features.&lt;/p&gt;
  8122.  
  8123.  
  8124.  
  8125. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;a href=&#34;https://wpbuilds.com/2025/05/08/421-at-the-core-with-birgit-pauli-haack-and-fabian-kaegy-episode-3/&#34;&gt;&lt;img alt=&#34;cover image for the 421st episode of the WPBuilds podcast&#34; class=&#34;wp-image-40275&#34; height=&#34;342&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/WP-Builds-Podcast-Episode-421-768x403-1.jpg?resize=652%2C342&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/a&gt;&lt;/figure&gt;
  8126.  
  8127.  
  8128.  
  8129. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  8130.  
  8131.  
  8132.  
  8133. &lt;p&gt;&lt;strong&gt;Kaspars Dambis&lt;/strong&gt; created a nifty optimizing plugin called &lt;a href=&#34;https://wpelevator.com/plugins/lazy-load-blocks&#34;&gt;&lt;strong&gt;Lazy Load Blocks for WordPress&lt;/strong&gt;&lt;/a&gt;. It does exactly what it says on the tin. Configurable per block, even. Lazy loading blocks improves the Web Vitals. It enhances the Page Speed metrics. It does not impact the layout shift (CLS) when the lazy loading is triggered. There is a great demo video on the page. You will also find screenshots and instructions. Explanations of how this actually works are also included. It&amp;#8217;s comes with a small price tag of $5 per month, billed annually. &lt;/p&gt;
  8134.  
  8135.  
  8136.  
  8137. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  8138.  
  8139.  
  8140.  
  8141. &lt;p&gt;In his latest video: &lt;a href=&#34;https://www.youtube.com/watch?v=FHqh6oBEzRI&#34;&gt;&lt;strong&gt;How Thousands Use WordPress to Get Customer Feedback&lt;/strong&gt;&lt;/a&gt;, Wes Theron demonstrates techniques for content creators and site owners. He shows how to use blocks by &lt;a href=&#34;https://crowdsignal.com/&#34;&gt;Crowdsignal&lt;/a&gt; to gather feedback. You can use highly interactive elements like polls, surveys, voting buttons, and more. Theron provides a step-by-step guide on how to add feedback tools to your site. This helps you start making smarter decisions based on real data.&lt;/p&gt;
  8142.  
  8143.  
  8144. &lt;div class=&#34;wp-block-newsletterglue-showhide ng-block&#34; width=&#34;100%&#34;&gt;
  8145. &lt;figure class=&#34;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio&#34;&gt;&lt;div class=&#34;wp-block-embed__wrapper&#34;&gt;
  8146.  
  8147. &lt;/div&gt;&lt;/figure&gt;
  8148. &lt;/div&gt;
  8149.  
  8150.  
  8151.  
  8152.  
  8153. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;2-word-press-6-0-1-and-6-1-scheduled&#34;&gt;Theme Development for Full Site Editing and Blocks&lt;/h2&gt;
  8154.  
  8155.  
  8156.  
  8157. &lt;p&gt;In my latest post, &lt;a href=&#34;https://wordpress.com/blog/2025/05/07/custom-block-styles/&#34;&gt;&lt;strong&gt;Mastering Custom Block Styles in WordPress: 6 Methods for Theme and Plugin Developers&lt;/strong&gt;&lt;/a&gt;, I’m sharing some cool tips. These tips are for theme and plugin developers. They cover how to create and manage block styles in WordPress. The article discusses using JSON files. It also covers PHP functions like &lt;code&gt;register_block_style()&lt;/code&gt;.  &lt;/p&gt;
  8158.  
  8159.  
  8160.  
  8161. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;a href=&#34;https://wordpress.com/blog/2025/05/07/custom-block-styles/&#34;&gt;&lt;img alt=&#34;list of various methods to create block styles&#34; class=&#34;wp-image-40278&#34; height=&#34;283&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/Screenshot-2025-05-07-at-20.17.25.png?resize=652%2C283&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/a&gt;&lt;/figure&gt;
  8162.  
  8163.  
  8164.  
  8165. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  8166.  
  8167.  
  8168.  
  8169. &lt;p&gt;In, &lt;a href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/&#34;&gt;&lt;strong&gt;Seven Tasks to a Custom Block Theme: Anders Norén’s Weekend Workflow&lt;/strong&gt;&lt;/a&gt;, A year ago, over a weekend, Anders Norén shared his block theme building process in a X thread. I finally found the time to make it a more enhanced tutorial for theme builders&amp;#8217; perusal. You learn about Norén&amp;#8217;s tools, his methods, and his tricks to enhance his designs.&lt;/p&gt;
  8170.  
  8171.  
  8172.  
  8173. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;a href=&#34;https://gutenbergtimes.com/seven-steps-to-a-custom-block-theme-anders-norens-weekend-workflow/&#34;&gt;&lt;img alt=&#34;An artist painting a website in the Sweden. &#34; class=&#34;wp-image-40357&#34; height=&#34;453&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/Swedish-artist-making-a-website.jpg?resize=652%2C453&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/a&gt;&lt;/figure&gt;
  8174.  
  8175.  
  8176. &lt;section class=&#34;wp-block-newsletterglue-callout undefined not-color-set&#34; style=&#34;border-color: #f9f9e5; border-radius: 22px; border-style: solid; border-width: 0; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; text-align: left; margin-left: 0; margin-right: 0; margin-top: 0px; margin-bottom: 0px; background-color: #f9f9e5;&#34;&gt;
  8177. &lt;p&gt;&lt;strong&gt; &lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;&amp;#8220;Keeping up with Gutenberg &amp;#8211; Index 2025&amp;#8221;&lt;/a&gt; &lt;/strong&gt;&lt;br /&gt;A chronological list of the WordPress Make Blog posts. It includes contributions from various teams involved in Gutenberg development. These teams are 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: &lt;strong&gt;&lt;strong&gt;&lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/keeping-up-with-gutenberg-index-2020/&#34;&gt;2020&lt;/a&gt; | &lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/keeping-up-with-gutenberg-index-2021/&#34;&gt;2021&lt;/a&gt;&lt;/strong&gt; | &lt;strong&gt;&lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/keeping-up-with-gutenberg-index-2022/&#34;&gt;2022&lt;/a&gt;&lt;/strong&gt;&lt;/strong&gt; | &lt;strong&gt;&lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/gutenberg-index-2023&#34;&gt;2023&lt;/a&gt;&lt;/strong&gt; | &lt;a href=&#34;https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/gutenberg-index-2024/&#34;&gt;&lt;strong&gt;2024&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
  8178. &lt;/section&gt;
  8179.  
  8180.  
  8181. &lt;h2 class=&#34;wp-block-heading&#34; id=&#34;3-building-themes-for-fse-and-word-press&#34;&gt;Building Blocks and Tools for the Block editor.&lt;/h2&gt;
  8182.  
  8183.  
  8184.  
  8185. &lt;p&gt;&lt;strong&gt;Eric Karkovack&lt;/strong&gt; just published a tutorial on &lt;a href=&#34;https://speckyboy.com/display-wordpress-custom-field-data-blocks/&#34;&gt;&lt;strong&gt;how to display WordPress custom field data with blocks&lt;/strong&gt;&lt;/a&gt;. He introduces you to the Block Bindings API and walks you through an example from start to finish. &lt;/p&gt;
  8186.  
  8187.  
  8188.  
  8189. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  8190.  
  8191.  
  8192.  
  8193. &lt;p&gt;&lt;strong&gt;Jonathan Bossenger&lt;/strong&gt; shared with me &lt;strong&gt;DeepWiki,&lt;/strong&gt; a service by &lt;a href=&#34;https://devin.ai/&#34;&gt;Devin AI&lt;/a&gt;. it introduces itself as &amp;#8220;your collaborative AI teammate, built to help ambitious engineering teams achieve more.&amp;#8221; &lt;/p&gt;
  8194.  
  8195.  
  8196.  
  8197. &lt;p&gt;You can make it your companion developing for the Block Editor by visiting the sub-site for &lt;a href=&#34;https://deepwiki.com/WordPress/gutenberg&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;WordPress/Gutenberg&lt;/a&gt;. It provides you with access to the documentation and code in a human-readable form. The chatbot will answer your questions. I tested it with two questions:&lt;/p&gt;
  8198.  
  8199.  
  8200.  
  8201. &lt;ul class=&#34;wp-block-list&#34;&gt;
  8202. &lt;li&gt;&lt;strong&gt;What are Gutenberg stores and what information can you find there?&lt;/strong&gt; You can read &lt;a href=&#34;https://deepwiki.com/search/what-are-gutenberg-stores-and_c11c547c-e195-46a6-991b-ded2a3fe4379&#34;&gt;the answer here&lt;/a&gt;. &lt;/li&gt;
  8203.  
  8204.  
  8205.  
  8206. &lt;li&gt;&lt;strong&gt;Is there a good analogy for state to better explain state management?&lt;/strong&gt; T&lt;a href=&#34;https://deepwiki.com/search/is-there-a-good-analogy-for-st_7d01d0ed-c449-44a3-afe6-31cf45929a51&#34;&gt;he answer shows&lt;/a&gt; quite a few real live analogies: working with a notebook, a collaborative drawing board and a room with light switches and fixtures.&lt;/li&gt;
  8207. &lt;/ul&gt;
  8208.  
  8209.  
  8210.  
  8211. &lt;p&gt; Try it out yourself! It&amp;#8217;s pretty helpful as it searches the documentation  and digs through the whole Gutenberg code base for answers. &lt;/p&gt;
  8212.  
  8213.  
  8214.  
  8215. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  8216.  
  8217.  
  8218.  
  8219. &lt;p&gt;In his &lt;a href=&#34;https://developer.woocommerce.com/2025/05/08/tutorial-how-to-build-blocks-with-woocommerce/&#34;&gt;&lt;strong&gt;tutorial on how to build blocks with WooCommerce&lt;/strong&gt;&lt;/a&gt;, &lt;a href=&#34;https://x.com/sunyatasattva&#34;&gt;&lt;strong&gt;Marco Lucio Giannotta&lt;/strong&gt;&lt;/a&gt; and &lt;strong&gt;Karol Manijak&lt;/strong&gt; guide developers. They show how to build a WooCommerce Product Collection block. They break it down with an easy-going video and some code examples. You&amp;#8217;ll get the scoop on block theory. You&amp;#8217;ll watch a live-coding session where they create interactive blocks. You&amp;#8217;ll dig deep into the default Product Collection block. There are two hands-on exercises. One teaches how to add a “Featured” filter. Another focuses on registering a custom collection of &amp;#8220;on-sale products under $40.&amp;#8221; It’s a great way to get the hang of block settings, custom queries, and using the WooCommerce API!&lt;/p&gt;
  8220.  
  8221.  
  8222.  
  8223. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;img alt=&#34;Screenshot of the Video cover image Crafting Dynamic Catalogs&#34; class=&#34;wp-image-40379&#34; height=&#34;365&#34; src=&#34;https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-13.39.53.png?resize=652%2C365&amp;#038;ssl=1&#34; width=&#34;652&#34; /&gt;&lt;/figure&gt;
  8224.  
  8225.  
  8226.  
  8227. &lt;p&gt;The &lt;strong&gt;&lt;a href=&#34;https://www.youtube.com/watch?v=vDL8zDRaSiY&#34;&gt;second part of the Unit test (with Jest) for WordPress Blocks&lt;/a&gt;&lt;/strong&gt; is out. &lt;strong&gt;JuanMa Garrido&lt;/strong&gt; programs unit tests for the copyright block from the &amp;#8220;Tutorial: Build your first block&amp;#8221;. He also explores how to  debug the Save component of a block. &lt;/p&gt;
  8228.  
  8229.  
  8230.  
  8231. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  8232.  
  8233.  
  8234.  
  8235. &lt;p&gt;The &lt;strong&gt;Codeable&lt;/strong&gt; Team published &lt;a href=&#34;https://www.codeable.io/blog/how-to-get-started-with-the-interactivity-api/&#34;&gt;&lt;strong&gt;How to Get Started with the Interactivity API&lt;/strong&gt;&lt;/a&gt;. This article introduces WordPress developers to a way of adding real-time features to websites without using heavy scripts or plugins. It explains that the Interactivity API, available from WordPress 6.5, allows developers to update page elements quickly, enhancing site performance and making development easier. It highlights the API’s benefits in performance, scalability, and WordPress integration.&lt;/p&gt;
  8236.  
  8237.  
  8238.  
  8239. &lt;p&gt;The next episode of &lt;em&gt;Jon learns to code with AI&lt;/em&gt; is up. In &lt;a href=&#34;https://www.youtube.com/watch?v=XO4L5Hv3RTw&#34; rel=&#34;noreferrer noopener&#34; target=&#34;_blank&#34;&gt;WordPress as a MCP Server&lt;/a&gt;, &lt;strong&gt;Jonathan Bossenger&lt;/strong&gt; reviewed the WordPress MCP plugin from Automattic. This plugin turns your WordPress site into an MCP server that your AI Agent can interact with. To learn what that exactly means, you need to watch the video. &lt;/p&gt;
  8240.  
  8241.  
  8242. &lt;div class=&#34;wp-block-newsletterglue-showhide ng-block&#34; width=&#34;100%&#34;&gt;
  8243. &lt;figure class=&#34;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&#34;&gt;&lt;div class=&#34;wp-block-embed__wrapper&#34;&gt;
  8244.  
  8245. &lt;/div&gt;&lt;/figure&gt;
  8246. &lt;/div&gt;
  8247.  
  8248. &lt;section class=&#34;wp-block-newsletterglue-callout undefined not-color-set&#34; style=&#34;border-color: #eeeeee; border-radius: 26px; border-style: solid; border-width: 0; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; text-align: left; margin-left: 0; margin-right: 0; margin-top: 0px; margin-bottom: 0px; background-color: #f3efe9;&#34;&gt;
  8249. &lt;p&gt;&lt;strong&gt;&lt;a href=&#34;https://gutenbergtimes.com/need-a-zip-from-master/&#34;&gt;Need a plugin .zip from Gutenberg&amp;#8217;s master branch?&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;Gutenberg Times provides daily build for testing and review. &lt;/p&gt;
  8250.  
  8251.  
  8252.  
  8253. &lt;p&gt;Now also available via &lt;a href=&#34;https://playground.wordpress.net/?blueprint-url=https://gutenbergtimes.com/wp-content/uploads/2020/11/playnightly.json&#34;&gt;WordPress Playground&lt;/a&gt;. There is no need for a test site locally or on a server. Have you been using it? &lt;a href=&#34;mailto:pauli@gutenbergtimes.com&#34;&gt;Email me &lt;/a&gt;with your experience&lt;/p&gt;
  8254.  
  8255.  
  8256.  
  8257. &lt;p&gt;&lt;img alt=&#34;GitHub all releases&#34; src=&#34;https://img.shields.io/github/downloads/bph/gutenberg/total?style=for-the-badge&#34; /&gt;&lt;/p&gt;
  8258. &lt;/section&gt;
  8259.  
  8260.  
  8261. &lt;p class=&#34;has-text-align-center has-small-font-size&#34;&gt;&lt;em&gt;Questions? Suggestions? Ideas? &lt;/em&gt;&lt;br /&gt;&lt;em&gt;Don&amp;#8217;t hesitate to send &lt;a href=&#34;mailto:pauli@gutenbergtimes.com&#34;&gt;them via email&lt;/a&gt; or&lt;/em&gt;&lt;br /&gt;&lt;em&gt; send me a message on WordPress Slack or Twitter @bph&lt;/em&gt;.&lt;/p&gt;
  8262.  
  8263.  
  8264.  
  8265. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity&#34; /&gt;
  8266.  
  8267.  
  8268.  
  8269. &lt;p class=&#34;has-text-align-center has-small-font-size&#34;&gt;For questions to be answered on the &lt;a href=&#34;http://gutenbergtimes.com/podcast&#34;&gt;Gutenberg Changelog&lt;/a&gt;, &lt;br /&gt;send them to &lt;a href=&#34;mailto:changelog@gutenbergtimes.com&#34;&gt;changelog@gutenbergtimes.com&lt;/a&gt;&lt;/p&gt;
  8270.  
  8271.  
  8272.  
  8273. &lt;hr class=&#34;wp-block-separator has-alpha-channel-opacity is-style-wide&#34; /&gt;
  8274.  
  8275.  
  8276. &lt;section class=&#34;wp-block-newsletterglue-group&#34; style=&#34;padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; margin-top: 0px; margin-bottom: 0px;&#34;&gt;
  8277. &lt;p&gt;Featured Image: New York &amp;#8211; View from The Highline 2015 by Birgit Pauli-Haack&lt;/p&gt;
  8278.  
  8279.  
  8280.  
  8281. &lt;hr class=&#34;wp-block-separator has-css-opacity is-style-wide&#34; /&gt;
  8282.  
  8283.  
  8284.  
  8285. &lt;p class=&#34;has-text-align-left&#34;&gt;&lt;strong&gt;Don&amp;#8217;t want to miss the next Weekend Edition? &lt;/strong&gt;&lt;/p&gt;
  8286.  
  8287.  
  8288. &lt;form action=&#34;https://gutenbergtimes.com/feed/&#34; autocomplete=&#34;on&#34; class=&#34;wp-block-newsletterglue-form ngl-form ngl-portrait&#34; method=&#34;post&#34;&gt;&lt;div class=&#34;ngl-form-container&#34;&gt;&lt;div class=&#34;ngl-form-field&#34; style=&#34;margin-bottom: 25px;&#34;&gt;&lt;label class=&#34;ngl-form-label&#34; for=&#34;ngl_email&#34;&gt;&lt;br /&gt;Type in your Email address to subscribe.&lt;/label&gt;&lt;div class=&#34;ngl-form-input&#34;&gt;&lt;input autocomplete=&#34;email&#34; class=&#34;ngl-form-input-text&#34; id=&#34;ngl_email&#34; name=&#34;ngl_email&#34; required=&#34;required&#34; style=&#34;border-radius: 21px;&#34; type=&#34;email&#34; /&gt;&lt;/div&gt;&lt;/div&gt;&lt;button class=&#34;ngl-form-button&#34; style=&#34;background-color: #005075; border-color: #005075; border-width: 1px; border-style: solid; color: #ffffff; border-radius: 21px;&#34; type=&#34;submit&#34;&gt;Subscribe&lt;/button&gt;&lt;p class=&#34;ngl-form-text&#34;&gt;We hate spam, too, and won&amp;#8217;t give your email address to anyone &lt;br /&gt;except Mailchimp to send out our Weekend Edition&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;ngl-message-overlay&#34;&gt;&lt;div class=&#34;ngl-message-svg-wrap&#34;&gt;&lt;svg fill=&#34;none&#34; height=&#34;24&#34; stroke=&#34;#fff&#34; stroke-width=&#34;2&#34; viewBox=&#34;0 0 24 24&#34; width=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;polyline points=&#34;20 6 9 17 4 12&#34;&gt;&lt;/polyline&gt;&lt;/svg&gt;&lt;/div&gt;&lt;div class=&#34;ngl-message-overlay-text&#34;&gt;Thanks for subscribing.&lt;/div&gt;&lt;/div&gt;&lt;input id=&#34;ngl_list_id&#34; name=&#34;ngl_list_id&#34; type=&#34;hidden&#34; value=&#34;26f81bd8ae&#34; /&gt;&lt;input id=&#34;ngl_double_optin&#34; name=&#34;ngl_double_optin&#34; type=&#34;hidden&#34; value=&#34;yes&#34; /&gt;&lt;/form&gt;
  8289.  
  8290.  
  8291. &lt;hr class=&#34;wp-block-separator has-css-opacity is-style-wide&#34; /&gt;
  8292. &lt;/section&gt;</description>
  8293. <pubDate>Sat, 10 May 2025 00:49:00 +0000</pubDate>
  8296. <dc:creator>Birgit Pauli-Haack</dc:creator>
  8298. </item>
  8299.  
  8300. <item>
  8301. <title>Matt: Code Matters</title>
  8302. <guid>https://ma.tt/?p=142334</guid>
  8303. <link>https://ma.tt/2025/05/code-matters/</link>
  8305. <description>&lt;p&gt;It looks like the code that the newly announced Figma Sites is producing isn&amp;#8217;t the best.&lt;/p&gt;
  8306.  
  8307.  
  8308.  
  8309. &lt;figure class=&#34;wp-block-embed alignwide is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&#34;&gt;&lt;div class=&#34;wp-block-embed__wrapper&#34;&gt;
  8310.  
  8311. &lt;/div&gt;&lt;/figure&gt;
  8312.  
  8313.  
  8314.  
  8315. &lt;p&gt;There are some cool Figma-to-WordPress workflows; I hope Sites gets more people exploring those options.&lt;/p&gt;</description>
  8316. <pubDate>Fri, 09 May 2025 22:59:18 +0000</pubDate>
  8319. <dc:creator>Matt</dc:creator>
  8321. </item>
  8322.  
  8323. <item>
  8324. <title>Gravatar: How to Design an Author Brand Readers Remember</title>
  8325. <guid>http://blog.gravatar.com/?p=3165</guid>
  8326. <link>https://blog.gravatar.com/2025/05/09/author-branding/</link>
  8328. <description>&lt;p&gt;With &lt;a href=&#34;https://www.tonerbuzz.com/blog/how-many-books-are-published-each-year/&#34;&gt;more than 500,000 books published each year&lt;/a&gt;, many authors struggle to differentiate themselves in a saturated market. Your words might be brilliant, but without a recognizable brand, they can easily get lost among countless other titles on physical and virtual shelves. &lt;/p&gt;
  8329.  
  8330.  
  8331.  
  8332. &lt;p&gt;A solid author branding strategy needs to go beyond traditional approaches. If you want people to recognize and remember your work, you need a multi-platform presence and to maintain brand consistency. The most successful authors don&amp;#8217;t just write great books – they craft authentic identities that resonate with their target audience.&lt;/p&gt;
  8333.  
  8334.  
  8335.  
  8336. &lt;p&gt;If you’re struggling to get to this point, you’re not alone. For many creatives, the most challenging part of being an author is the need to promote oneself, which makes the whole branding process a bit intimidating. &lt;/p&gt;
  8337.  
  8338.  
  8339.  
  8340. &lt;p&gt;To help you in this, we&amp;#8217;ll give you a practical roadmap for establishing an authentic author brand, helping you to create visual recognition with advanced strategies that will help your work get noticed. Whether you&amp;#8217;re just starting out or looking to refresh your existing presence, these techniques will help you build meaningful connections with readers.&lt;/p&gt;
  8341.  
  8342.  
  8343.  
  8344. &lt;h2 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;Crafting an unforgettable author brand: Key strategies for standing out&lt;/strong&gt;&lt;/h2&gt;
  8345.  
  8346.  
  8347.  
  8348. &lt;p&gt;Authors face a unique challenge: Creating a professional presence that attracts readers while remaining authentic to their writing style and voice. This balance between marketability and authenticity forms the foundation of effective author branding.&lt;/p&gt;
  8349.  
  8350.  
  8351.  
  8352. &lt;p&gt;The first thing you need to understand is that your genre is the main thing that will shape branding decisions. For example, fiction writers often benefit from creative visual branding or custom-built websites that reflect their story themes. A fantasy author might use mystical imagery and an immersive website design, while a thriller writer, like &lt;a href=&#34;https://jamesrollins.com/&#34;&gt;James Rollins&lt;/a&gt;, might opt for darker tones and suspenseful elements. &lt;/p&gt;
  8353.  
  8354.  
  8355.  
  8356. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;1 – James Rollins author website example&#34; class=&#34;wp-image-3168&#34; height=&#34;369&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2025/04/1-james-rollins-website-homepage.png?w=660&#34; width=&#34;660&#34; /&gt;&lt;/figure&gt;
  8357.  
  8358.  
  8359.  
  8360. &lt;p&gt;Academic and non-fiction authors (like &lt;a href=&#34;https://thecruxbook.com/&#34;&gt;Richard P. Rumelt&lt;/a&gt; in the example below) typically prefer sleeker, more professional branding with verified credentials, professional profiles, and links to the various places people can buy their books.&lt;/p&gt;
  8361.  
  8362.  
  8363.  
  8364. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;2 – Richard P. Rumelt website homepage&#34; class=&#34;wp-image-3169&#34; height=&#34;414&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2025/04/2-richard-p-rumelt-website-homepage.png?w=660&#34; width=&#34;660&#34; /&gt;&lt;/figure&gt;
  8365.  
  8366.  
  8367.  
  8368. &lt;p&gt;However, for successful author brands, the website design is just the beginning. You need to create an overarching strategy that intersects your unique writing style, genre positioning, and reader relationships. Each element reinforces the others, creating a cohesive identity readers can connect with.&lt;/p&gt;
  8369.  
  8370.  
  8371.  
  8372. &lt;p&gt;To start developing your author brand, follow these practical steps:&lt;/p&gt;
  8373.  
  8374.  
  8375.  
  8376. &lt;ol class=&#34;wp-block-list&#34;&gt;
  8377. &lt;li&gt;Extract core themes from your writing – recurring motifs, values, or perspectives – and incorporate them into your brand identity.&lt;/li&gt;
  8378.  
  8379.  
  8380.  
  8381. &lt;li&gt;Study successful authors in your genre, noting how they position themselves visually and verbally.&lt;/li&gt;
  8382.  
  8383.  
  8384.  
  8385. &lt;li&gt;Design a sustainable engagement strategy across multiple platforms that fits your writing schedule and energy levels.&lt;/li&gt;
  8386.  
  8387.  
  8388.  
  8389. &lt;li&gt;Build recognition through consistent profile management across publishing platforms, social media, and professional networks.&lt;/li&gt;
  8390. &lt;/ol&gt;
  8391.  
  8392.  
  8393.  
  8394. &lt;p&gt;&lt;strong&gt;&lt;img alt=&#34;⚠&#34; class=&#34;wp-smiley&#34; src=&#34;https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/26a0.png&#34; style=&#34;height: 1em;&#34; /&gt;Branding isn&amp;#8217;t about creating a false persona, and authenticity resonates more than perfection.&lt;/strong&gt; Let your unique voice guide your branding decisions, and readers will naturally connect with both you and your work.&lt;/p&gt;
  8395.  
  8396.  
  8397.  
  8398. &lt;h3 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;Storytelling and voice: Making your brand uniquely yours&lt;/strong&gt;&lt;/h3&gt;
  8399.  
  8400.  
  8401.  
  8402. &lt;p&gt;The most effective author brands maintain narrative consistency across all touchpoints – books, newsletters, social media posts, and author interviews. However, being consistent doesn&amp;#8217;t equal being repetitive; it means ensuring your unique perspective shines through everything you create.&lt;/p&gt;
  8403.  
  8404.  
  8405.  
  8406. &lt;p&gt;Now, we know this can sound a bit like a chore, especially if you’re not used to being active online. Still, it’s a necessary one and kind of like an extension of your storytelling abilities – an opportunity to weave your experiences and expertise into every interaction with readers. Your personal anecdotes, thought processes, and distinct point of view are assets that make your brand impossible to duplicate.&lt;/p&gt;
  8407.  
  8408.  
  8409.  
  8410. &lt;p&gt;One of the most common ways for authors to connect with audiences is to share their knowledge through workshops and writing tips, which serve multiple purposes. Not only does teaching help others, but it also positions you as an authority in your genre. A romance novelist hosting dialogue-writing workshops or a mystery author sharing plot-twisting techniques creates value while strengthening their brand identity.&lt;/p&gt;
  8411.  
  8412.  
  8413.  
  8414. &lt;p&gt;And these brand-building activities need not feel forced. The same creativity that fuels your writing can make branding feel like a natural extension of your work rather than a separate marketing task. When your authentic voice remains consistent, readers recognize it instantly, whether in your books or your latest social media update.&lt;/p&gt;
  8415.  
  8416.  
  8417.  
  8418. &lt;h3 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;Visual elements that captivate readers&lt;/strong&gt;&lt;/h3&gt;
  8419.  
  8420.  
  8421.  
  8422. &lt;p&gt;While written content forms the foundation of an author&amp;#8217;s work, visual elements create immediate recognition and emotional connection. Your visual identity – from author photos to website design – communicates volumes before readers encounter a single word you&amp;#8217;ve written.&lt;/p&gt;
  8423.  
  8424.  
  8425.  
  8426. &lt;p&gt;Video content has become particularly powerful for author branding. Maintaining a &lt;a href=&#34;https://www.youtube.com/&#34;&gt;YouTube&lt;/a&gt; channel, like authors &lt;a href=&#34;https://www.youtube.com/@christopher_paolini&#34;&gt;Christopher Paolini&lt;/a&gt; and &lt;a href=&#34;https://www.youtube.com/@XiranJayZhao&#34;&gt;Xiran Jay Zhao&lt;/a&gt; have done, allows readers to connect with your personality beyond the page. &lt;/p&gt;
  8427.  
  8428.  
  8429.  
  8430. &lt;p&gt;They’re also great examples of the different approaches authors can take regarding their content. Christopher’s channel is all centered around his books, especially the Eragon universe, with only his latest video being about keyboards (an author’s best friend). &lt;/p&gt;
  8431.  
  8432.  
  8433.  
  8434. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;3 – Christopher Paolini YouTube channel homepage&#34; class=&#34;wp-image-3170&#34; height=&#34;417&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2025/04/3-christopher-paolini-youtube-channel.png?w=660&#34; width=&#34;660&#34; /&gt;&lt;/figure&gt;
  8435.  
  8436.  
  8437.  
  8438. &lt;p&gt;Xiran, on the other hand, actually built her YouTube audience before she even published her book and got popular by analyzing movies and series that contain Chinese elements and characters (Mulan, Avatar: The Last Airbender, and Turning Red, just to mention a few). &lt;/p&gt;
  8439.  
  8440.  
  8441.  
  8442. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;4 – Xiran Jay Zhao YouTube channel homepage&#34; class=&#34;wp-image-3171&#34; height=&#34;449&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2025/04/4-xiran-jay-zhao-youtube-channel.png?w=660&#34; width=&#34;660&#34; /&gt;&lt;/figure&gt;
  8443.  
  8444.  
  8445.  
  8446. &lt;p&gt;All of this is to say that your channel can be about anything that your audience (and you!) find interesting. This could include book discussions, writing process insights, or behind-the-scenes glimpses of research trips.&lt;/p&gt;
  8447.  
  8448.  
  8449.  
  8450. &lt;p&gt;Beyond YouTube, simple visual consistency across platforms can also dramatically increase recognition. When readers see the same professional headshot, color scheme, and typography across your website, book jackets, and social accounts, they subconsciously register a cohesive brand.&lt;/p&gt;
  8451.  
  8452.  
  8453.  
  8454. &lt;p&gt;Several tools help maintain this visual consistency without requiring graphic design expertise. &lt;a href=&#34;https://gravatar.com/&#34;&gt;Gravatar&lt;/a&gt;, for instance, provides profile management that ensures your image appears consistently across hundreds of websites and platforms. This visual continuity builds recognition while simplifying the technical aspects of maintaining your author brand across the internet.&lt;/p&gt;
  8455.  
  8456.  
  8457.  
  8458. &lt;h2 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;Building a multi-platform author presence&lt;/strong&gt;&lt;/h2&gt;
  8459.  
  8460.  
  8461.  
  8462. &lt;p&gt;Being on multiple platforms is great. It lets you cast a wider net on potential audiences, and it keeps you in the loop. However, there is one drawback – you don’t actually own any of those profiles. If a platform goes down, so does your profile, and while some of them look eternal, none of them are (remember MySpace?). &lt;/p&gt;
  8463.  
  8464.  
  8465.  
  8466. &lt;p&gt;This is why your author website should be the central hub of your online presence – a permanent digital home where readers can find your complete bibliography, background information, upcoming releases, and blog content. Unlike social media platforms that come and go, your website remains under your control, making it an essential foundation for long-term brand building.&lt;/p&gt;
  8467.  
  8468.  
  8469.  
  8470. &lt;p&gt;For authors using &lt;a href=&#34;https://wordpress.org/&#34;&gt;WordPress&lt;/a&gt;, the &lt;a href=&#34;https://blog.gravatar.com/2024/10/23/upgrade-author-profiles-with-the-gravatar-block-for-wordpress/&#34;&gt;Gravatar author block&lt;/a&gt; can automatically sign off blog posts with your profile information, providing consistent branding while boosting your site&amp;#8217;s SEO through proper authorship markup. &lt;/p&gt;
  8471.  
  8472.  
  8473.  
  8474. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;5 – Personalized Gravatar author block for WordPress&#34; class=&#34;wp-image-3172&#34; height=&#34;426&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2025/04/5-gravatar-profile-block-customized.png?w=660&#34; width=&#34;660&#34; /&gt;&lt;/figure&gt;
  8475.  
  8476.  
  8477.  
  8478. &lt;p&gt;This simple implementation helps search engines understand who created the content, potentially improving visibility for your work.&lt;/p&gt;
  8479.  
  8480.  
  8481.  
  8482. &lt;p&gt;Still, you shouldn’t write off other platforms completely, despite their potential brevity. A multi-platform approach allows you to meet readers where they already spend time online, expanding your reach beyond those who actively seek you out.&lt;/p&gt;
  8483.  
  8484.  
  8485.  
  8486. &lt;p&gt;&lt;a href=&#34;https://twitter.com/&#34;&gt;X&lt;/a&gt; (formerly Twitter) has long been a primary platform for authors to share thoughts, engage with readers, and connect with publishing professionals. Now, it is slowly being overtaken by &lt;a href=&#34;https://blog.gravatar.com/2025/02/06/bluesky-handle/&#34;&gt;Bluesky&lt;/a&gt;, and the idea behind it is the same – share immediate thoughts and updates and connect quickly with your readers. &lt;/p&gt;
  8487.  
  8488.  
  8489.  
  8490. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;6 – Raymond E. Feist Bluesky profile&#34; class=&#34;wp-image-3174&#34; height=&#34;509&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2025/04/6-raymond-e-feist-bluesky-profile.png?w=660&#34; width=&#34;660&#34; /&gt;&lt;/figure&gt;
  8491.  
  8492.  
  8493.  
  8494. &lt;p&gt;There are also alternative platforms, which often provide more targeted opportunities to reach specific audiences. &lt;a href=&#34;https://slack.com/&#34;&gt;Slack&lt;/a&gt; and &lt;a href=&#34;https://discord.com/&#34;&gt;Discord&lt;/a&gt; communities dedicated to literature or particular genres are becoming increasingly more popular because they promote safe spaces for meaningful discussion with engaged readers. &lt;/p&gt;
  8495.  
  8496.  
  8497.  
  8498. &lt;p&gt;Technical authors, on the other hand, might find &lt;a href=&#34;https://github.com/&#34;&gt;GitHub&lt;/a&gt; an unexpected but valuable platform for demonstrating expertise and connecting with technically-minded readers. On both platforms, your Gravatar avatar automatically displays, maintaining visual consistency across these diverse spaces.&lt;/p&gt;
  8499.  
  8500.  
  8501.  
  8502. &lt;p&gt;Whatever you chosen bundle of platforms is, &lt;a href=&#34;https://www.optimizely.com/insights/blog/content-repurposing-guide/&#34;&gt;strategic content adaptation&lt;/a&gt; will maximizes the impact of your work across platforms. A blog post can transform into a Twitter thread, newsletter excerpts, &lt;a href=&#34;https://www.instagram.com/&#34;&gt;Instagram&lt;/a&gt; quotes, or discussion topics for online communities – each tailored to the platform&amp;#8217;s format while preserving your distinctive voice and message.&lt;/p&gt;
  8503.  
  8504.  
  8505.  
  8506. &lt;p&gt;This cross-platform presence builds more than just visibility. It establishes trust through verification and consistency. When readers encounter your recognizable branding across multiple channels, their confidence in your authenticity grows, especially when platforms like Gravatar provide verification mechanisms that confirm you are who you claim to be.&lt;/p&gt;
  8507.  
  8508.  
  8509.  
  8510. &lt;h3 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;Streamline your brand management with Gravatar&lt;/strong&gt;&lt;/h3&gt;
  8511.  
  8512.  
  8513.  
  8514. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;7 – Gravatar homepage&#34; class=&#34;wp-image-3175&#34; height=&#34;343&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2025/04/7-gravatar-new-homepage.png?w=660&#34; width=&#34;660&#34; /&gt;&lt;/figure&gt;
  8515.  
  8516.  
  8517.  
  8518. &lt;p&gt;Managing multiple online profiles across various platforms can quickly become overwhelming. Gravatar offers a solution specifically valuable for authors seeking efficient brand management without the administrative headache.&lt;/p&gt;
  8519.  
  8520.  
  8521.  
  8522. &lt;p&gt;A Gravatar profile serves as a &lt;a href=&#34;https://blog.gravatar.com/2024/11/18/create-online-profile/&#34;&gt;centralized online identity hub&lt;/a&gt; where authors can build an authentic digital presence that fosters trust with readers. The platform includes:&lt;/p&gt;
  8523.  
  8524.  
  8525.  
  8526. &lt;ul class=&#34;wp-block-list&#34;&gt;
  8527. &lt;li&gt;Verification badges and the ability to link to your various online profiles, proving you&amp;#8217;re the genuine author behind the work. &lt;/li&gt;
  8528. &lt;/ul&gt;
  8529.  
  8530.  
  8531.  
  8532. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;8 – Verified links in a Gravatar profile&#34; class=&#34;wp-image-3176&#34; height=&#34;478&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2025/04/8-gravatar-profile-verified-accounts-section.png?w=660&#34; width=&#34;660&#34; /&gt;&lt;/figure&gt;
  8533.  
  8534.  
  8535.  
  8536. &lt;ul class=&#34;wp-block-list&#34;&gt;
  8537. &lt;li&gt;The ability to showcase your portfolio directly within your Gravatar profile, making it easy for potential readers to discover your publications with a single click.&lt;/li&gt;
  8538. &lt;/ul&gt;
  8539.  
  8540.  
  8541.  
  8542. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;9 – Portfolio and article links in a Gravatar profile&#34; class=&#34;wp-image-3178&#34; height=&#34;429&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2025/04/9-gravatar-links-feature.png?w=660&#34; width=&#34;660&#34; /&gt;&lt;/figure&gt;
  8543.  
  8544.  
  8545.  
  8546. &lt;ul class=&#34;wp-block-list&#34;&gt;
  8547. &lt;li&gt;Customization options that allow you to tailor your profile to match your author brand&amp;#8217;s visual style. This includes colors, fonts, and imagery that align with your book covers and website design.&lt;/li&gt;
  8548. &lt;/ul&gt;
  8549.  
  8550.  
  8551.  
  8552. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;10 – Personalized Gravatar profile with a custom background, colour palette, and cover photo&#34; class=&#34;wp-image-3179&#34; height=&#34;469&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2025/04/10-profile-design-customization-in-gravatar.png?w=660&#34; width=&#34;660&#34; /&gt;&lt;/figure&gt;
  8553.  
  8554.  
  8555.  
  8556. &lt;ul class=&#34;wp-block-list&#34;&gt;
  8557. &lt;li&gt;Automatic profile syncing – this means that when you update your author photo once, the changes propagate everywhere your Gravatar appears, including WordPress, GitHub, Slack, and hundreds of other platforms. &lt;/li&gt;
  8558.  
  8559.  
  8560.  
  8561. &lt;li&gt;The ability to maintain separate profiles for different genres, pen names, or to separate professional and personal identities – all managed from a single account.&lt;/li&gt;
  8562.  
  8563.  
  8564.  
  8565. &lt;li&gt;A &lt;a href=&#34;https://docs.gravatar.com/2024/05/23/qr-me-this-qr-me-that/&#34;&gt;unique QR code for each profile&lt;/a&gt;, allowing you to instantly connect with people in real-life conversations like conventions, university talks, or other events. Just add the code to your phone wallet, and you’re ready to share your profile!&lt;/li&gt;
  8566. &lt;/ul&gt;
  8567.  
  8568.  
  8569.  
  8570. &lt;figure class=&#34;wp-block-image size-large&#34;&gt;&lt;img alt=&#34;11 – Adding a Gravatar profile QR code to Apple and Google wallet&#34; class=&#34;wp-image-3180&#34; height=&#34;536&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2025/04/11-add-qr-code-to-wallet.png?w=660&#34; width=&#34;660&#34; /&gt;&lt;/figure&gt;
  8571.  
  8572.  
  8573.  
  8574. &lt;h2 class=&#34;wp-block-heading&#34;&gt;&lt;strong&gt;Launch your enhanced author brand today&lt;/strong&gt;&lt;/h2&gt;
  8575.  
  8576.  
  8577.  
  8578. &lt;p&gt;Effective author branding doesn&amp;#8217;t require massive budgets or complex marketing strategies. It&amp;#8217;s about starting small with authentic, consistent efforts that grow over time. Even minor improvements to your online presence can significantly impact how readers perceive and remember your work.&lt;/p&gt;
  8579.  
  8580.  
  8581.  
  8582. &lt;p&gt;Begin by examining authors you admire. Study how they present themselves online – not to copy their style, but to understand what makes their brand effective. Notice how the most memorable author brands maintain consistency across all platforms while allowing their authentic personality to shine through.&lt;/p&gt;
  8583.  
  8584.  
  8585.  
  8586. &lt;p&gt;You should also pay attention to their profile management – the authors whose careers continue to flourish typically maintain consistent, professional images across platforms. This is where tools like Gravatar naturally tie into author branding. By centralizing your profile management, Gravatar helps you maintain a consistent and trusted professional author presence across numerous platforms without the typical administrative burden. &lt;/p&gt;
  8587.  
  8588.  
  8589.  
  8590. &lt;p&gt;Building an authentic author brand takes time, but the first steps are simple. Start today and &lt;a href=&#34;https://gravatar.com/&#34;&gt;create a free Gravatar profile&lt;/a&gt; to begin establishing your consistent online presence.&lt;/p&gt;
  8591.  
  8592.  
  8593.  
  8594. &lt;figure class=&#34;wp-block-image size-full&#34;&gt;&lt;a href=&#34;https://gravatar.com/connect/?gravatar_from=blog&#34;&gt;&lt;img alt=&#34;&#34; class=&#34;wp-image-2616&#34; height=&#34;729&#34; src=&#34;https://blog.gravatar.com/wp-content/uploads/2024/12/free_profile_cta.png&#34; width=&#34;3243&#34; /&gt;&lt;/a&gt;&lt;/figure&gt;</description>
  8595. <pubDate>Fri, 09 May 2025 14:38:33 +0000</pubDate>
  8598. <dc:creator>Ronnie Burt</dc:creator>
  8600. </item>
  8601.  
  8602. <item>
  8603. <title>Felix Arntz: Deploying Your WordPress Plugin’s “Tested Up To” Version Bump in Isolation</title>
  8604. <guid>https://felix-arntz.me/?p=2085</guid>
  8605. <link>https://felix-arntz.me/blog/deploying-your-wordpress-plugins-tested-up-to-version-bump-in-isolation/</link>
  8607. <description>&lt;p&gt;Keeping the &amp;#8220;Tested Up To&amp;#8221; version of your WordPress plugin up-to-date on WordPress.org is crucial for ensuring compatibility and giving your users confidence. However, the process of manually updating this information can be a bit tedious, often involving a new release even if no other code changes are necessary.&lt;/p&gt;
  8608.  
  8609.  
  8610.  
  8611. &lt;p&gt;While there are existing GitHub Actions that can deploy plugin assets to WordPress.org, such as the excellent &lt;a href=&#34;https://www.google.com/search?q=%5Bhttps://github.com/10up/action-wordpress-plugin-asset-update%5D(https://github.com/10up/action-wordpress-plugin-asset-update)&#34;&gt;&lt;code&gt;10up/action-wordpress-plugin-asset-update&lt;/code&gt;&lt;/a&gt;, using them solely for updating the &amp;#8220;Tested Up To&amp;#8221; version without any customization can be less than ideal. You might inadvertently deploy other changes you&amp;#8217;ve made to your &lt;code&gt;readme.txt&lt;/code&gt; file or other assets, even if those weren&amp;#8217;t intended for immediate release. This could lead to unexpected updates on the plugin directory.&lt;/p&gt;
  8612.  
  8613.  
  8614.  
  8615. &lt;p&gt;Imagine you implemented a new plugin feature in your GitHub repository which is not released yet, and you&amp;#8217;ve already included documentation about it in the &lt;code&gt;readme.txt&lt;/code&gt;. You wouldn&amp;#8217;t want that to be deployed by accident when all you want to do is bump the &amp;#8220;Tested Up To&amp;#8221; version.&lt;/p&gt;
  8616.  
  8617.  
  8618.  
  8619. &lt;p&gt;This post highlights a targeted GitHub workflow for exactly this purpose, which allows you to automate the deployment of bumping your WordPress plugin&amp;#8217;s &amp;#8220;Tested Up To&amp;#8221; version in isolation.&lt;/p&gt;
  8620.  
  8621.  
  8622.  
  8623. &lt;span id=&#34;more-2085&#34;&gt;&lt;/span&gt;
  8624.  
  8625.  
  8626.  
  8627. &lt;h2 class=&#34;wp-block-heading&#34;&gt;A More Targeted Approach: Updating Only the &amp;#8220;Tested Up To&amp;#8221; Version&lt;/h2&gt;
  8628.  
  8629.  
  8630.  
  8631. &lt;p&gt;To address this specific need, we need a more targeted solution – one that would update &lt;em&gt;only&lt;/em&gt; the &amp;#8220;Tested Up To&amp;#8221; line in the &lt;code&gt;readme.txt&lt;/code&gt; file on WordPress.org, directly from GitHub, without the risk of deploying any other unintended changes. This should also happen without needing to push a full new release of the plugin.&lt;/p&gt;
  8632.  
  8633.  
  8634.  
  8635. &lt;p&gt;We can still use &lt;a href=&#34;https://www.google.com/search?q=%5Bhttps://github.com/10up/action-wordpress-plugin-asset-update%5D(https://github.com/10up/action-wordpress-plugin-asset-update)&#34;&gt;&lt;code&gt;10up/action-wordpress-plugin-asset-update&lt;/code&gt;&lt;/a&gt; for that workflow, but with some additional tweaks in place.&lt;/p&gt;
  8636.  
  8637.  
  8638.  
  8639. &lt;p&gt;The initial implementation of such a workflow was &lt;a href=&#34;https://github.com/WordPress/performance/pull/1969&#34;&gt;developed in a pull request for the Performance Lab project&lt;/a&gt; &amp;#8211; huge props to &lt;a href=&#34;https://profiles.wordpress.org/shyamgadde/&#34;&gt;Shyamsundar Gadde&lt;/a&gt; for leading that effort. However, given that Performance Lab is a monorepo, that workflow included some specific logic that wouldn&amp;#8217;t be necessary for most standalone WordPress plugin repositories.&lt;/p&gt;
  8640.  
  8641.  
  8642.  
  8643. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Simplified for Your Plugin: Introducing the &lt;code&gt;bump-tested-up-to-dotorg.yml &lt;/code&gt;Workflow&lt;/h2&gt;
  8644.  
  8645.  
  8646.  
  8647. &lt;p&gt;To make this more accessible for everyone, I&amp;#8217;ve simplified the workflow for standard WordPress plugin repositories.&lt;/p&gt;
  8648.  
  8649.  
  8650.  
  8651. &lt;p&gt;The core of this workflow is that it checks out the exact &lt;code&gt;readme.txt&lt;/code&gt; file that is currently live on WordPress.org. It then proceeds to update &lt;em&gt;only&lt;/em&gt; the &amp;#8220;Tested Up To&amp;#8221; entry within that file to reflect the WordPress version specified in your GitHub branch (typically the &lt;code&gt;trunk&lt;/code&gt; or &lt;code&gt;main&lt;/code&gt; branch).&lt;/p&gt;
  8652.  
  8653.  
  8654.  
  8655. &lt;p&gt;The full workflow steps are:&lt;/p&gt;
  8656.  
  8657.  
  8658.  
  8659. &lt;ol class=&#34;wp-block-list&#34;&gt;
  8660. &lt;li&gt;Check out the GitHub repository (as always).&lt;/li&gt;
  8661.  
  8662.  
  8663.  
  8664. &lt;li&gt;Manually download the latest &lt;code&gt;readme.txt&lt;/code&gt; file currently used for your WordPress.org plugin repository.&lt;/li&gt;
  8665.  
  8666.  
  8667.  
  8668. &lt;li&gt;Extract the &amp;#8220;Tested Up To&amp;#8221; version from the GitHub repository&amp;#8217;s &lt;code&gt;readme.txt&lt;/code&gt;.&lt;/li&gt;
  8669.  
  8670.  
  8671.  
  8672. &lt;li&gt;Copy the downloaded &lt;code&gt;readme.txt&lt;/code&gt; to override the GitHub repository&amp;#8217;s &lt;code&gt;readme.txt&lt;/code&gt; in the local checkout, then update the &amp;#8220;Tested Up To&amp;#8221; value with the version determined in the previous step.&lt;/li&gt;
  8673.  
  8674.  
  8675.  
  8676. &lt;li&gt;Deploy the modified &lt;code&gt;readme.txt&lt;/code&gt; (with just the version change) using &lt;a href=&#34;https://www.google.com/search?q=%5Bhttps://github.com/10up/action-wordpress-plugin-asset-update%5D(https://github.com/10up/action-wordpress-plugin-asset-update)&#34;&gt;&lt;code&gt;10up/action-wordpress-plugin-asset-update&lt;/code&gt;&lt;/a&gt;, while ensuring no other possibly modified files are being deployed.
  8677. &lt;ul class=&#34;wp-block-list&#34;&gt;
  8678. &lt;li&gt;Note: No extra check is needed in the workflow for whether the deployment is needed, even if the GitHub repository&amp;#8217;s &amp;#8220;Tested Up To&amp;#8221; version is the same as the one that is already in the WordPress.org repository. That is because the action will automatically skip the deployment if there are no changes.&lt;/li&gt;
  8679. &lt;/ul&gt;
  8680. &lt;/li&gt;
  8681. &lt;/ol&gt;
  8682.  
  8683.  
  8684.  
  8685. &lt;p&gt;Here is the complete workflow file for reference:&lt;/p&gt;
  8686.  
  8687.  
  8688. &lt;pre class=&#34;wp-block-code alignwide&#34;&gt;&lt;span&gt;&lt;code class=&#34;hljs language-yaml&#34;&gt;&lt;span class=&#34;hljs-attr&#34;&gt;name:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;Bump&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;Tested&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;up&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;to&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;on&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;WordPress.org&lt;/span&gt;
  8689.  
  8690. &lt;span class=&#34;hljs-attr&#34;&gt;on:&lt;/span&gt;
  8691.    &lt;span class=&#34;hljs-attr&#34;&gt;workflow_dispatch:&lt;/span&gt;
  8692.  
  8693. &lt;span class=&#34;hljs-attr&#34;&gt;jobs:&lt;/span&gt;
  8694.    &lt;span class=&#34;hljs-attr&#34;&gt;bump-tested-up-to:&lt;/span&gt;
  8695.        &lt;span class=&#34;hljs-attr&#34;&gt;name:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;Bump&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;&#34;Tested up to&#34;&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;version&lt;/span&gt;
  8696.        &lt;span class=&#34;hljs-attr&#34;&gt;runs-on:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;ubuntu-latest&lt;/span&gt;
  8697.        &lt;span class=&#34;hljs-attr&#34;&gt;steps:&lt;/span&gt;
  8698.            &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;name:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;Checkout&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;code&lt;/span&gt;
  8699.              &lt;span class=&#34;hljs-attr&#34;&gt;uses:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;actions/checkout@v4&lt;/span&gt;
  8700.  
  8701.            &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;name:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;Download&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;WordPress.org&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;readme&lt;/span&gt;
  8702.              &lt;span class=&#34;hljs-attr&#34;&gt;env:&lt;/span&gt;
  8703.                  &lt;span class=&#34;hljs-attr&#34;&gt;SLUG:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;${{&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;github.event.repository.name&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;}}&lt;/span&gt;
  8704.              &lt;span class=&#34;hljs-attr&#34;&gt;run:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;|
  8705.                  # Download the current readme.txt from WordPress.org
  8706.                  curl -sSL --retry 3 --retry-delay 5 --retry-all-errors --fail -o /tmp/wp-org-readme.txt &#34;https://plugins.svn.wordpress.org/$SLUG/trunk/readme.txt&#34;
  8707.                  if &amp;#91; $? -ne 0 ]; then
  8708.                    echo &#34;::error::Could not fetch readme.txt from WordPress.org for $SLUG&#34;
  8709.                    exit 1
  8710.                  fi
  8711. &lt;/span&gt;
  8712.            &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;name:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;Extract&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;local&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;&#34;Tested up to&#34;&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;version&lt;/span&gt;
  8713.              &lt;span class=&#34;hljs-attr&#34;&gt;id:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;extract-tested-up-to&lt;/span&gt;
  8714.              &lt;span class=&#34;hljs-attr&#34;&gt;run:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;|
  8715.                  LOCAL_TESTED_UP_TO=$(grep -E &#34;^Tested up to:&#34; &#34;./readme.txt&#34; | awk -F &#39;: +&#39; &#39;{print $2}&#39;)
  8716.                  if &amp;#91; -z &#34;$LOCAL_TESTED_UP_TO&#34; ]; then
  8717.                    echo &#34;::error::Unable to parse local Tested up to version from readme.txt&#34;
  8718.                    exit 1
  8719.                  fi
  8720. &lt;/span&gt;
  8721.                  &lt;span class=&#34;hljs-string&#34;&gt;echo&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;&#34;version=$LOCAL_TESTED_UP_TO&#34;&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;$GITHUB_OUTPUT&lt;/span&gt;
  8722.  
  8723.            &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;name:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;Prepare&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;and&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;update&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;readme.txt&lt;/span&gt;
  8724.              &lt;span class=&#34;hljs-attr&#34;&gt;env:&lt;/span&gt;
  8725.                  &lt;span class=&#34;hljs-attr&#34;&gt;LOCAL_TESTED_UP_TO:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;${{&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;steps.extract-tested-up-to.outputs.version&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;}}&lt;/span&gt;
  8726.              &lt;span class=&#34;hljs-attr&#34;&gt;run:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;|
  8727.                  # Replace local readme.txt with WordPress.org version, updating only the &#34;Tested up to&#34; line.
  8728.                  cp /tmp/wp-org-readme.txt &#34;./readme.txt&#34;
  8729.                  sed -i -E &#39;s/^(Tested up to:&amp;#91;&amp;#91;:space:]]*).+/\1&#39;&#34;$LOCAL_TESTED_UP_TO&#34;&#39;/&#39; &#34;./readme.txt&#34;
  8730. &lt;/span&gt;
  8731.                  &lt;span class=&#34;hljs-comment&#34;&gt;# Show the diff of what&#39;s being updated.&lt;/span&gt;
  8732.                  &lt;span class=&#34;hljs-comment&#34;&gt;# If there is no change, the following deployment step will simply bail, so we don&#39;t need to worry about it.&lt;/span&gt;
  8733.                  &lt;span class=&#34;hljs-string&#34;&gt;echo&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;&#34;Changes made to readme.txt:&#34;&lt;/span&gt;
  8734.                  &lt;span class=&#34;hljs-string&#34;&gt;diff&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;-u&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;/tmp/wp-org-readme.txt&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;&#34;./readme.txt&#34;&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;||&lt;/span&gt; &lt;span class=&#34;hljs-literal&#34;&gt;true&lt;/span&gt;
  8735.  
  8736.            &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-attr&#34;&gt;name:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;Deploy&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;readme.txt&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;to&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;WordPress.org&lt;/span&gt;
  8737.              &lt;span class=&#34;hljs-attr&#34;&gt;uses:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;10up/action-wordpress-plugin-asset-update@stable&lt;/span&gt;
  8738.              &lt;span class=&#34;hljs-attr&#34;&gt;env:&lt;/span&gt;
  8739.                  &lt;span class=&#34;hljs-attr&#34;&gt;SVN_PASSWORD:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;${{&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;secrets.SVN_PASSWORD&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;}}&lt;/span&gt;
  8740.                  &lt;span class=&#34;hljs-attr&#34;&gt;SVN_USERNAME:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;${{&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;secrets.SVN_USERNAME&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;}}&lt;/span&gt;
  8741.                  &lt;span class=&#34;hljs-attr&#34;&gt;SLUG:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;${{&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;github.event.repository.name&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;}}&lt;/span&gt;
  8742.                  &lt;span class=&#34;hljs-attr&#34;&gt;SKIP_ASSETS:&lt;/span&gt; &lt;span class=&#34;hljs-literal&#34;&gt;true&lt;/span&gt;
  8743.                  &lt;span class=&#34;hljs-attr&#34;&gt;IGNORE_OTHER_FILES:&lt;/span&gt; &lt;span class=&#34;hljs-literal&#34;&gt;true&lt;/span&gt;&lt;/code&gt;&lt;/span&gt;&lt;/pre&gt;
  8744.  
  8745.  
  8746. &lt;p&gt;I&amp;#8217;m already using this in my &lt;a href=&#34;https://wordpress.org/plugins/ai-services/&#34;&gt;AI Services plugin&lt;/a&gt;, and you can see the workflow in action here: &lt;a href=&#34;https://github.com/felixarntz/ai-services/blob/main/.github/workflows/bump-tested-up-to-dotorg.yml&#34;&gt;https://github.com/felixarntz/ai-services/blob/main/.github/workflows/bump-tested-up-to-dotorg.yml&lt;/a&gt;.&lt;/p&gt;
  8747.  
  8748.  
  8749.  
  8750. &lt;h2 class=&#34;wp-block-heading&#34;&gt;Easy to Adopt: Just Copy and Paste&lt;/h2&gt;
  8751.  
  8752.  
  8753.  
  8754. &lt;p&gt;The code for this workflow is entirely self-contained and not tied to the AI Services plugin in any way. You can simply copy and paste the contents of the &lt;code&gt;bump-tested-up-to-dotorg.yml&lt;/code&gt; file from above or from the AI Services repository into your own WordPress plugin&amp;#8217;s GitHub repository (under &lt;code&gt;.github/workflows/&lt;/code&gt;).&lt;/p&gt;
  8755.  
  8756.  
  8757.  
  8758. &lt;p&gt;To use the workflow, you can simply dispatch it manually whenever you want to bump the &amp;#8220;Tested Up To&amp;#8221; version, by navigating to &lt;code&gt;https://github.com/USERNAME/REPOSITORY/actions/workflows/bump-tested-up-to-dotorg.yml&lt;/code&gt; and selecting &amp;#8220;Run workflow&amp;#8221;.&lt;/p&gt;
  8759.  
  8760.  
  8761.  
  8762. &lt;p&gt;By using this GitHub workflow, you can ensure that your plugin&amp;#8217;s &amp;#8220;Tested Up To&amp;#8221; version is always current without the need for a full release cycle or the risk of accidentally deploying other changes. This is a small automation that can save you time and potential headaches.&lt;/p&gt;
  8763.  
  8764.  
  8765.  
  8766. &lt;p&gt;I hope you find this workflow useful for your own WordPress plugin maintenance! Feel free to take a look at the implementation and use it in your own plugin as is, or adapt it to your needs. If you have any feedback or suggestions for improvement, I&amp;#8217;d love to hear them.&lt;/p&gt;
  8767. &lt;p&gt;The post &lt;a href=&#34;https://felix-arntz.me/blog/deploying-your-wordpress-plugins-tested-up-to-version-bump-in-isolation/&#34;&gt;Deploying Your WordPress Plugin&amp;#8217;s &amp;#8220;Tested Up To&amp;#8221; Version Bump in Isolation&lt;/a&gt; appeared first on &lt;a href=&#34;https://felix-arntz.me&#34;&gt;felix-arntz.me&lt;/a&gt;.&lt;/p&gt;</description>
  8768. <pubDate>Thu, 08 May 2025 14:01:41 +0000</pubDate>
  8771. <dc:creator>Felix</dc:creator>
  8773. </item>
  8774.  
  8775. <item>
  8776. <title>Do The Woo Community: Bits and Pieces of the Channel with BobWP</title>
  8777. <guid>https://openchannels.fm/?p=96788</guid>
  8778. <link>https://openchannels.fm/bits-and-pieces-of-the-channel-with-bobwp/</link>
  8780. <description>In this episode, Bob discusses updates for WordCamp Europe, including minor show name changes, a new host announcement, and the relocation of daily posts to his personal blog.</description>
  8781. <pubDate>Thu, 08 May 2025 13:46:47 +0000</pubDate>
  8784. <dc:creator>Bob Dunn</dc:creator>
  8786. </item>
  8787.  
  8788. <item>
  8789. <title>Do The Woo Community: Daily Posts Packing Up and Taking a Trip</title>
  8790. <guid>https://openchannels.fm/?post_type=blog&amp;p=96776</guid>
  8791. <link>https://openchannels.fm/daily-posts-packing-up-and-taking-a-trip/</link>
  8793. <description>Taking a break on these posts for a couple of reasons.</description>
  8794. <pubDate>Thu, 08 May 2025 08:34:29 +0000</pubDate>
  8797. <dc:creator>Bob Dunn</dc:creator>
  8799. </item>
  8800.  
  8801.  
  8802. </channel>
  8803. </rss>

If you would like to create a banner that links to this page (i.e. this validation result), do the following:

  1. Download the "valid RSS" banner.

  2. Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)

  3. Add this HTML to your page (change the image src attribute if necessary):

If you would like to create a text link instead, here is the URL you can use:

http://www.feedvalidator.org/check.cgi?url=http%3A//planet.wordpress.org/feed/

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda