FEED Validator

for Atom and RSS and KML

Congratulations!

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.

line 76, column 0: content:encoded should not contain data-attachment-id attribute (71 occurrences) [help]
line 76, column 0: content:encoded should not contain data-permalink attribute (71 occurrences) [help]
line 76, column 0: content:encoded should not contain data-orig-file attribute (71 occurrences) [help]
line 76, column 0: content:encoded should not contain data-orig-size attribute (71 occurrences) [help]
line 76, column 0: content:encoded should not contain data-comments-opened attribute (71 occurrences) [help]
line 76, column 0: content:encoded should not contain data-image-meta attribute (71 occurrences) [help]
line 76, column 0: content:encoded should not contain data-image-title attribute (71 occurrences) [help]
line 76, column 0: content:encoded should not contain data-image-description attribute (71 occurrences) [help]
line 76, column 0: content:encoded should not contain data-image-caption attribute (71 occurrences) [help]
line 76, column 0: content:encoded should not contain data-medium-file attribute (71 occurrences) [help]
line 76, column 0: content:encoded should not contain data-large-file attribute (71 occurrences) [help]
line 76, column 0: style attribute contains potentially dangerous content: box-shadow:var(--wp--preset--shadow--natural) (58 occurrences) [help]
line 76, column 0: content:encoded should not contain sizes attribute (62 occurrences) [help]
line 148, column 0: content:encoded should not contain loading attribute (59 occurrences) [help]
line 895, column 0: Non-html tag: mark (19 occurrences) [help]
line 1900, column 0: content:encoded should not contain iframe tag (7 occurrences) [help]
```
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-emb ...
```
line 2003, column 0: content:encoded should not contain script tag (5 occurrences) [help]
```
<figure class="wp-block-video wp-block-embed is-type-video is-provider-video ...
```
line 2012, column 0: content:encoded should not contain data-carousel-extra attribute (3 occurrences) [help]
line 2013, column 0: content:encoded should not contain data-wp-context attribute (9 occurrences) [help]
```
<figure data-carousel-extra='{"blog_id":3584907,"permalink":"https:\/\/wordp ...
```
line 2013, column 0: content:encoded should not contain data-wp-interactive attribute (9 occurrences) [help]
```
<figure data-carousel-extra='{"blog_id":3584907,"permalink":"https:\/\/wordp ...
```
line 2013, column 0: content:encoded should not contain data-wp-class--hide attribute (9 occurrences) [help]
```
<figure data-carousel-extra='{"blog_id":3584907,"permalink":"https:\/\/wordp ...
```
line 2013, column 0: content:encoded should not contain data-wp-class--show attribute (9 occurrences) [help]
```
<figure data-carousel-extra='{"blog_id":3584907,"permalink":"https:\/\/wordp ...
```
line 2013, column 0: content:encoded should not contain data-wp-init attribute (18 occurrences) [help]
```
<figure data-carousel-extra='{"blog_id":3584907,"permalink":"https:\/\/wordp ...
```
line 2013, column 0: content:encoded should not contain data-wp-on-async--click attribute (18 occurrences) [help]
```
<figure data-carousel-extra='{"blog_id":3584907,"permalink":"https:\/\/wordp ...
```
line 2013, column 0: content:encoded should not contain data-wp-on-async--load attribute (9 occurrences) [help]
```
<figure data-carousel-extra='{"blog_id":3584907,"permalink":"https:\/\/wordp ...
```
line 2013, column 0: content:encoded should not contain data-wp-on-async-window--resize attribute (9 occurrences) [help]
```
<figure data-carousel-extra='{"blog_id":3584907,"permalink":"https:\/\/wordp ...
```
line 2013, column 0: content:encoded should not contain data-id attribute (9 occurrences) [help]
```
<figure data-carousel-extra='{"blog_id":3584907,"permalink":"https:\/\/wordp ...
```
line 2013, column 0: content:encoded should not contain aria-haspopup attribute (9 occurrences) [help]
```
<figure data-carousel-extra='{"blog_id":3584907,"permalink":"https:\/\/wordp ...
```
line 2013, column 0: content:encoded should not contain aria-label attribute (9 occurrences) [help]
```
<figure data-carousel-extra='{"blog_id":3584907,"permalink":"https:\/\/wordp ...
```
line 2013, column 0: content:encoded should not contain data-wp-style--right attribute (9 occurrences) [help]
```
<figure data-carousel-extra='{"blog_id":3584907,"permalink":"https:\/\/wordp ...
```
line 2013, column 0: content:encoded should not contain data-wp-style--top attribute (9 occurrences) [help]
```
<figure data-carousel-extra='{"blog_id":3584907,"permalink":"https:\/\/wordp ...
```
line 2524, column 0: content:encoded should not contain aria-hidden attribute [help]

Source: http://en.blog.wordpress.com/feed/

<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
>
<channel>
<title>WordPress.com News</title>
<atom:link href="https://wordpress.com/blog/feed/" rel="self" type="application/rss+xml" />
<link>https://wordpress.com/blog</link>
<description>The latest news on WordPress.com and the WordPress community.</description>
<lastBuildDate>Tue, 28 Oct 2025 22:03:53 +0000</lastBuildDate>
<language>en</language>
<sy:updatePeriod>
hourly </sy:updatePeriod>
<sy:updateFrequency>
1 </sy:updateFrequency>
<generator>http://wordpress.com/</generator>
<cloud domain='wordpress.com' port='80' path='/blog/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
<url>https://s0.wp.com/i/buttonw-com.png</url>
<title>WordPress.com News</title>
<link>https://wordpress.com/blog</link>
</image>
<atom:link rel="search" type="application/opensearchdescription+xml" href="https://wordpress.com/blog/osd.xml" title="WordPress.com News" />
<atom:link rel='hub' href='https://wordpress.com/blog/?pushpress=hub'/>
<item>
<title>11 Delicious Food Blog Examples (And How to Follow Their Lead)</title>
<link>https://wordpress.com/blog/2025/10/28/food-blog-examples/</link>
<comments>https://wordpress.com/blog/2025/10/28/food-blog-examples/#comments</comments>
<dc:creator><![CDATA[Amanda Coopersmith]]></dc:creator>
<pubDate>Tue, 28 Oct 2025 15:00:00 +0000</pubDate>
<category><![CDATA[Tips and Tutorials]]></category>
<category><![CDATA[blogging]]></category>
<category><![CDATA[dotblog]]></category>
<guid isPermaLink="false">http://en.blog.wordpress.com/?p=81391</guid>
<description><![CDATA[Dreaming of launching your own food blog? These 11 delicious examples show how to design, organize, and grow a mouthwatering WordPress food blog. ]]></description>
<content:encoded><![CDATA[
<p>When it comes to starting a food blog, there are lots of decisions to make. </p>
<p>The good news is that you don’t need to start completely from scratch: just like with recipes, it’s completely natural to browse other blogs for ideas, fork what’s working, and add your own unique spin for a blog that perfectly matches your tastes.</p>
<p>In that spirit, we’ve compiled a list of 11 unique food blogs to help you get cooking on your very own food blog. </p>
<p class="has-primary-light-background-color has-background">Many of these blogs use affordable .blog domains, which <a href="https://my.blog/about-knock-knock-whois-there/">are managed by WordPress.com’s parent company, Automattic.</a> You can buy .blog domains from other providers. But they are still managed right here by our team, so we recommend you buy your .blog at the source to avoid upcharges!</p>
<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-749adb30 wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-50 btn-primary text-color-white"><a class="wp-block-button__link wp-element-button" href="https://my.blog/search/">Find my .blog</a></div>
</div>
<h2 class="wp-block-heading">1. Munchin’ With Maddie</h2>
<ul class="wp-block-list">
<li><strong>Theme: </strong><a href="https://tinysalt.loftocean.com/">Tiny Salt</a></li>
</ul>
<figure class="wp-block-image size-large"><img data-attachment-id="81431" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/munchinwithmaddie-2/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/munchinwithmaddie-1.png" data-orig-size="1400,704" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="munchinwithmaddie" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/munchinwithmaddie-1.png?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/munchinwithmaddie-1.png?w=1024" width="1024" height="514" src="https://en-blog.files.wordpress.com/2025/10/munchinwithmaddie-1.png?w=1024" alt="Munchin’ With Maddie - food blog example" class="wp-image-81431" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/munchinwithmaddie-1.png?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/munchinwithmaddie-1.png?w=150 150w, https://en-blog.files.wordpress.com/2025/10/munchinwithmaddie-1.png?w=300 300w, https://en-blog.files.wordpress.com/2025/10/munchinwithmaddie-1.png?w=768 768w, https://en-blog.files.wordpress.com/2025/10/munchinwithmaddie-1.png 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p><a href="https://munchinwithmaddie.blog/">Munchin’ with Maddie</a> is a “feel-good food” site with plenty of recipes to fit a variety of specialty diets, including gluten-free, sugar-free, paleo, and vegan recipes. </p>
<p>This blog is photo-forward, with gorgeous food and process photos in addition to simple recipe blurbs. </p>
<p>Maddie organizes her recipes both by “course” (breakfast, lunch, dinner, and dessert) and diet type, giving readers multiple ways to search depending on their needs. </p>
<p>We also love her use of a “what’s special” box at the top of each recipe, telling readers what makes this recipe great in one quick line!</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81432" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/maddie-whats-special-2/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/maddie-whats-special-1.png" data-orig-size="1400,558" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="maddie whats special" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/maddie-whats-special-1.png?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/maddie-whats-special-1.png?w=1024" width="1024" height="408" src="https://en-blog.files.wordpress.com/2025/10/maddie-whats-special-1.png?w=1024" alt="Munchin’ With Maddie - "What's special" box" class="wp-image-81432" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/maddie-whats-special-1.png?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/maddie-whats-special-1.png?w=150 150w, https://en-blog.files.wordpress.com/2025/10/maddie-whats-special-1.png?w=300 300w, https://en-blog.files.wordpress.com/2025/10/maddie-whats-special-1.png?w=768 768w, https://en-blog.files.wordpress.com/2025/10/maddie-whats-special-1.png 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<h3 class="wp-block-heading">Take a page from Maddie’s cookbook</h3>
<ul class="wp-block-list">
<li><strong>Use a Recipe Plugin:</strong> To achieve that professional recipe site feel, Munchin’ With Maddie uses a plugin called <a href="https://wordpress.org/plugins/wp-recipe-maker/">WP Recipe Maker</a>, a WordPress plugin designed specifically for recipe sites. This plugin adds recipe blocks to the WordPress drag-and-drop blog editor so that you can easily add step-by-step directions, shoppable ingredient blocks, videos, and buttons to jump to or print recipes. </li>
</ul>
<ul class="wp-block-list">
<li><strong>Divide your content into categories: </strong>Follow Maddie’s lead and create relevant content <a href="https://wordpress.com/support/posts/categories/">categories</a> for your site. Like Maddie, you should take some time to consider what overarching categories will be most relevant across your recipes/content and create a simple schema that is intuitive to your readers. </li>
</ul>
<ul class="wp-block-list">
<li><strong>Get this theme: </strong>Love Maddie’s look? This website uses the <a href="https://tinysalt.loftocean.com/">Tiny Salt</a> theme, a third-party theme. <a href="http://wordpress.com">WordPress.com</a> <a href="https://wordpress.com/plans">Business plan</a> and above users can buy and customize this theme. Or, check out <a href="http://wordpress.com">WordPress.com</a>’s huge library of food themes, available to all <a href="http://wordpress.com">WordPress.com</a> users on the <a href="https://wordpress.com/plans">Personal plan</a> and above.</li>
</ul>
<h2 class="wp-block-heading"> 2. Flavoury</h2>
<ul class="wp-block-list">
<li><strong>Theme: </strong><a href="https://tinysalt.loftocean.com/">Tiny Salt</a></li>
</ul>
<figure class="wp-block-image size-large"><img data-attachment-id="81433" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/flavoury/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/flavoury.png" data-orig-size="1400,703" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Flavoury" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/flavoury.png?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/flavoury.png?w=1024" width="1024" height="514" src="https://en-blog.files.wordpress.com/2025/10/flavoury.png?w=1024" alt="Flavoury food blog example" class="wp-image-81433" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/flavoury.png?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/flavoury.png?w=150 150w, https://en-blog.files.wordpress.com/2025/10/flavoury.png?w=300 300w, https://en-blog.files.wordpress.com/2025/10/flavoury.png?w=768 768w, https://en-blog.files.wordpress.com/2025/10/flavoury.png 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p><a href="https://www.flavoury.blog/">Flavoury</a> is a fully vegetarian recipe site created by Marvin, a freelance editor, hobby cook, and aspiring vegetarian. </p>
<p>While this site is recipe-focused, Flavoury addresses common questions at the end of each recipe post. </p>
<p>He covers topics like how to adapt the recipe for specific diets, sharing related recipes in the archive, and discussing the pros and cons of different ingredients. <br></p>
<figure class="wp-block-image size-large"><img data-attachment-id="81451" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/flavoury-blog-layout/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/flavoury-blog-layout.jpg" data-orig-size="2400,1388" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Flavoury blog layout" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/flavoury-blog-layout.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/flavoury-blog-layout.jpg?w=1024" loading="lazy" width="1024" height="592" src="https://en-blog.files.wordpress.com/2025/10/flavoury-blog-layout.jpg?w=1024" alt="Flavoury food blog layout" class="wp-image-81451" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/flavoury-blog-layout.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/flavoury-blog-layout.jpg?w=2048 2048w, https://en-blog.files.wordpress.com/2025/10/flavoury-blog-layout.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/flavoury-blog-layout.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/flavoury-blog-layout.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/flavoury-blog-layout.jpg?w=1440 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>Like Munchin’ with Maddie, Flavoury also uses the <a href="https://tinysalt.loftocean.com/">Tiny Salt</a> WP Theme and the <a href="https://wordpress.org/plugins/wp-recipe-maker/">WP Recipe Maker plugin</a>.</p>
<p>You can see how different color palettes, fonts, and varying uses of drag-and-drop page elements make these two sites visually distinct.</p>
<h3 class="wp-block-heading">Take a page from Flavoury’s cookbook</h3>
<ul class="wp-block-list">
<li><strong>Add a Newsletter block: </strong>Flavoury includes a newsletter signup at the bottom of each recipe post, making it easy for readers to subscribe while they’re already engaged. Adding the option to <a href="https://wordpress.com/support/newsletter/">subscribe to a newsletter</a> at strategic places across your site increases the odds that readers will continue engaging with your content.</li>
</ul>
<ul class="wp-block-list">
<li><strong>Engage your readers through comments: </strong>At the end of each post, Flavoury poses a question to its readers, encouraging them to comment and engage with the recipe and content. <a href="https://wordpress.com/support/comments">Enabling commenting</a> and posing direct questions to your readers can help you build an active and dedicated community.</li>
</ul>
<h2 class="wp-block-heading">3. A Hundred Years Ago</h2>
<ul class="wp-block-list">
<li><strong>Theme: </strong>Custom</li>
</ul>
<figure class="wp-block-image size-large"><img data-attachment-id="81435" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/a-hundred-years-ago/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago.png" data-orig-size="1400,664" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="A hundred years ago" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago.png?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago.png?w=1024" loading="lazy" width="1024" height="485" src="https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago.png?w=1024" alt="A Hundred Years Ago - a food blog example" class="wp-image-81435" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago.png?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago.png?w=150 150w, https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago.png?w=300 300w, https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago.png?w=768 768w, https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago.png 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p><a href="https://ahundredyearsago.com/">A Hundred Years Ago</a> is a unique project bringing recipes from the early 1900s to modern cooks. </p>
<p>Each week, Sheryl photocopies a “new” 100-year-old recipe from an old cookbook and discusses terms and verbiage that may be unfamiliar today. </p>
<p>At the bottom of each post, she translates the original recipe into a modernized version for today’s chefs.</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81452" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/a-hundred-years-ago-food-example-modernized-recipe/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago-food-example-modernized-recipe.jpg" data-orig-size="1130,1192" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="A Hundred Years Ago food example – modernized recipe" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago-food-example-modernized-recipe.jpg?w=284" data-large-file="https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago-food-example-modernized-recipe.jpg?w=971" loading="lazy" width="971" height="1024" src="https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago-food-example-modernized-recipe.jpg?w=971" alt="A Hundred Years Ago - a recipe example" class="wp-image-81452" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago-food-example-modernized-recipe.jpg?w=971 971w, https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago-food-example-modernized-recipe.jpg?w=142 142w, https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago-food-example-modernized-recipe.jpg?w=284 284w, https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago-food-example-modernized-recipe.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago-food-example-modernized-recipe.jpg 1130w" sizes="(max-width: 971px) 100vw, 971px" /></figure>
<h3 class="wp-block-heading">Take a page from Sheryl’s cookbook</h3>
<ul class="wp-block-list">
<li><strong>Make something old new again:</strong> Part of what makes A Hundred Years Ago so successful is that it archives and digitizes recipes and cookbooks that are likely not online elsewhere. An archival focus can help your blog stand out in this highly digitized space and guide content creation. </li>
</ul>
<ul class="wp-block-list">
<li><strong>Keep a content schedule: </strong>Posting on a regular cadence can help keep your audience engaged and keep you accountable. For example, in addition to a weekly recipe every Sunday, Sheryl posts more general musings about food from the early 1900s each Thursday.</li>
</ul>
<h2 class="wp-block-heading">4. Smitten Kitchen</h2>
<ul class="wp-block-list">
<li><strong>Theme:</strong> Custom </li>
</ul>
<figure class="wp-block-image size-large"><img data-attachment-id="81436" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/smitten-kitchen/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/smitten-kitchen.png" data-orig-size="1400,700" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="smitten kitchen" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/smitten-kitchen.png?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/smitten-kitchen.png?w=1024" loading="lazy" width="1024" height="512" src="https://en-blog.files.wordpress.com/2025/10/smitten-kitchen.png?w=1024" alt="Smitten Kitchen - a food blog example" class="wp-image-81436" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/smitten-kitchen.png?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/smitten-kitchen.png?w=150 150w, https://en-blog.files.wordpress.com/2025/10/smitten-kitchen.png?w=300 300w, https://en-blog.files.wordpress.com/2025/10/smitten-kitchen.png?w=768 768w, https://en-blog.files.wordpress.com/2025/10/smitten-kitchen.png 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>Deb from <a href="https://smittenkitchen.com/">Smitten Kitchen</a> has spent the last 16 years capturing hearts (and stomachs) from her tiny New York City kitchen. </p>
<p>Today, Smitten Kitchen is a bona fide food media empire, with NYT bestselling books, food show appearances, and branded tools (goals!). </p>
<p>Despite Deb’s growing online presence, she still keeps things warm, fuss-free, and casual.</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81453" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/smitten-kitchen-food-blog-post-example/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/smitten-kitchen-food-blog-post-example.jpg" data-orig-size="1416,1172" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Smitten Kitchen food blog – post example" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/smitten-kitchen-food-blog-post-example.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/smitten-kitchen-food-blog-post-example.jpg?w=1024" loading="lazy" width="1024" height="847" src="https://en-blog.files.wordpress.com/2025/10/smitten-kitchen-food-blog-post-example.jpg?w=1024" alt="Smitten Kitchen - a recipe example" class="wp-image-81453" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/smitten-kitchen-food-blog-post-example.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/smitten-kitchen-food-blog-post-example.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/smitten-kitchen-food-blog-post-example.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/smitten-kitchen-food-blog-post-example.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/smitten-kitchen-food-blog-post-example.jpg 1416w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<h3 class="wp-block-heading">Take a page from Deb’s cookbook</h3>
<ul class="wp-block-list">
<li><strong>Utilize tags: </strong>While categories can be used to organize your content into a simple, manageable system, <a href="https://wordpress.com/support/posts/tags/">tags</a> offer a more free-flowing method. Smitten Kitchen uses tags for cuisine regions, common ingredients, occasions, seasons, and more. It’s a good rule of thumb to start tagging from your first post, so that by the time you have a huge collection like Smitten Kitchen, it’s easy for readers to find exactly what they’re looking for.</li>
</ul>
<ul class="wp-block-list">
<li><strong>Add process videos: </strong>A photo is worth a thousand words, but when it comes to cooking, a video can be especially helpful. You can upload video content and <a href="https://wordpress.com/support/wordpress-editor/blocks/embed-block/">embed YouTube and Vimeo videos</a> directly on your WordPress site. Or, if you are on the <a href="http://wordpress.com/plans">Premium plan</a> and above, you can <a href="https://wordpress.com/support/wordpress-editor/blocks/video-block/">host 4k videos directly</a> on WordPress. </li>
</ul>
<h2 class="wp-block-heading">5. Bread.blog</h2>
<ul class="wp-block-list">
<li><strong>Theme:</strong> <a href="https://themeforest.net/user/themeskingdom">Huntt</a></li>
</ul>
<figure class="wp-block-image size-large"><img data-attachment-id="81438" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/bread-blog/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/bread.blog_.png" data-orig-size="1400,697" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="bread.blog" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/bread.blog_.png?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/bread.blog_.png?w=1024" loading="lazy" width="1024" height="509" src="https://en-blog.files.wordpress.com/2025/10/bread.blog_.png?w=1024" alt="Bread.blog - food blog example" class="wp-image-81438" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/bread.blog_.png?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/bread.blog_.png?w=150 150w, https://en-blog.files.wordpress.com/2025/10/bread.blog_.png?w=300 300w, https://en-blog.files.wordpress.com/2025/10/bread.blog_.png?w=768 768w, https://en-blog.files.wordpress.com/2025/10/bread.blog_.png 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>Professional baker Karen Man’s <a href="https://bread.blog/">Bread.blog</a> is an ode to breadmaking and bread eating. </p>
<p>This blog only has a small collection of staple recipes, and Man notes the site is not to be a recipe center, but rather “to give pause and allow for space to lead from your own intuition.” </p>
<p>Bread.blog is a quirky collection, focusing on both aspects of the craft alongside bread-related musings, photos, and even a few Spotify playlists <a href="https://bread.blog/playlist-bread-baking-side-a/">like this one</a>. </p>
<p>While Bread.blog is text-heavy, Man mixes whimsy and mindfulness into her posts, reminding readers to breathe and set intentions as they start the journey of breadmaking.</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81455" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/bread-blog-food-blog-post-example/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/bread.blog-food-blog-post-example.jpg" data-orig-size="2200,1374" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Bread.blog food blog post example" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/bread.blog-food-blog-post-example.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/bread.blog-food-blog-post-example.jpg?w=1024" loading="lazy" width="1024" height="639" src="https://en-blog.files.wordpress.com/2025/10/bread.blog-food-blog-post-example.jpg?w=1024" alt="Bread.blog - recipe example" class="wp-image-81455" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/bread.blog-food-blog-post-example.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/bread.blog-food-blog-post-example.jpg?w=2048 2048w, https://en-blog.files.wordpress.com/2025/10/bread.blog-food-blog-post-example.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/bread.blog-food-blog-post-example.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/bread.blog-food-blog-post-example.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/bread.blog-food-blog-post-example.jpg?w=1440 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<h3 class="wp-block-heading">Take a page from Bread.blog’s cookbook</h3>
<ul class="wp-block-list">
<li><strong>Pick a hyper-specific niche:</strong> Part of what makes Bread.blog’s variety of posts cohesive is its hyperfocus: the unique combination of “bread+mindfulness” and Man’s engaging writing style makes this seemingly random group of posts (a picture of buttered toast or a hip-hop heavy playlist for breadmaking) feel curated.</li>
</ul>
<ul class="wp-block-list">
<li><strong>Add an equipment list: </strong>We love Karen’s <a href="https://bread.blog/baking-equipment/">baking equipment</a> page, which allows readers to outfit their kitchen with professional-approved baking gear. Blog-approved gear can be a great opportunity to use affiliate links to make commissions on products and ingredients.</li>
</ul>
<ul class="wp-block-list">
<li><strong>Get this theme:</strong> If you love the style of Bread.blog, and you’re a <a href="http://wordpress.com">WordPress.com</a> user on the <a href="https://wordpress.com/plans">Business plan</a> or above, check out the <a href="https://themeforest.net/user/themeskingdom">Huntt</a> theme! Or, explore our huge library of <a href="https://wordpress.com/themes/all?s=food">food-specific blog themes</a> to find your perfect aesthetic. </li>
</ul>
<h2 class="wp-block-heading">6. Broma Bakery</h2>
<ul class="wp-block-list">
<li><strong>Theme: </strong>Custom</li>
</ul>
<figure class="wp-block-image size-large"><img data-attachment-id="81441" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/broma-bakery-2/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/broma-bakery-1.png" data-orig-size="1400,700" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="broma bakery" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/broma-bakery-1.png?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/broma-bakery-1.png?w=1024" loading="lazy" width="1024" height="512" src="https://en-blog.files.wordpress.com/2025/10/broma-bakery-1.png?w=1024" alt="Broma Bakery - food blog example" class="wp-image-81441" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/broma-bakery-1.png?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/broma-bakery-1.png?w=150 150w, https://en-blog.files.wordpress.com/2025/10/broma-bakery-1.png?w=300 300w, https://en-blog.files.wordpress.com/2025/10/broma-bakery-1.png?w=768 768w, https://en-blog.files.wordpress.com/2025/10/broma-bakery-1.png 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p><a href="https://bromabakery.com/">Broma Bakery</a> is a dessert lover’s paradise, featuring indulgent treats from cookies and cakes to seasonal baked goods. </p>
<p>The site’s clean, modern design puts the focus on beautiful sweets, with detailed instructions and tons of process photos that help home bakers bake with confidence. </p>
<figure class="wp-block-image size-large"><img data-attachment-id="81456" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/broma-bakery-food-blog-layout-example/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/broma-bakery-food-blog-layout-example.jpg" data-orig-size="2248,1172" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Broma Bakery food blog layout example" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/broma-bakery-food-blog-layout-example.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/broma-bakery-food-blog-layout-example.jpg?w=1024" loading="lazy" width="1024" height="533" src="https://en-blog.files.wordpress.com/2025/10/broma-bakery-food-blog-layout-example.jpg?w=1024" alt="Broma Bakery - blog layout " class="wp-image-81456" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/broma-bakery-food-blog-layout-example.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/broma-bakery-food-blog-layout-example.jpg?w=2048 2048w, https://en-blog.files.wordpress.com/2025/10/broma-bakery-food-blog-layout-example.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/broma-bakery-food-blog-layout-example.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/broma-bakery-food-blog-layout-example.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/broma-bakery-food-blog-layout-example.jpg?w=1440 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<h3 class="wp-block-heading">Take a page from Broma’s cookbook</h3>
<ul class="wp-block-list">
<li><strong>Add a robust search option: </strong>Broma Bakery includes a search function in its header, making it easy for readers to find recipes. Broma uses a plugin called <a href="http://slickstream.com">Slickstream</a> to offer suggestions to searchers, like related and trending recipes. </li>
</ul>
<ul class="wp-block-list">
<li><strong>Create weekly menus: </strong>Broma’s weekly dessert menu is a clever way to encourage readers to keep baking (and engaging!) daily. Regardless of the type of food you offer, finding ways to keep readers coming back is paramount for blogging success.</li>
</ul>
<h2 class="wp-block-heading">7. Bruno Barbieri</h2>
<ul class="wp-block-list">
<li><strong>Theme:</strong> Custom </li>
</ul>
<figure class="wp-block-image size-large"><img data-attachment-id="81442" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/bruno-barbieri/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/bruno-barbieri.png" data-orig-size="1400,788" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Bruno Barbieri" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/bruno-barbieri.png?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/bruno-barbieri.png?w=1024" loading="lazy" width="1024" height="576" src="https://en-blog.files.wordpress.com/2025/10/bruno-barbieri.png?w=1024" alt="Bruno Barbieri - food blog example" class="wp-image-81442" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/bruno-barbieri.png?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/bruno-barbieri.png?w=150 150w, https://en-blog.files.wordpress.com/2025/10/bruno-barbieri.png?w=300 300w, https://en-blog.files.wordpress.com/2025/10/bruno-barbieri.png?w=768 768w, https://en-blog.files.wordpress.com/2025/10/bruno-barbieri.png 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p><a href="https://brunobarbieri.blog/">Bruno Barbieri</a> is an Italian 7-Michelin-star chef and WordPress blogger. </p>
<p>His site is part blog and part career portfolio: it includes his books, some of his recipes, a travel blog, and links to his active social media. </p>
<p>Since Bruno is a professional chef, his recipes lean toward the gourmet side, with niche ingredients and advanced cooking techniques.</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81457" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/bruno-barbieri-food-blog-layour-example/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/bruno-barbieri-food-blog-layour-example.jpg" data-orig-size="2686,1494" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Bruno Barbieri food blog layour example" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/bruno-barbieri-food-blog-layour-example.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/bruno-barbieri-food-blog-layour-example.jpg?w=1024" loading="lazy" width="1024" height="569" src="https://en-blog.files.wordpress.com/2025/10/bruno-barbieri-food-blog-layour-example.jpg?w=1024" alt="Bruno Barbieri - recipe examples" class="wp-image-81457" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/bruno-barbieri-food-blog-layour-example.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/bruno-barbieri-food-blog-layour-example.jpg?w=2048 2048w, https://en-blog.files.wordpress.com/2025/10/bruno-barbieri-food-blog-layour-example.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/bruno-barbieri-food-blog-layour-example.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/bruno-barbieri-food-blog-layour-example.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/bruno-barbieri-food-blog-layour-example.jpg?w=1440 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<h3 class="wp-block-heading">Take a page from Bruno’s cookbook</h3>
<ul class="wp-block-list">
<li><strong>Link your social media feeds:</strong> Bruno puts his active Instagram account front and center on his homepage, encouraging readers to engage across platforms. Social media integrations can be a great way to keep your audience engaged, and <a href="http://wordpress.com">WordPress.com</a> offers a suite of social media integrations right out of the box — for example, you can <a href="https://wordpress.com/support/wordpress-editor/blocks/social-icons-block/display-social-profiles/">add social media icons to your site</a>.</li>
</ul>
<ul class="wp-block-list">
<li><strong>Build your professional portfolio:</strong> If you are a professional chef, your blog can act as a digital resume for potential customers and employers. Alongside personal stories and recipes, your website is a great place to list accolades, publications, and awards.</li>
</ul>
<h2 class="wp-block-heading">8. History and Wine</h2>
<ul class="wp-block-list">
<li><strong>Theme:</strong> Custom</li>
</ul>
<figure class="wp-block-image size-large"><img data-attachment-id="81443" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/history-and-wine/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/history-and-wine.png" data-orig-size="1400,681" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="history and wine" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/history-and-wine.png?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/history-and-wine.png?w=1024" loading="lazy" width="1024" height="498" src="https://en-blog.files.wordpress.com/2025/10/history-and-wine.png?w=1024" alt="History and Wine - food blog example" class="wp-image-81443" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/history-and-wine.png?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/history-and-wine.png?w=150 150w, https://en-blog.files.wordpress.com/2025/10/history-and-wine.png?w=300 300w, https://en-blog.files.wordpress.com/2025/10/history-and-wine.png?w=768 768w, https://en-blog.files.wordpress.com/2025/10/history-and-wine.png 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p><a href="https://historyandwine.com/">History and Wine</a> is a wine review blog by sommelier and Biscayne Times “Vino” columnist Jacqueline Coleman. History and Wine offers both reviews and lists of seasonal wines alongside wine tour itineraries and wine guides. </p>
<p>While some posts are standalone blog posts created specifically for History and Wine, the site also acts as a writing portfolio.</p>
<p>Jacqueline shares blurbs with links to her monthly columns in the Biscayne Times and other publications, creating a central hub for all of her work across the web.<br></p>
<figure class="wp-block-image size-large"><img data-attachment-id="81459" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/history-and-wine-articles-example/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/history-and-wine-articles-example.jpg" data-orig-size="1358,748" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="History and Wine articles example" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/history-and-wine-articles-example.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/history-and-wine-articles-example.jpg?w=1024" loading="lazy" width="1024" height="564" src="https://en-blog.files.wordpress.com/2025/10/history-and-wine-articles-example.jpg?w=1024" alt="History and Wine - article examples" class="wp-image-81459" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/history-and-wine-articles-example.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/history-and-wine-articles-example.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/history-and-wine-articles-example.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/history-and-wine-articles-example.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/history-and-wine-articles-example.jpg 1358w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<h3 class="wp-block-heading">Take a page from History and Wine’s tasting menu</h3>
<ul class="wp-block-list">
<li><strong>Keep it Local: </strong>As the Biscayne Times reporter, much of the coverage on History and Wine is centered around the Miami area (with occasional guides to national wineries). A local focus can be a great way to build a dedicated following and increase your chances of showing up in local-specific Google searches.</li>
</ul>
<ul class="wp-block-list">
<li><strong>Create a Content Hub: </strong>If you write for paid publications, creating a centralized hub of your content is an important way to own and manage your content. Your site can show off your portfolio and create a forever home for your stories.</li>
</ul>
<h2 class="wp-block-heading">9. Food and Mood</h2>
<p><strong>Theme: </strong>Custom</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81445" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/foodmood-2/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/foodmood-1.png" data-orig-size="1400,696" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="food&amp;mood" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/foodmood-1.png?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/foodmood-1.png?w=1024" loading="lazy" width="1024" height="509" src="https://en-blog.files.wordpress.com/2025/10/foodmood-1.png?w=1024" alt="Food and Mood - food blog example" class="wp-image-81445" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/foodmood-1.png?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/foodmood-1.png?w=150 150w, https://en-blog.files.wordpress.com/2025/10/foodmood-1.png?w=300 300w, https://en-blog.files.wordpress.com/2025/10/foodmood-1.png?w=768 768w, https://en-blog.files.wordpress.com/2025/10/foodmood-1.png 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p><a href="https://foodandmood.blog/">Food and Mood</a> is run by Mateja, who considers herself a videographer, photographer, and recipe developer. </p>
<p>With a huge focus on photography, her images are as much of a treat as her recipes, featuring colorful textiles, textures, and stunning closeups of her creations. </p>
<p>The blog focuses on natural, seasonal recipes elevated through exceptional visual storytelling.</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81460" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/food-and-mood-recipes/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/food-and-mood-recipes.jpg" data-orig-size="2624,1268" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Food and Mood recipes" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/food-and-mood-recipes.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/food-and-mood-recipes.jpg?w=1024" loading="lazy" width="1024" height="494" src="https://en-blog.files.wordpress.com/2025/10/food-and-mood-recipes.jpg?w=1024" alt="Food and Mood - recipe examples" class="wp-image-81460" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/food-and-mood-recipes.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/food-and-mood-recipes.jpg?w=2048 2048w, https://en-blog.files.wordpress.com/2025/10/food-and-mood-recipes.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/food-and-mood-recipes.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/food-and-mood-recipes.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/food-and-mood-recipes.jpg?w=1440 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<h3 class="wp-block-heading">Take a page from Mateja’s cookbook</h3>
<ul class="wp-block-list">
<li><strong>Invest in high-quality photographs:</strong> Good photography can make or break a food blog. Even if you’re not a professional like Gabi, invest time in learning basic food photography principles: use natural light when possible, keep backgrounds simple, and maintain a consistent style across all of your images.</li>
</ul>
<ul class="wp-block-list">
<li><strong>Get reader support:</strong> At the end of each recipe, Mateja has a section asking readers to fuel her creativity with a small $3 donation. Many food bloggers rely on reader contributions to help cover the costs of recipe testing, ingredients, and photography equipment. With WordPress.com, you can use various <a href="https://wordpress.com/plugins/browse/donation/">plugins to manage donations</a> or <a href="https://wordpress.com/support/wordpress-editor/blocks/donations/">add a donation form block</a> directly.</li>
</ul>
<h2 class="wp-block-heading">10. Marco Bianchi</h2>
<ul class="wp-block-list">
<li><strong>Theme:</strong> <a href="https://generatepress.com/?ref=1508">Generate Press</a></li>
</ul>
<figure class="wp-block-image size-large"><img data-attachment-id="81446" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/marco-bianchi/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/marco-bianchi.png" data-orig-size="1400,705" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="marco bianchi" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/marco-bianchi.png?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/marco-bianchi.png?w=1024" loading="lazy" width="1024" height="515" src="https://en-blog.files.wordpress.com/2025/10/marco-bianchi.png?w=1024" alt="Marco Bianchi food blog example" class="wp-image-81446" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/marco-bianchi.png?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/marco-bianchi.png?w=150 150w, https://en-blog.files.wordpress.com/2025/10/marco-bianchi.png?w=300 300w, https://en-blog.files.wordpress.com/2025/10/marco-bianchi.png?w=768 768w, https://en-blog.files.wordpress.com/2025/10/marco-bianchi.png 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p><a href="https://www.marcobianchi.blog/">Marco Bianchi</a> is a scientist working in biochemical research and oncology, so his blog focuses on food and recipes as a part of disease prevention.</p>
<p>In addition to recipes, he publishes health-related articles explaining the properties and nutritional value of different ingredients. </p>
<p>By combining scientific expertise with practical cooking advice, Marco has created a unique, nutrition-forward site for health-conscious cooks. </p>
<figure class="wp-block-image size-large"><img data-attachment-id="81462" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/marco-bianchi-recipe-examples/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/marco-bianchi-recipe-examples.jpg" data-orig-size="2284,1052" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Marco Bianchi recipe examples" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/marco-bianchi-recipe-examples.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/marco-bianchi-recipe-examples.jpg?w=1024" loading="lazy" width="1024" height="471" src="https://en-blog.files.wordpress.com/2025/10/marco-bianchi-recipe-examples.jpg?w=1024" alt="Marco Bianchi - recipe examples" class="wp-image-81462" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/marco-bianchi-recipe-examples.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/marco-bianchi-recipe-examples.jpg?w=2048 2048w, https://en-blog.files.wordpress.com/2025/10/marco-bianchi-recipe-examples.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/marco-bianchi-recipe-examples.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/marco-bianchi-recipe-examples.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/marco-bianchi-recipe-examples.jpg?w=1440 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<h3 class="wp-block-heading">Take a page from Marco’s cookbook</h3>
<ul class="wp-block-list">
<li><strong>Bring in your professional expertise:</strong> Marco’s background in biochemistry and oncology sets his food blog apart from typical recipe sites. Consider how your own professional expertise or education might inform your content in unexpected ways.</li>
</ul>
<ul class="wp-block-list">
<li><strong>Tie content types to specific days: </strong>Marco features recurring content series called “Small Snacks,” a Tuesday post series where he creates nutritious snacks for his daughter Vivienne. Having regular themed content on specific days gives readers something to anticipate and helps you establish a posting rhythm.</li>
</ul>
<h2 class="wp-block-heading">11. Vintage Kitchen</h2>
<p><strong>Theme:</strong> Custom</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81448" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/vintage-kitchen/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/vintage-kitchen.jpg" data-orig-size="1400,691" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="vintage kitchen" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/vintage-kitchen.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/vintage-kitchen.jpg?w=1024" loading="lazy" width="1024" height="505" src="https://en-blog.files.wordpress.com/2025/10/vintage-kitchen.jpg?w=1024" alt="Vintage Kitchen - food blog example" class="wp-image-81448" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/vintage-kitchen.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/vintage-kitchen.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/vintage-kitchen.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/vintage-kitchen.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/vintage-kitchen.jpg 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p><a href="http://vintagekitchen.org">Vintage Kitchen</a> is run by Dorothy, a former newspaper and magazine writer who opened an old Victorian inn with her husband in Northern Vermont. </p>
<p>Through her blog, she chronicles tried-and-true recipes she’s developed and served to her guests using seasonal items from her on-site garden.</p>
<p>Inspired by the food her mother used to make for a household of six, her recipes are no-frills, homey, and hearty.</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81463" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/vintage-kitchen-recipe-examples/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/vintage-kitchen-recipe-examples.jpg" data-orig-size="2686,1172" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Vintage Kitchen recipe examples" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/vintage-kitchen-recipe-examples.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/vintage-kitchen-recipe-examples.jpg?w=1024" loading="lazy" width="1024" height="446" src="https://en-blog.files.wordpress.com/2025/10/vintage-kitchen-recipe-examples.jpg?w=1024" alt="Vintage Kitchen - recipe examples" class="wp-image-81463" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/vintage-kitchen-recipe-examples.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/vintage-kitchen-recipe-examples.jpg?w=2048 2048w, https://en-blog.files.wordpress.com/2025/10/vintage-kitchen-recipe-examples.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/vintage-kitchen-recipe-examples.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/vintage-kitchen-recipe-examples.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/vintage-kitchen-recipe-examples.jpg?w=1440 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<h3 class="wp-block-heading">Take a page from Dorothy’s cookbook</h3>
<ol class="wp-block-list">
<li><strong>Make it Personal: </strong>In addition to the recipe itself, Dorothy discusses the weather that day, shares stories of making these recipes in her childhood and with her family, and provides updates on her large garden. These personal touches differentiate a blog from a generic recipe site, allowing readers to connect with you on a deeper level.</li>
</ol>
<ol start="2" class="wp-block-list">
<li><strong>Use images to elevate the blog layout: </strong>For example, Vintage Kitchen uses a split-page layout for each recipe, with a “sticky” recipe photo on the left and the recipe on the right. The benefit of this layout is that your image will stay on the screen no matter how long your post is. For new bloggers without ample photography skills or who don’t love taking step-by-step process photos, this approach can help you get up and running in no time. </li>
</ol>
<figure class="wp-block-image size-large"><img data-attachment-id="81449" data-permalink="https://wordpress.com/blog/2025/10/28/food-blog-examples/vintage-split-page/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/vintage-split-page.jpg" data-orig-size="1400,797" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="vintage split page" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/vintage-split-page.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/vintage-split-page.jpg?w=1024" loading="lazy" width="1024" height="582" src="https://en-blog.files.wordpress.com/2025/10/vintage-split-page.jpg?w=1024" alt="Vintage Kitchen - blog & image layour" class="wp-image-81449" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/vintage-split-page.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/vintage-split-page.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/vintage-split-page.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/vintage-split-page.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/vintage-split-page.jpg 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<h2 class="wp-block-heading">Ready to Get Cooking?</h2>
<p>Looking at other successful food blogs is one of the best ways to engage and learn about blogging. </p>
<p>From building relationships with other bloggers to discovering new ideas for your own blog and content, being a regular reader of food content is a great habit. </p>
<p>For step-by-step directions for starting your food blog, check out our companion posts:</p>
<ul class="wp-block-list">
<li><a href="https://wordpress.com/blog/2025/01/21/how-to-start-a-blog/">How to Start a Blog</a> </li>
<li><a href="https://wordpress.com/blog/2025/03/13/how-to-start-a-food-blog/">How to Start a Food Blog</a></li>
</ul>
<p>Or, if you’re ready to jump into blogging, get a free domain name for your first year of hosting with WordPress.com.</p>
<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-749adb30 wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-50 btn-primary text-color-white"><a class="wp-block-button__link wp-element-button" href="https://wordpress.com/create-blog/">Start my food blog</a></div>
</div>
<p></p>
<p></p>
]]></content:encoded>
<wfw:commentRss>https://wordpress.com/blog/2025/10/28/food-blog-examples/feed/</wfw:commentRss>
<slash:comments>1</slash:comments>
<media:thumbnail url="https://en-blog.files.wordpress.com/2025/10/blog-header-food-6-final403x.jpg" />
<media:content url="https://en-blog.files.wordpress.com/2025/10/blog-header-food-6-final403x.jpg" medium="image">
<media:title type="html">Blog Header (Food) 6 - Final@3x</media:title>
</media:content>
<media:content url="https://0.gravatar.com/avatar/9b60579267a74272d3ab8252c512ed7903b710afb595c59af9f394e77657bb26?s=96&d=retro" medium="image">
<media:title type="html">ajcoopersmith</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/munchinwithmaddie-1.png?w=1024" medium="image">
<media:title type="html">Munchin’ With Maddie - food blog example</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/maddie-whats-special-1.png?w=1024" medium="image">
<media:title type="html">Munchin’ With Maddie - "What's special" box</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/flavoury.png?w=1024" medium="image">
<media:title type="html">Flavoury food blog example</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/flavoury-blog-layout.jpg?w=1024" medium="image">
<media:title type="html">Flavoury food blog layout</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago.png?w=1024" medium="image">
<media:title type="html">A Hundred Years Ago - a food blog example</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/a-hundred-years-ago-food-example-modernized-recipe.jpg?w=971" medium="image">
<media:title type="html">A Hundred Years Ago - a recipe example</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/smitten-kitchen.png?w=1024" medium="image">
<media:title type="html">Smitten Kitchen - a food blog example</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/smitten-kitchen-food-blog-post-example.jpg?w=1024" medium="image">
<media:title type="html">Smitten Kitchen - a recipe example</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/bread.blog_.png?w=1024" medium="image">
<media:title type="html">Bread.blog - food blog example</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/bread.blog-food-blog-post-example.jpg?w=1024" medium="image">
<media:title type="html">Bread.blog - recipe example</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/broma-bakery-1.png?w=1024" medium="image">
<media:title type="html">Broma Bakery - food blog example</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/broma-bakery-food-blog-layout-example.jpg?w=1024" medium="image">
<media:title type="html">Broma Bakery - blog layout </media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/bruno-barbieri.png?w=1024" medium="image">
<media:title type="html">Bruno Barbieri - food blog example</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/bruno-barbieri-food-blog-layour-example.jpg?w=1024" medium="image">
<media:title type="html">Bruno Barbieri - recipe examples</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/history-and-wine.png?w=1024" medium="image">
<media:title type="html">History and Wine - food blog example</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/history-and-wine-articles-example.jpg?w=1024" medium="image">
<media:title type="html">History and Wine - article examples</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/foodmood-1.png?w=1024" medium="image">
<media:title type="html">Food and Mood - food blog example</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/food-and-mood-recipes.jpg?w=1024" medium="image">
<media:title type="html">Food and Mood - recipe examples</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/marco-bianchi.png?w=1024" medium="image">
<media:title type="html">Marco Bianchi food blog example</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/marco-bianchi-recipe-examples.jpg?w=1024" medium="image">
<media:title type="html">Marco Bianchi - recipe examples</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/vintage-kitchen.jpg?w=1024" medium="image">
<media:title type="html">Vintage Kitchen - food blog example</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/vintage-kitchen-recipe-examples.jpg?w=1024" medium="image">
<media:title type="html">Vintage Kitchen - recipe examples</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/vintage-split-page.jpg?w=1024" medium="image">
<media:title type="html">Vintage Kitchen - blog & image layour</media:title>
</media:content>
</item>
<item>
<title>How to Choose a Web Design Company You’ll Love Working With</title>
<link>https://wordpress.com/blog/2025/10/22/how-to-choose-a-web-design-company/</link>
<comments>https://wordpress.com/blog/2025/10/22/how-to-choose-a-web-design-company/#comments</comments>
<dc:creator><![CDATA[Priscilla Tan]]></dc:creator>
<pubDate>Wed, 22 Oct 2025 15:00:00 +0000</pubDate>
<category><![CDATA[Tips and Tutorials]]></category>
<guid isPermaLink="false">http://en.blog.wordpress.com/?p=81240</guid>
<description><![CDATA[Hiring a web design company can feel like a gamble. Some charge $500, others $5,000, and the results can vary just as much. This guide walks you through how to tell who’s actually worth it.]]></description>
<content:encoded><![CDATA[
<p>How can you tell if a web design company is worth your investment?</p>
<p>In this guide, we’ll explore how much it costs to build a website in today’s market, highlight key considerations in your evaluation, and recommend questions to ask potential providers.</p>
<p>By the end of this post, you’ll be able to make the right decision with confidence.</p>
<h2 class="wp-block-heading">What is the average cost to hire a web designer?</h2>
<p>Outsourcing web design can cost anywhere from $500 to over $5,000. Your final investment depends on various factors, including your website’s complexity and project timeline.</p>
<p>To illustrate, a basic five-page site built via our <a href="https://wordpress.com/website-design-service/">website design service</a> costs $499, excluding <a href="https://wordpress.com/hosting/">hosting</a>. This includes a free custom domain for one year and is completed within four business days or less.</p>
<p>In contrast, customizing a larger website requires a substantially larger budget. Hiring a web design agency through the <a href="https://wordpress.com/development-services/">WordPress.com Partner Directory</a>, for instance, starts at $5,000 (excluding hosting).</p>
<p>This higher price point includes a custom-designed website, third-party integrations, multiple revisions, <a href="https://wordpress.com/move/">migrations</a>, and pre-launch checks, among other benefits. Website completion takes three months or longer.</p>
<p>Here’s a pricing chart to differentiate the deliverables.</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81277" data-permalink="https://wordpress.com/blog/2025/10/22/how-to-choose-a-web-design-company/wordpress-com-design-service-pricing/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/wordpress.com-design-service-pricing.jpg" data-orig-size="1400,698" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="wordpress.com – design service pricing" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/wordpress.com-design-service-pricing.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/wordpress.com-design-service-pricing.jpg?w=1024" loading="lazy" width="1024" height="510" src="https://en-blog.files.wordpress.com/2025/10/wordpress.com-design-service-pricing.jpg?w=1024" alt="WordPress.com Partner Directory - pricing." class="wp-image-81277" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/wordpress.com-design-service-pricing.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/wordpress.com-design-service-pricing.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/wordpress.com-design-service-pricing.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/wordpress.com-design-service-pricing.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/wordpress.com-design-service-pricing.jpg 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<h2 class="wp-block-heading">How do I choose a web design company?</h2>
<p>The best web design firms don’t just craft websites that align with your brand and vision — they create an experience users love. To pick the ideal partner, here’s what you need to watch out for.</p>
<h3 class="wp-block-heading">1. Decide what you’re after</h3>
<p>Clearly defined goals pinpoint the ideal web design company for your needs.</p>
<p>Determine what you need your website to accomplish. Is it generating leads, driving ecommerce sales, or improving brand authority? Once you define your goal, you can quickly work out a rough budget and the type of agency to partner with.</p>
<p>Here are three examples to illustrate what we mean:</p>
<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><td><strong>EXAMPLE</strong></td><td>Solo service provider</td><td>Mid-sized IT business</td><td>Fortune 500 enterprise</td></tr><tr><td><strong>GOAL</strong></td><td>Improve personal brand and attract new clients.</td><td>Improve user experience (UX) to increase leads and set up analytics tracking and reporting.</td><td>Improve digital footprint and increase pipeline growth through a complete omnichannel strategy.</td></tr><tr><td><strong>IDEAL AGENCY</strong></td><td>Boutique agency specializing in brand storytelling, photo direction, SEO optimization, and conversion-driven design.</td><td>Mid-sized agency specializing in conversion optimization and copywriting.</td><td>Full-service agency or a group of specialist agencies (e.g., one for web design and copywriting, another for SEO and lead generation).</td></tr></tbody></table></figure>
<h3 class="wp-block-heading">2. Curate a list of agencies</h3>
<p>After defining your goals, prepare a list of potential agencies.</p>
<p>Here are three ways to find them:</p>
<ul class="wp-block-list">
<li><strong>Referrals</strong>: Ask for recommendations from trusted peers who’ve achieved similar goals. This can be your professional connections or community groups.</li>
<li><strong>Agency directories</strong>: Analyze reviews on reputable agency marketplaces like Clutch, DesignRush, and <a href="https://wordpress.com/development-services/">WordPress.com Partner Directory</a>. Focus on web design companies with positive testimonials highlighting outcomes relevant to your goals.</li>
<li><strong>Favorite websites</strong>: Here’s a neat trick. Visit websites you admire, scroll down to the footer, and identify the credited web design company next to the copyright notice. This often reveals web design firms creating the caliber of work you’re seeking.</li>
</ul>
<p>For example:</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81281" data-permalink="https://wordpress.com/blog/2025/10/22/how-to-choose-a-web-design-company/screenshot-2025-10-17-at-4-27-30-pm/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/screenshot-2025-10-17-at-4.27.30-pm.png" data-orig-size="2824,1366" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Screenshot 2025-10-17 at 4.27.30 PM" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/screenshot-2025-10-17-at-4.27.30-pm.png?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/screenshot-2025-10-17-at-4.27.30-pm.png?w=1024" loading="lazy" width="1024" height="495" src="https://en-blog.files.wordpress.com/2025/10/screenshot-2025-10-17-at-4.27.30-pm.png?w=1024" alt="Example: How to check which web design company created the website." class="wp-image-81281" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/screenshot-2025-10-17-at-4.27.30-pm.png?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/screenshot-2025-10-17-at-4.27.30-pm.png?w=2048 2048w, https://en-blog.files.wordpress.com/2025/10/screenshot-2025-10-17-at-4.27.30-pm.png?w=150 150w, https://en-blog.files.wordpress.com/2025/10/screenshot-2025-10-17-at-4.27.30-pm.png?w=300 300w, https://en-blog.files.wordpress.com/2025/10/screenshot-2025-10-17-at-4.27.30-pm.png?w=768 768w, https://en-blog.files.wordpress.com/2025/10/screenshot-2025-10-17-at-4.27.30-pm.png?w=1440 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><a href="https://www.genrevv.com/">Source</a></figcaption></figure>
<h3 class="wp-block-heading">3. Focus on agencies that match your business </h3>
<p>Choose web design companies whose reputation or maturity level aligns with your own. This strategic alignment ensures effective collaboration and results.</p>
<p>Here’s what we mean.</p>
<p>Imagine your small business hired a prestigious agency. Given larger agencies’ tendency to prioritize bigger clients, it’s likely the agency will delegate your project to junior web designers with limited experience. </p>
<p>Enterprises partnering with less established agencies are no better. With standardized rules and processes, small agencies without first-hand experience navigating red tape will struggle to meet compliance standards, potentially delaying launches.</p>
<h3 class="wp-block-heading">4. Review portfolios</h3>
<p>Prioritize agencies with a proven track record in your industry.</p>
<p>A web design company working with B2C companies is unlikely to understand B2B market nuances — and vice versa.</p>
<p>Review the agencies’ projects, examining the challenges encountered, solutions implemented, and measurable results delivered. This should give you an idea if they possess the needed expertise.</p>
<p class="has-primary-light-background-color has-background"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-dark-gray-muted-color"><strong>Tip</strong>: If their portfolio lacks results, consider contacting past clients to gain insights using this script: <em>“Hey! I noticed your website was designed by [web design studio]. It’s impressive. I’m considering hiring them to revamp my website as well. Out of curiosity, how was your experience?”</em></mark></p>
<h3 class="wp-block-heading">5. Assess soft skills  </h3>
<p>Typically, relationships cause agency partnerships to falter.</p>
<p>Evaluate the web design companies to better understand their communication, teamwork, and problem-solving skills — it’ll prevent partnership breakdowns:</p>
<ul class="wp-block-list">
<li><strong>Company research</strong>: What’s their process for learning about your business, ideal customers, sales cycle, and the customer journey?</li>
<li><strong>Collaborative approach</strong>: How do they ensure your input shapes the website from concept to completion?</li>
<li><strong>Risk management solutions</strong>: What do their contingency plans for unexpected hurdles look like? For example, what happens if the lead web designer becomes unavailable?</li>
<li><strong>Communication style</strong>: What channels or systems do they use for regular updates and feedback throughout the partnership?</li>
</ul>
<h2 class="wp-block-heading">What to ask before hiring a website design company?</h2>
<p>You’ve now identified several potential web design companies on your list. Ask the following questions to pinpoint the perfect partner.</p>
<h3 class="wp-block-heading">1. “Who will I work with?”</h3>
<p><strong>Why ask this question</strong>: Anticipate the team members you’ll collaborate with. This way, you can assign the ideal counterparts in your in-house team and plan communication ahead. For example, assigning someone technical ensures immediate responses to technical inquiries from the agency’s web development specialist.</p>
<p><strong>Green flags</strong>:</p>
<ul class="wp-block-list">
<li>Offers a kickoff meeting with your dedicated team during onboarding.</li>
<li>Outlines your direct access to channels and team members (e.g., Slack for daily questions, project management software for design updates).</li>
<li>Handpicks team members with proven success in your industry vertical.</li>
<li>Demonstrates ongoing investment in their team’s professional development. </li>
</ul>
<p class="has-primary-light-background-color has-background"><strong><strong>Tip</strong>: </strong>Check the agency’s careers page to verify ongoing training programs for its web designers and developers. Working with specialists who stay ahead of design tools and emerging technologies ensures your site remains future-proof.</p>
<p><strong>Red flags</strong>:</p>
<ul class="wp-block-list">
<li>Cagey about who you’ll collaborate with. This indicates the agency views its delivery team as an afterthought. They’ll likely randomly assign staff without considering who’s the best fit for the job.</li>
</ul>
<h3 class="wp-block-heading">2. “How well does your team work together, and how is it structured?”</h3>
<p><strong>Why ask this question</strong>: Agencies with great internal teams deliver exceptional results. Strong team morale translates to increased productivity, enriched company culture, and successful collaboration with clients and partners.</p>
<p><strong>Green flags</strong>:</p>
<ul class="wp-block-list">
<li>Consistently positive team reviews on career communities like Glassdoor.</li>
<li>Testimonials or case studies highlighting team synergy and collaborative problem-solving.</li>
</ul>
<p><strong>Red flags</strong>:</p>
<ul class="wp-block-list">
<li>Rampant negative Glassdoor reviews reveal poor workplace experiences. This directly impacts your website project as the agency will likely provide poor customer service and inconsistent deliverables.</li>
<li>Unusually rapid promotion of junior staff to senior roles. This high pace signals you’ll work with an inexperienced team lacking the depth of expertise your web project requires. </li>
</ul>
<p class="has-primary-light-background-color has-background"><strong>Tip</strong>: Check the LinkedIn profiles of these agency staff, paying attention to their promotion timeline.</p>
<h3 class="wp-block-heading">3. “What’s the project communication like? What can I expect to receive during our collaboration?”</h3>
<p><strong>Why ask this question</strong>: Establish clear accountability to ensure progress toward your business goals.</p>
<p><strong>Green flags</strong>:</p>
<ul class="wp-block-list">
<li>Provides a detailed communication plan with deliverables, deadlines, and milestones.</li>
<li>Adapts their communication style to align with your in-house team’s preferences and workflows.</li>
<li>Runs regular meetings to keep stakeholders informed and identify potential issues before they impact deadlines.</li>
</ul>
<p><strong>Red flags</strong>:</p>
<ul class="wp-block-list">
<li>Rigid processes that prioritize their convenience over your business workflows.</li>
<li>Vague or inconsistent communication that risks delayed launches.</li>
</ul>
<h3 class="wp-block-heading">4. “What else do you do besides website design?”</h3>
<p><strong>Why ask this question</strong>: A functional website goes beyond design. Here, you’re trying to tease out the agency’s complementary skills, such as digital marketing, information architecture (the practice of organizing information in a user-friendly way), and user research — all central to creating a website that drives conversions.</p>
<p><strong>Green flags</strong>:</p>
<ul class="wp-block-list">
<li>Highlights how their user research approach, mobile-first design process, wireframing, and UX design achieve your business goals.</li>
<li>Walks you through how it handles security and third-party tool integrations.</li>
</ul>
<p><strong>Red flags</strong>:</p>
<ul class="wp-block-list">
<li>Relies on a one-size-fits-all approach to all websites (e.g., uses plug-and-play templates).</li>
<li>Over-reliant on AI. While AI is becoming a bigger part of design workflows, it shouldn’t be treated as a complete replacement. The best agencies blend AI with human expertise to drive impact.</li>
<li>Minimizes the importance of user research, information architecture, etc.</li>
</ul>
<h3 class="wp-block-heading">5. “What happens after the website is done?”</h3>
<p><strong>Why ask this question</strong>: The post-launch process matters as much as the initial design stage. Post-launch optimization helps you quickly spot opportunities for change and prioritize improvements based on results (e.g., conversions).</p>
<p><strong>Green flags</strong>:</p>
<ul class="wp-block-list">
<li>Provides a comprehensive action plan (e.g., migrate content management systems, document technical issues in the first three days after launch, check responsive web design, configure GA4 setup, heatmaps, and chatbots).</li>
<li>Creates an optimization roadmap for the next 30/60/90 days to align efforts, allocate resources, and prioritize improvements.</li>
<li>Conducts user testing to identify friction points in the conversion path and improve conversion rate.</li>
</ul>
<p><strong>Red flags</strong>:</p>
<ul class="wp-block-list">
<li>“Set it and forget it” approach. The agency treats your website as a one-time project rather than an evolving digital asset that needs long-term optimization.</li>
</ul>
<h2 class="wp-block-heading">Start building your website with everything you need, right here</h2>
<p>These key considerations and questions offer a useful starting point for further discussion. You’ll narrow down your choice and find the best-fit agency partner to turn your initial concept into reality.</p>
<p>If you’re building a high-end website, check the <a href="https://wordpress.com/development-services/">WordPress.com Partner Directory</a>. All agencies are verified, boast years of experience in multiple sectors, and offer ongoing post-launch support as your website scales. <a href="https://wordpress.com/move/">Site migration</a> is included, to boot.</p>
<p>To make it easier for you, we’ll handpick the web design agency best suited to your project. All you need to do is share your vision, design preferences, and desired functionality, and we’ll match you with a partner. Alternatively, if you’re building a smaller website, choose our <a href="https://wordpress.com/website-design-service/">Express Website Design Service</a>. You’ll get a professionally designed site in four business days or less.</p>
<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-50 btn-primary text-color-white"><a class="wp-block-button__link wp-element-button" href="https://wordpress.com/hire-an-expert/">Match me with an agency</a></div>
<div class="wp-block-button has-custom-width wp-block-button__width-50 btn-primary text-color-white"><a class="wp-block-button__link wp-element-button" href="https://wordpress.com/website-design-service/">Build my website now</a></div>
</div>
<p></p>
]]></content:encoded>
<wfw:commentRss>https://wordpress.com/blog/2025/10/22/how-to-choose-a-web-design-company/feed/</wfw:commentRss>
<slash:comments>10</slash:comments>
<media:thumbnail url="https://en-blog.files.wordpress.com/2025/10/how-to-choose-web-design-company-header.jpg" />
<media:content url="https://en-blog.files.wordpress.com/2025/10/how-to-choose-web-design-company-header.jpg" medium="image">
<media:title type="html">how-to-choose-web-design-company-header</media:title>
</media:content>
<media:content url="https://2.gravatar.com/avatar/881359329f83be6cd9886998460e0dafb31e7a96c371f5600c26761034ce269f?s=96&d=retro" medium="image">
<media:title type="html">priscillathl</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/wordpress.com-design-service-pricing.jpg?w=1024" medium="image">
<media:title type="html">WordPress.com Partner Directory - pricing.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/screenshot-2025-10-17-at-4.27.30-pm.png?w=1024" medium="image">
<media:title type="html">Example: How to check which web design company created the website.</media:title>
</media:content>
</item>
<item>
<title>How to Become a WordPress Developer: A Zero-to-Hired Roadmap</title>
<link>https://wordpress.com/blog/2025/10/20/how-to-become-a-wordpress-developer/</link>
<comments>https://wordpress.com/blog/2025/10/20/how-to-become-a-wordpress-developer/#comments</comments>
<dc:creator><![CDATA[Nick Schäferhoff]]></dc:creator>
<pubDate>Mon, 20 Oct 2025 17:01:33 +0000</pubDate>
<category><![CDATA[Tips and Tutorials]]></category>
<guid isPermaLink="false">http://en.blog.wordpress.com/?p=81256</guid>
<description><![CDATA[Want to build for the platform that powers nearly half the web? This guide shows how to start from scratch and become a successful WordPress developer.]]></description>
<content:encoded><![CDATA[
<p>So, you want to become a WordPress developer? That’s the best idea I’ve heard in a while!</p>
<p>After all, <a href="https://wordpress.com/blog/2025/04/17/wordpress-market-share/">WordPress powers over 40% of the web</a> — and behind every great WordPress site and product is someone who knows how to build and manage it. Why shouldn’t it be you?</p>
<p>Now, where do you start?</p>
<p>Well, how about right here? This guide walks you through everything you need to begin developing with WordPress professionally. You’ll learn what WordPress developers actually do, how to gather the right tools, skills, and knowledge, and how to start building a career.</p>
<h2 class="wp-block-heading">What is a WordPress developer?</h2>
<p>A WordPress developer is someone who builds, customizes, contributes to, or maintains websites using the WordPress platform.</p>
<p>If that feels like a rather broad definition, it is. That’s because WordPress is a big ecosystem, and there are many different ways to work within it.</p>
<h3 class="wp-block-heading">Types of WordPress developers</h3>
<p>WordPress developers come in different flavors, depending on what they like to build and how they work. These are some of the most common types you’ll find:</p>
<ul class="wp-block-list">
<li><strong>No-code/low-code site builders:</strong> Also sometimes called “WordPress implementers,” these kinds of developers use visual editors and existing <a href="https://wordpress.com/themes/">themes</a>, <a href="https://wordpress.com/patterns">patterns</a>, and <a href="https://wordpress.com/plugins/">plugins</a> to create sites mostly using the WordPress user interface without writing custom code.</li>
<li><strong>Coding specialists:</strong> On the other end of the spectrum, developers with deep coding knowledge can build entire websites with custom design and functionality using different programming languages and advanced layout and design tools.</li>
<li><strong>Theme developers:</strong> Create the part that defines the visual design and layout of WordPress sites. You can build custom designs for specific clients or create themes as digital products for sale. Individual themes often focus on particular industries and use cases; making them requires both creativity, design knowledge, and technical chops.</li>
<li><strong>Plugin developers:</strong> Concentrate on extensions that add new features or integrations to a WordPress site. Plugin makers, too, can work directly for and with clients or build their own products and sell them online. This work involves less creativity and more logical thinking and programming skills.</li>
<li><strong>Technical/maintenance specialists:</strong> Handle <a href="https://wordpress.com/support/security/">security</a>, updates, backups, <a href="https://wordpress.com/support/site-speed/">performance</a>, and day-to-day tasks for existing websites. Requires attention to detail and deep knowledge of where to do what in WordPress.</li>
<li><strong>WordPress core contributors:</strong> Help improve the WordPress software itself by submitting updates, patches, and new features to the open source project for the benefit of everyone who uses it.</li>
</ul>
<p>It’s up to you to decide what kind of WordPress developer you want to become. At the same time, you can wear more than one hat because skills in one role often carry over to others.</p>
<h3 class="wp-block-heading">What WordPress developers do</h3>
<p>Depending on your role, here are some of the core tasks you might handle:</p>
<ul class="wp-block-list">
<li><strong>Frontend development:</strong> Means working on the visual elements of a website, like layout, <a href="https://wordpress.com/support/custom-fonts/">fonts</a>, <a href="https://wordpress.com/support/custom-colors/">colors</a>, and all parts of the user experience. It often involves modifying existing themes or building custom ones. In WordPress, frontend work can involve the <a href="https://wordpress.com/support/wordpress-editor/">built-in Site Editor</a> as well as HTML, CSS, and JavaScript.</li>
<li><strong>Backend development:</strong> Here, the focus is on server-side functionality; basically, everything that happens in the background of a WordPress website. Typical tasks include using PHP to customize theme functions, create plugins, or modify WordPress core features.</li>
<li><strong>Block development:</strong> This is a growing area focused on creating custom WordPress blocks using JavaScript. It’s essential for both theme and plugin work since most content elements in WordPress now work with blocks.</li>
<li><strong>Site management:</strong> Typical tasks include <a href="https://wordpress.com/support/check-your-wordpress-version/">updating WordPress core</a>, <a href="https://wordpress.com/support/plugins/update-a-plugin-or-theme/">themes, and plugins</a>, trying out new extensions, <a href="https://wordpress.com/support/invite-people/user-roles/">managing user accounts</a>, doing design and content updates, or running speed tests and acting on the results. You may also do <a href="https://wordpress.com/support/import/import-an-entire-wordpress-site/">site migrations</a> and deployments.</li>
<li><strong>Ecommerce development:</strong> Involves setting up and customizing <a href="https://wordpress.com/ecommerce/">online stores</a>. <a href="https://wordpress.com/plugins/woocommerce">WooCommerce</a> is a great example of this. You’ll handle product pages, checkout flows, shipping logic, and integrations with payment gateways.</li>
<li><strong>Contributing to WordPress core:</strong> You can do almost all of the activities above to help improve the WordPress core software as well.</li>
</ul>
<h2 class="wp-block-heading">Assembling your WordPress development toolkit</h2>
<p>To become a WordPress developer, you need the right tools for the job. Here are great options to start with:</p>
<ul class="wp-block-list">
<li><a href="https://developer.wordpress.com/studio/"><strong>WordPress Studio</strong></a><strong>:</strong> Free local development tool that allows you to sign up and work on websites on your computer, sync them with your WordPress.com and Pressable account, share live previews with clients, and more.</li>
<li><strong>Text editor:</strong> WordPress development is almost impossible without a good code editor. Check out <a href="https://atom-editor.cc/">Atom</a>, <a href="https://brackets.io/">Brackets</a>, or <a href="https://www.sublimetext.com/">Sublime Text</a> for starters.</li>
<li><a href="https://github.com/"><strong>GitHub</strong></a><strong>:</strong> A platform for version control and collaboration. It also offers a free plan.</li>
<li><strong>Browser developer tools:</strong> Use Chrome or Firefox dev tools to inspect website elements and understand and debug frontend code.</li>
<li><strong>FTP client:</strong> Allows you to access your server directly to upload or edit files. Popular free options are <a href="https://filezilla-project.org/">FileZilla</a>, <a href="https://cyberduck.io/">Cyberduck</a>, and <a href="https://winscp.net/">WinSCP</a>.</li>
</ul>
<h2 class="wp-block-heading">Understanding WordPress basics</h2>
<p>As a first step in your developer journey, you need to familiarize yourself with some basic WordPress concepts.</p>
<h3 class="wp-block-heading">WordPress.org and WordPress.com</h3>
<p><a href="https://make.wordpress.org/core/">WordPress core</a> is the open source software that powers every site built with WordPress. You can <a href="http://wordpress.org/download">download it at WordPress.org</a> and use it free of charge. It includes all functionality and default features.</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81283" data-permalink="https://wordpress.com/blog/2025/10/20/how-to-become-a-wordpress-developer/wordpress-org-download-page/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/wordpress.org-download-page.jpg" data-orig-size="1400,911" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="wordpress.org download page" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/wordpress.org-download-page.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/wordpress.org-download-page.jpg?w=1024" loading="lazy" width="1024" height="666" src="https://en-blog.files.wordpress.com/2025/10/wordpress.org-download-page.jpg?w=1024" alt="How to download WordPress - yourself or via a hosting provider." class="wp-image-81283" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/wordpress.org-download-page.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/wordpress.org-download-page.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/wordpress.org-download-page.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/wordpress.org-download-page.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/wordpress.org-download-page.jpg 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>To run a WordPress website, you need <a href="https://wordpress.com/blog/2025/04/28/what-is-web-hosting/">hosting</a>, meaning space on a web server.</p>
<p>There are <a href="https://wordpress.com/blog/2025/04/11/types-of-web-hosting/">different types of web hosting</a>, from shared to <a href="https://wordpress.com/blog/2025/04/28/managed-wordpress-hosting/">managed hosting</a>. The latter is what WordPress.com is — a hosting provider that lets you easily build WordPress-based websites while taking care of everything technical, like software updates, security, and performance.</p>
<p>Hosting your own or your clients’ websites on WordPress.com offers the following benefits:</p>
<ul class="wp-block-list">
<li>Unmetered bandwidth and traffic</li>
<li>WordPress-optimized server setup</li>
<li>99.999% uptime</li>
<li><a href="https://wordpress.com/support/domains/https-ssl/">Free SSL certificate</a></li>
<li>Staging sites</li>
<li>SSH, WP-CLI, and GitHub deployments</li>
<li>Free domain for the first year</li>
<li>Expert support</li>
</ul>
<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-749adb30 wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-50 btn-primary text-color-white"><a class="wp-block-button__link wp-element-button" href="https://wordpress.com/hosting/">Get your WordPress.com account now</a></div>
</div>
<p></p>
<p>For more differences between WordPress.org and WordPress.com, <a href="https://wordpress.com/support/com-vs-org/">check this detailed list</a>.</p>
<h3 class="wp-block-heading">WordPress admin</h3>
<p>The heart of every WordPress site is the <a href="https://wordpress.com/support/dashboard/">WordPress admin dashboard</a>. It’s where you manage content, themes, plugins, and settings.</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81285" data-permalink="https://wordpress.com/blog/2025/10/20/how-to-become-a-wordpress-developer/wordpress-admin-interface/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/wordpress-admin-interface.jpg" data-orig-size="1400,694" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="wordpress admin interface" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/wordpress-admin-interface.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/wordpress-admin-interface.jpg?w=1024" loading="lazy" width="1024" height="507" src="https://en-blog.files.wordpress.com/2025/10/wordpress-admin-interface.jpg?w=1024" alt="WordPress admin dashboard." class="wp-image-81285" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/wordpress-admin-interface.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/wordpress-admin-interface.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/wordpress-admin-interface.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/wordpress-admin-interface.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/wordpress-admin-interface.jpg 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>It goes without saying that, in order to develop with WordPress, you need to know this part inside and out — including how themes and plugins work.</p>
<p>For example, WordPress themes come in two varieties: classic (PHP and file-based) or block themes (built for the block-based Site Editor). Depending on the type you use for a project, the process of customizing it will differ.</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81286" data-permalink="https://wordpress.com/blog/2025/10/20/how-to-become-a-wordpress-developer/customize-wordpress-with-the-site-editor/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/customize-wordpress-with-the-site-editor.jpg" data-orig-size="1400,694" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="customize wordpress with the site editor" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/customize-wordpress-with-the-site-editor.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/customize-wordpress-with-the-site-editor.jpg?w=1024" loading="lazy" width="1024" height="507" src="https://en-blog.files.wordpress.com/2025/10/customize-wordpress-with-the-site-editor.jpg?w=1024" alt="WordPress themes into varities: classic or block themes. WordPress theme example. Here's an example." class="wp-image-81286" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/customize-wordpress-with-the-site-editor.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/customize-wordpress-with-the-site-editor.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/customize-wordpress-with-the-site-editor.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/customize-wordpress-with-the-site-editor.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/customize-wordpress-with-the-site-editor.jpg 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>In addition, plugins cover a wide range of functionality. They can add singular layout elements, as well as create entirely new content editing experiences. This, too, is something you need to familiarize yourself with.</p>
<h3 class="wp-block-heading">WP-CLI — The WordPress command-line interface</h3>
<p>Finally, <a href="https://wp-cli.org/">WP-CLI</a> lets you manage WordPress sites with terminal commands.</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81288" data-permalink="https://wordpress.com/blog/2025/10/20/how-to-become-a-wordpress-developer/wp-cli-example/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/wp-cli-example.jpg" data-orig-size="960,244" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="wp cli example" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/wp-cli-example.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/wp-cli-example.jpg?w=960" loading="lazy" width="960" height="244" src="https://en-blog.files.wordpress.com/2025/10/wp-cli-example.jpg?w=960" alt="WP-CLI - the WordPress command-line interface." class="wp-image-81288" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/wp-cli-example.jpg 960w, https://en-blog.files.wordpress.com/2025/10/wp-cli-example.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/wp-cli-example.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/wp-cli-example.jpg?w=768 768w" sizes="(max-width: 960px) 100vw, 960px" /></figure>
<p>Pretty much anything you can do in WordPress admin (like install, activate, and update plugins, moderate comments, manage users and user roles, change site settings, etc.), you can do quicker and in bulk with WP-CLI.</p>
<p>Plus, it has some nifty features for developers, like running and testing PHP code or flushing website cache.</p>
<p>(As mentioned, WP-CLI is included on <a href="https://wordpress.com/hosting/">WordPress.com Business and Commerce plans</a>. You can <a href="https://developer.wordpress.com/docs/developer-tools/wp-cli/">learn more about it here</a>.)</p>
<h2 class="wp-block-heading">How to learn WordPress development</h2>
<p>With the basics covered, next you need to familiarize yourself with WordPress’s architecture and the programming languages that make up the platform.</p>
<h3 class="wp-block-heading">1. Learn WordPress development fundamentals</h3>
<p>A good starting point to dive deeper is the dedicated <a href="https://learn.wordpress.org/course/beginner-wordpress-developer/">Beginner WordPress Developer course</a> on WordPress.org.</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81290" data-permalink="https://wordpress.com/blog/2025/10/20/how-to-become-a-wordpress-developer/beginner-wordpress-developer-online-course/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/beginner-wordpress-developer-online-course.jpg" data-orig-size="1400,1175" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="beginner wordpress developer online course" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/beginner-wordpress-developer-online-course.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/beginner-wordpress-developer-online-course.jpg?w=1024" loading="lazy" width="1024" height="859" src="https://en-blog.files.wordpress.com/2025/10/beginner-wordpress-developer-online-course.jpg?w=1024" alt="Explore the Beginner WordPress Developer course on WordPress.org." class="wp-image-81290" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/beginner-wordpress-developer-online-course.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/beginner-wordpress-developer-online-course.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/beginner-wordpress-developer-online-course.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/beginner-wordpress-developer-online-course.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/beginner-wordpress-developer-online-course.jpg 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>It offers a structured path to learn how WordPress works behind the scenes, development best practices, introductions to block, plugin, and theme development, as well as important topics such as the WordPress REST API, multisite, debugging, and much more.</p>
<p>This is a great basis to start from and decide in which direction to take your studies next.</p>
<p>Another frequently recommended option is the course “<a href="https://www.udemy.com/course/become-a-wordpress-developer-php-javascript/">Become a WordPress Developer</a>” on Udemy.</p>
<h3 class="wp-block-heading">2. Get familiar with HTML</h3>
<p>HTML forms the backbone of all web pages. It defines basic layout elements and content like <a href="https://wordpress.com/blog/2025/02/05/header-tags/">headings</a>, paragraphs, images, and links.</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81291" data-permalink="https://wordpress.com/blog/2025/10/20/how-to-become-a-wordpress-developer/html-code-in-wordpress-editor/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/html-code-in-wordpress-editor.jpg" data-orig-size="1400,626" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="html code in wordpress editor" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/html-code-in-wordpress-editor.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/html-code-in-wordpress-editor.jpg?w=1024" loading="lazy" width="1024" height="457" src="https://en-blog.files.wordpress.com/2025/10/html-code-in-wordpress-editor.jpg?w=1024" alt="HTML is the backbone of all web pages - here's what it looks like." class="wp-image-81291" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/html-code-in-wordpress-editor.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/html-code-in-wordpress-editor.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/html-code-in-wordpress-editor.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/html-code-in-wordpress-editor.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/html-code-in-wordpress-editor.jpg 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>Knowing it is essential for understanding how WordPress and all other websites render content. That’s especially if you plan to do frontend development or customize themes or blocks.</p>
<p>In addition, it’s a great first language for beginners: it’s easy to read and learn, as well as immediately applicable.</p>
<p>You can start learning HTML for free on <a href="https://www.codecademy.com/learn/learn-html" target="_blank" rel="noreferrer noopener">Codecademy</a>, <a href="https://www.learn-html.org/" target="_blank" rel="noreferrer noopener">Learn-HTML.org</a>, or <a href="https://www.w3schools.com/html/" target="_blank" rel="noreferrer noopener">W3Schools</a>.</p>
<h3 class="wp-block-heading">3. Dive into CSS</h3>
<p>While HTML controls site structure, CSS is responsible for how a website looks. Its role is to define colors, fonts, spacing, layouts, and more.</p>
<p>For example, CSS is responsible for making sure the <a href="https://wordpress.com/blog/2024/12/30/web-design-process/">website design</a> adjusts to different screen sizes.</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81292" data-permalink="https://wordpress.com/blog/2025/10/20/how-to-become-a-wordpress-developer/responsive-design-in-wordpress-site-editor/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/responsive-design-in-wordpress-site-editor.jpg" data-orig-size="1400,694" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="responsive design in wordpress site editor" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/responsive-design-in-wordpress-site-editor.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/responsive-design-in-wordpress-site-editor.jpg?w=1024" loading="lazy" width="1024" height="507" src="https://en-blog.files.wordpress.com/2025/10/responsive-design-in-wordpress-site-editor.jpg?w=1024" alt="CSS defines a website's visual look." class="wp-image-81292" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/responsive-design-in-wordpress-site-editor.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/responsive-design-in-wordpress-site-editor.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/responsive-design-in-wordpress-site-editor.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/responsive-design-in-wordpress-site-editor.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/responsive-design-in-wordpress-site-editor.jpg 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>Again, if your goal is to do frontend work, you won’t excel without familiarizing yourself with this markup language. You can find great learning resources for it at <a href="https://www.codecademy.com/learn/learn-css">Codecademy</a>, <a href="https://www.w3schools.com/css/">W3Schools</a>, as well as <a href="https://web.dev/learn/css">web.dev</a>.</p>
<h3 class="wp-block-heading">4. Consider learning JavaScript</h3>
<p>As the third-most important frontend language, JavaScript’s main purpose is to make websites more interactive. For example, you can use it to create things like sliders, pop-ups, and dynamic animations.</p>
<p>It also plays a role in:</p>
<ul class="wp-block-list">
<li>Form submissions</li>
<li>Connecting to third-party services like <a href="https://wordpress.com/support/google-analytics/">web analytics</a></li>
<li>Real-time content updates (e.g., after user interaction)</li>
</ul>
<p>In addition, JavaScript is important in modern WordPress development. The WordPress block editor is built with React (a JavaScript framework), and custom blocks require working with JavaScript as well.</p>
<p>If you want to dive into this topic, you can do so at <a href="https://www.codecademy.com/learn/introduction-to-javascript" target="_blank" rel="noreferrer noopener">Codecademy</a>, <a href="https://learnjavascript.online/" target="_blank" rel="noreferrer noopener">Learn JavaScript</a>, or <a href="https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Scripting" target="_blank" rel="noreferrer noopener">MDN Web Docs</a>.</p>
<h3 class="wp-block-heading">5. Master PHP</h3>
<p>PHP is the main WordPress backend language and what powers most of the platform. It generates frontend HTML and controls how content loads, templates work, and features behave.</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81293" data-permalink="https://wordpress.com/blog/2025/10/20/how-to-become-a-wordpress-developer/php-code-in-wordpress-example/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/php-code-in-wordpress-example.jpg" data-orig-size="1400,712" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="php code in wordpress example" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/php-code-in-wordpress-example.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/php-code-in-wordpress-example.jpg?w=1024" loading="lazy" width="1024" height="520" src="https://en-blog.files.wordpress.com/2025/10/php-code-in-wordpress-example.jpg?w=1024" alt="Here's what PHP - the main WordPress backend language - looks like." class="wp-image-81293" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/php-code-in-wordpress-example.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/php-code-in-wordpress-example.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/php-code-in-wordpress-example.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/php-code-in-wordpress-example.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/php-code-in-wordpress-example.jpg 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>Knowing PHP is crucial for plugin development, although not as important for themes as it used to be.</p>
<p>Want to add PHP to your developer toolbelt? Great resources are <a href="https://www.learn-php.org/" target="_blank" rel="noreferrer noopener">Learn PHP</a> and the ever-present <a href="https://www.w3schools.com/php/" target="_blank" rel="noreferrer noopener">W3Schools</a> and <a href="https://www.codecademy.com/learn/paths/php-skill" target="_blank" rel="noreferrer noopener">Codecademy</a>.</p>
<h3 class="wp-block-heading">6. Be familiar with MySQL</h3>
<p>The last skill to consider learning when pursuing a career as a WordPress developer is MySQL. It powers the database system that’s the other half of every WordPress site (the first being the file system).</p>
<p>The database contains all pages and post content, settings, and user data, which is pulled during the rendering process.</p>
<figure class="wp-block-image size-large"><img data-attachment-id="81294" data-permalink="https://wordpress.com/blog/2025/10/20/how-to-become-a-wordpress-developer/wordpress-mysql-database-example/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/wordpress-mysql-database-example.jpg" data-orig-size="1400,694" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="wordpress mysql database example" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/wordpress-mysql-database-example.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/wordpress-mysql-database-example.jpg?w=1024" loading="lazy" width="1024" height="507" src="https://en-blog.files.wordpress.com/2025/10/wordpress-mysql-database-example.jpg?w=1024" alt="Learning MySQL can help you build a career as a WordPress developer, Here's what a database looks like." class="wp-image-81294" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/wordpress-mysql-database-example.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/wordpress-mysql-database-example.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/wordpress-mysql-database-example.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/wordpress-mysql-database-example.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/wordpress-mysql-database-example.jpg 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>MySQL is likely not something you’ll work with every day, but understanding it helps when troubleshooting problems or building complex features.</p>
<p>You can get your bearings in this language at <a href="https://www.w3schools.com/MySQL/default.asp">W3Schools</a>, the <a href="https://dev.mysql.com/doc/mysql-tutorial-excerpt/8.0/en/">guide in the MySQL documentation</a>, or at <a href="https://www.mysqltutorial.org/">MySQL Tutorial</a>.</p>
<h3 class="wp-block-heading">7. Other skills to invest in</h3>
<p>While the above is essential to start developing with WordPress, there are a whole host of supporting skills you should consider learning:</p>
<ul class="wp-block-list">
<li>Git and version control</li>
<li><a href="https://developer.wordpress.com/docs/api/">The WordPress REST API</a> and APIs in general</li>
<li><a href="https://wordpress.com/blog/2025/03/20/headless-wordpress/">Headless WordPress</a></li>
<li>JSON, especially to work with <a href="https://developer.wordpress.org/themes/global-settings-and-styles/introduction-to-theme-json/">theme.json</a></li>
<li><a href="https://wordpress.com/support/accessibility/">Accessibility</a></li>
<li>Performance optimization</li>
<li><a href="https://wordpress.com/blog/2025/03/14/wordpress-seo/">SEO</a> (e.g., to create optimized themes)</li>
<li>UI, UX, and web design</li>
<li>Soft skills like marketing and sales</li>
<li><a href="https://wordpress.com/go/website-building/website-project-management/">Project management</a></li>
</ul>
<p>Please don’t feel overwhelmed or pressured by this list; it’s just an overview. You will pick up many of these skills naturally as you take on more projects and grow your experience.</p>
<h2 class="wp-block-heading">Build your first WordPress website</h2>
<p>Speaking of which, the best way to learn anything is to use it in real life. Therefore, if you want to get into WordPress development, your best bet is to start building websites. Doing it will solidify your understanding of WordPress and give you something concrete to learn with.</p>
<p>You have different options for doing so:</p>
<ul class="wp-block-list">
<li>Use the <a href="https://wordpress.org/playground/">WordPress Playground</a> to learn in a safe, browser-based environment with no setup required.</li>
<li>Create a local development environment (e.g., with Studio) and practice there.</li>
<li>Purchase hosting and build a live website.</li>
</ul>
<p>For the best results, pick a manageable project, like a <a href="https://wordpress.com/blog/2025/04/25/how-to-design-a-blog/">personal blog</a>, a <a href="https://wordpress.com/support/portfolios/">portfolio</a>, or a <a href="https://wordpress.com/blog/2025/03/06/wordpress-good-small-businesses/">small business site</a>. This will help you focus on achieving something tangible rather than aimlessly experimenting</p>
<p>If you want to focus on designing rather than managing servers, security, performance, or updates, <a href="https://wordpress.com/hosting/">launch your site on WordPress.com</a>. We also have a <a href="https://wordpress.com/support/courses/create-your-website/">guided first-website course</a> for this.</p>
<h2 class="wp-block-heading">Start your career as a WordPress developer</h2>
<p>Once you’ve built a few projects and gained some confidence, it’s time to start thinking about how to turn your skills into real-world opportunities. The first step is to decide what you want:</p>
<ul class="wp-block-list">
<li>Do you see yourself working for a company, joining an agency, or working freelance?</li>
<li>What will be your niche? Frontend development for creative agencies? Perhaps you want to do ecommerce work for small businesses. Think about this both in terms of the technical area as well as the industry.</li>
</ul>
<p>Once you’ve made these important decisions, an important tool to find employment is your <a href="https://wordpress.com/go/web-design/web-developer-portfolio-examples/">WordPress development portfolio site</a>. There, you can showcase your work, skills, and services to help you attract <a href="https://wordpress.com/blog/2024/10/22/how-to-get-web-design-clients/">web design clients</a>. Highlight completed projects, describe the role you played, and include testimonials if possible.</p>
<p>After that, start applying for jobs in places like:</p>
<ul class="wp-block-list">
<li><a href="https://jobs.wordpress.net/">WordPress job board</a></li>
<li><a href="https://wpmayor.com/wordpress-jobs/" target="_blank" rel="noreferrer noopener">WPMayor</a></li>
<li><a href="https://remoteok.com/remote-wordpress-jobs" target="_blank" rel="noreferrer noopener">Remote OK</a></li>
<li><a href="https://www.wearedevelopers.com/en/jobs" target="_blank" rel="noreferrer noopener">WeAreDevelopers</a></li>
<li><a href="https://www.linkedin.com/jobs/wordpress-developer-jobs-worldwide" target="_blank" rel="noreferrer noopener">LinkedIn</a></li>
<li><a href="https://www.codeable.io/" target="_blank" rel="noreferrer noopener">Codeable</a></li>
</ul>
<p>You can also join online communities (Slack groups, forums, Facebook groups) where WordPress work is shared and discussed.</p>
<h2 class="wp-block-heading">Continue your WordPress development education</h2>
<figure class="wp-block-image size-large"><img data-attachment-id="81296" data-permalink="https://wordpress.com/blog/2025/10/20/how-to-become-a-wordpress-developer/wordpress-com-developer-documentation-2/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/wordpress.com-developer-documentation-1.jpg" data-orig-size="1400,607" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="wordpress.com developer documentation" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/wordpress.com-developer-documentation-1.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/wordpress.com-developer-documentation-1.jpg?w=1024" loading="lazy" width="1024" height="443" src="https://en-blog.files.wordpress.com/2025/10/wordpress.com-developer-documentation-1.jpg?w=1024" alt="WordPress developer documentation helps you learn WordPress development faster." class="wp-image-81296" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/10/wordpress.com-developer-documentation-1.jpg?w=1024 1024w, https://en-blog.files.wordpress.com/2025/10/wordpress.com-developer-documentation-1.jpg?w=150 150w, https://en-blog.files.wordpress.com/2025/10/wordpress.com-developer-documentation-1.jpg?w=300 300w, https://en-blog.files.wordpress.com/2025/10/wordpress.com-developer-documentation-1.jpg?w=768 768w, https://en-blog.files.wordpress.com/2025/10/wordpress.com-developer-documentation-1.jpg 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>WordPress and the web are constantly evolving, and staying current is part of being a great developer. It helps you become faster and stronger, and to learn new techniques and tools so you can offer more services and ask for higher rates and salary.</p>
<p>Here’s how to continue your education:</p>
<ul class="wp-block-list">
<li>Explore the <a href="https://codex.wordpress.org/Main_Page">WordPress Codex</a> to deepen your understanding of core functions and best practices.</li>
<li>Read <a href="https://developer.wordpress.com/docs/">WordPress.com’s developer documentation</a> for platform-specific tools, APIs, and features.</li>
<li>Join or attend a local <a href="https://make.wordpress.org/community/meetups/">WordPress meetup group</a> or <a href="https://wordpress.com/blog/2025/06/13/wordcamp-europe-2025-recap-connecting-and-learning-in-basel-switzerland/">WordCamps</a> to connect with other developers.</li>
<li>Hang out in WordPress Facebook groups and/or subreddits.</li>
<li>Subscribe to the <a href="https://developer.wordpress.com/newsletter/">Dev and Deploy newsletter</a> for monthly updates, tips, and tutorials.</li>
<li>Follow the <a href="https://www.youtube.com/WordPressdotcom">WordPress.com YouTube channel</a> for video walkthroughs, dev talks, and quick tips.</li>
</ul>
<h2 class="wp-block-heading">Start your development journey now</h2>
<p>Becoming a WordPress developer is more accessible than ever — even if you’re starting with zero coding experience. There are lots of free learning resources and tools out there. WordPress itself is free, too.</p>
<p>Explore the different areas of development to find the right fit for yourself. Grow your skills with personal projects and gather a portfolio as soon as possible. Soon, it’ll be time to get hired for your first job.</p>
<p>If you want some help with the technical aspects of running WordPress websites, <a href="https://wordpress.com/hosting/">go for WordPress.com</a>.<br></p>
<p></p>
]]></content:encoded>
<wfw:commentRss>https://wordpress.com/blog/2025/10/20/how-to-become-a-wordpress-developer/feed/</wfw:commentRss>
<slash:comments>19</slash:comments>
<media:thumbnail url="https://en-blog.files.wordpress.com/2025/10/become-wordpress-developer-header.jpg" />
<media:content url="https://en-blog.files.wordpress.com/2025/10/become-wordpress-developer-header.jpg" medium="image">
<media:title type="html">become-wordpress-developer-header</media:title>
</media:content>
<media:content url="https://0.gravatar.com/avatar/f86cf3fe095787d59771ecaf48381fb8dee85925ea73f28501683883b9a3ff4e?s=96&d=retro" medium="image">
<media:title type="html">nschaeferhoff</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/wordpress.org-download-page.jpg?w=1024" medium="image">
<media:title type="html">How to download WordPress - yourself or via a hosting provider.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/wordpress-admin-interface.jpg?w=1024" medium="image">
<media:title type="html">WordPress admin dashboard.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/customize-wordpress-with-the-site-editor.jpg?w=1024" medium="image">
<media:title type="html">WordPress themes into varities: classic or block themes. WordPress theme example. Here's an example.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/wp-cli-example.jpg?w=960" medium="image">
<media:title type="html">WP-CLI - the WordPress command-line interface.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/beginner-wordpress-developer-online-course.jpg?w=1024" medium="image">
<media:title type="html">Explore the Beginner WordPress Developer course on WordPress.org.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/html-code-in-wordpress-editor.jpg?w=1024" medium="image">
<media:title type="html">HTML is the backbone of all web pages - here's what it looks like.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/responsive-design-in-wordpress-site-editor.jpg?w=1024" medium="image">
<media:title type="html">CSS defines a website's visual look.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/php-code-in-wordpress-example.jpg?w=1024" medium="image">
<media:title type="html">Here's what PHP - the main WordPress backend language - looks like.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/wordpress-mysql-database-example.jpg?w=1024" medium="image">
<media:title type="html">Learning MySQL can help you build a career as a WordPress developer, Here's what a database looks like.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/wordpress.com-developer-documentation-1.jpg?w=1024" medium="image">
<media:title type="html">WordPress developer documentation helps you learn WordPress development faster.</media:title>
</media:content>
</item>
<item>
<title>How Net Literacy Secures Its Legacy With WordPress.com’s 100‑Year Plan</title>
<link>https://wordpress.com/blog/2025/10/17/net-literacy-100-year-plan/</link>
<comments>https://wordpress.com/blog/2025/10/17/net-literacy-100-year-plan/#comments</comments>
<dc:creator><![CDATA[Peter Schimke]]></dc:creator>
<pubDate>Fri, 17 Oct 2025 15:00:00 +0000</pubDate>
<category><![CDATA[Customer Stories]]></category>
<guid isPermaLink="false">http://en.blog.wordpress.com/?p=81226</guid>
<description><![CDATA[Net Literacy, a nonprofit promoting digital inclusion, adopts WordPress.com’s 100-Year Plan, ensuring long-term access to resources for future generations amidst funding cycles and changes.]]></description>
<content:encoded><![CDATA[
<p>When the non-profit <a href="https://www.netliteracy.org/">Net Literacy</a> launched 20 years ago, it started with a simple but powerful idea: Empower those without Internet skills or resources to get online, with youth volunteers serving as teachers and ambassadors. Today, they have grown into a global nonprofit reaching over 250,000 people through digital inclusion and financial education while growing  into new areas, such as AI literacy.</p>
<p>However, sustaining that impact across generations requires more than passion; it needs digital permanence and peace of mind that their resources will always be available online. This is what inspired Net Literacy to become one of the first customers to adopt <a href="https://wordpress.com/100-year/?ref=blog">WordPress.com’s 100‑Year Plan</a>.</p>
<p>“A number of things really appealed to us about the 100‑Year Plan,” Net Literacy founder and CEO Dan Kent says. “First of all, it provides us with a lot of simplification and certainty around our operations. As a nonprofit, we’re looking to provide services for multiple generations.” </p>
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<div class="embed-youtube"><iframe title="How this Non-Profit Secured its Mission for 100 Years" width="500" height="281" src="https://www.youtube.com/embed/g7Qa7eprhD0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
</div></figure>
<h2 class="wp-block-heading">Planning for certainty</h2>
<p>Nonprofits live in cycles of funding and change. As Kent (who founded Net Literacy when he was only 14 years old explains, “As a nonprofit, our fundraising definitely is cyclical […] so, to provide us the certainty and peace of mind for our operations, the 100‑Year Plan protects us from downside risks and ensures that we’re able to continue our mission […] remain on the Internet for anybody around the world to access.”</p>
<p>Net Literacy’s mission is to establish and maintain an open, long-term digital curriculum that will be available for generations. For that, they rely on a website that cannot be lost to expired domains or administrative lapses. According to Kent, “The 100‑Year Plan provides us peace of mind, ensuring that future generations of volunteers […] don’t have to worry about making sure that our resources are accessible for anybody around the world.”</p>
<h2 class="wp-block-heading">Tools to match the legacy </h2>
<p>Net Literacy’s programs tackle long-term challenges like closing the digital divide and spreading AI literacy. “Organizations that solve really big, meaty problems will really value this 100‑Year Plan,” Kent says. “Particularly those […] tackling problems that aren’t easily solved in decades, and need to measure their impact in generations.” </p>
<p>This isn’t just about hosting your website online with world-class open source software. It’s a promise that an organization’s digital presence is built to last and ready for anything. WordPress.com’s century-based products (which also includes <a href="https://wordpress.com/100-year-domain/?ref=blog">100-year domains</a>) take a multi-layered approach that begins with a long-term investment model to endow the data, ensuring there will always be finances available to maintain the service. </p>
<p>This is then combined with distributed cloud server infrastructure, time-machine like layered backups, seamless trust-account continuity, and integration with the <a href="https://archive.org/">Internet Archive</a>, making the 100-Year Plan not just a hosting plan, but a digital legacy fortress. </p>
<h2 class="wp-block-heading">A trusted partnership backed by recognition</h2>
<p>Net Literacy felt confident about the alignment between <a href="http://wordpress.com">WordPress.com</a> and their organizational goals. “WordPress.com has been around as long as we have,” Kent says. “That track record matters.” </p>
<p>Their trust in <a href="http://wordpress.com">WordPress.com</a> was reinforced when the <a href="https://wordpress.com/100-year/?ref=blog">100‑Year Plan</a> and <a href="https://wordpress.com/100-year-domain/?ref=blog">Domain</a> were recognized by <a href="https://x.com/automattic/status/1925168973064056969">Actualidad Economíca as one of the “100 Best Ideas of 2025”</a> — a prestigious Impact Leader Award that underscores its innovation in digital legacy infrastructure.</p>
<h2 class="wp-block-heading">Building for the long haul — together</h2>
<p>Kent’s vision is clear: change is inevitable, but mission continuity is essential. </p>
<p>“The one thing that will be constant going forward is change […] things such as the 100‑Year Plan … will make sure that we have a lot more optionality and make sure that our mission continues into the future,” Kent says.</p>
<p>With both mission and medium secured, Net Literacy is ready for what comes next. Thanks to the 100‑Year Plan, their educational resources won’t vanish — they will endure.</p>
<p>Learn more about how to secure and future-proof your digital legacy with the <a href="https://wordpress.com/100-year/?ref=blog">100-Year Plan</a> and <a href="https://wordpress.com/100-year-domain/?ref=blog">100-Year Domain</a>.</p>
]]></content:encoded>
<wfw:commentRss>https://wordpress.com/blog/2025/10/17/net-literacy-100-year-plan/feed/</wfw:commentRss>
<slash:comments>4</slash:comments>
<media:thumbnail url="https://en-blog.files.wordpress.com/2025/10/net-literacy-100-year-header.jpg" />
<media:content url="https://en-blog.files.wordpress.com/2025/10/net-literacy-100-year-header.jpg" medium="image">
<media:title type="html">How Net Literacy is Future-Proofing Its Mission With WordPress.com’s 100‑Year Plan</media:title>
</media:content>
<media:content url="https://1.gravatar.com/avatar/aabd08d058a90e86409adb6128672844d9f8a4f805f998483d9187f5e24a569f?s=96&d=retro" medium="image">
<media:title type="html">hellopeterschimke</media:title>
</media:content>
</item>
<item>
<title>3 New Features in the Jetpack Mobile App</title>
<link>https://wordpress.com/blog/2025/10/16/3-new-features-in-the-jetpack-mobile-app/</link>
<comments>https://wordpress.com/blog/2025/10/16/3-new-features-in-the-jetpack-mobile-app/#comments</comments>
<dc:creator><![CDATA[Alex Grebenyuk]]></dc:creator>
<pubDate>Thu, 16 Oct 2025 15:00:00 +0000</pubDate>
<category><![CDATA[Product Features]]></category>
<guid isPermaLink="false">http://en.blog.wordpress.com/?p=81188</guid>
<description><![CDATA[We’ve been cooking a few major updates for the Jetpack app ahead of the iOS 26 launch, and with the latest 26.4, we are pushing the latest batch with a new feature designed to save you time and eliminate friction. Let’s dive into what’s new.]]></description>
<content:encoded><![CDATA[
<p>iOS 26 brought some significant updates to Apple’s mobile operating system, and we’re keeping pace with updates of our own in the Jetpack mobile app. With the release of Jetpack app 26.4, we’re shipping three new features designed to save you time, eliminate friction, and improve your experience. Let’s dive into what’s new.</p>
<h2 class="wp-block-heading">Improved Stats</h2>
<p>The new Stats screen retains the original structure, but improves every single aspect of the experience — better design, better interactions and animations, new features, and new technology to power it.</p>
<figure class="wp-block-video wp-block-embed is-type-video is-provider-videopress"><div class="wp-block-embed__wrapper" style="max-width:535px;margin:auto">
<iframe title='VideoPress Video Player' aria-label='VideoPress Video Player' width='500' height='500' src='https://video.wordpress.com/embed/jLaqqlY9?cover=1&autoPlay=1&controls=0&loop=1&muted=1&persistVolume=0&playsinline=1&preloadContent=metadata&useAverageColor=1&hd=1' frameborder='0' allowfullscreen data-resize-to-parent="true" allow='clipboard-write' ></iframe><script src='https://v0.wordpress.com/js/next/videopress-iframe.js?m=1739540970'></script>
</div></figure>
<p>A new line chart with comparison periods, hourly data, trend indicators for metrics, significant data points on charts, custom date ranges, engagement and newsletter metrics for posts, full customization — these are just some of the new features coming to Jetpack Stats on mobile.</p>
<figure data-carousel-extra='{"blog_id":3584907,"permalink":"https:\/\/wordpress.com\/blog\/2025\/10\/16\/3-new-features-in-the-jetpack-mobile-app\/"}' class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure data-wp-context="{"imageId":"6903b82d5b7ba"}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img data-attachment-id="81194" data-permalink="https://wordpress.com/blog/2025/10/16/3-new-features-in-the-jetpack-mobile-app/stats-3/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/stats-3.webp" data-orig-size="912,1830" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="stats-3" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/stats-3.webp?w=150" data-large-file="https://en-blog.files.wordpress.com/2025/10/stats-3.webp?w=510" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" data-id="81194" src="https://en-blog.files.wordpress.com/2025/10/stats-3.webp" alt="Image of new feature in Jetpack Stats. " class="wp-image-81194" /><button
class="lightbox-trigger"
type="button"
aria-haspopup="dialog"
aria-label="Enlarge"
data-wp-init="callbacks.initTriggerButton"
data-wp-on-async--click="actions.showLightbox"
data-wp-style--right="state.imageButtonRight"
data-wp-style--top="state.imageButtonTop"
>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
<path fill="#fff" d="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" />
</svg>
</button></figure>
<figure data-wp-context="{"imageId":"6903b82d5bc11"}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img data-attachment-id="81192" data-permalink="https://wordpress.com/blog/2025/10/16/3-new-features-in-the-jetpack-mobile-app/stats-2/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/stats-2.webp" data-orig-size="912,1830" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="stats-2" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/stats-2.webp?w=150" data-large-file="https://en-blog.files.wordpress.com/2025/10/stats-2.webp?w=510" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" data-id="81192" src="https://en-blog.files.wordpress.com/2025/10/stats-2.webp" alt="Image of new feature in Jetpack Stats. " class="wp-image-81192" /><button
class="lightbox-trigger"
type="button"
aria-haspopup="dialog"
aria-label="Enlarge"
data-wp-init="callbacks.initTriggerButton"
data-wp-on-async--click="actions.showLightbox"
data-wp-style--right="state.imageButtonRight"
data-wp-style--top="state.imageButtonTop"
>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
<path fill="#fff" d="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" />
</svg>
</button></figure>
<figure data-wp-context="{"imageId":"6903b82d5c01f"}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img data-attachment-id="81193" data-permalink="https://wordpress.com/blog/2025/10/16/3-new-features-in-the-jetpack-mobile-app/stats-1/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/stats-1.webp" data-orig-size="912,1830" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="stats-1" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/stats-1.webp?w=150" data-large-file="https://en-blog.files.wordpress.com/2025/10/stats-1.webp?w=510" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" data-id="81193" src="https://en-blog.files.wordpress.com/2025/10/stats-1.webp" alt="Image of new feature in Jetpack Stats. " class="wp-image-81193" /><button
class="lightbox-trigger"
type="button"
aria-haspopup="dialog"
aria-label="Enlarge"
data-wp-init="callbacks.initTriggerButton"
data-wp-on-async--click="actions.showLightbox"
data-wp-style--right="state.imageButtonRight"
data-wp-style--top="state.imageButtonTop"
>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
<path fill="#fff" d="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" />
</svg>
</button></figure>
</figure>
<p></p>
<p>The new experience can be enabled using the “more” menu on the current Stats screen and can be disabled at any time. Please, give it a try and let us know what you think using the “Send Feedback” option available in the same menu.</p>
<h2 class="wp-block-heading">On-device intelligence</h2>
<p>This year, Apple made it possible for apps like ours to utilize their on-device AI models, bringing intelligence features to our apps in a privacy-sensitive manner. We started by adding three powerful features for the app — excerpt generation, suggested tags, and post summarization.</p>
<p>The new features also arrive with a redesigned publishing experience that makes it easier to configure the post for publishing without missing any important details. With models running on-device, we are able to generate the suggestions pro-actively and at no-cost.</p>
<figure class="wp-block-video wp-block-embed is-type-video is-provider-videopress"><div class="wp-block-embed__wrapper" style="max-width:548px;margin:auto">
<iframe title='VideoPress Video Player' aria-label='VideoPress Video Player' width='500' height='500' src='https://video.wordpress.com/embed/vnsdw1by?cover=1&autoPlay=1&controls=0&loop=1&muted=1&persistVolume=0&playsinline=1&preloadContent=metadata&useAverageColor=1&hd=1' frameborder='0' allowfullscreen data-resize-to-parent="true" allow='clipboard-write' ></iframe><script src='https://v0.wordpress.com/js/next/videopress-iframe.js?m=1739540970'></script>
</div></figure>
<p></p>
<p>The new intelligence features require an iOS 26 device that supports Apple Intelligence and are initially only available in English, with more options coming later this year.</p>
<figure data-carousel-extra='{"blog_id":3584907,"permalink":"https:\/\/wordpress.com\/blog\/2025\/10\/16\/3-new-features-in-the-jetpack-mobile-app\/"}' class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex">
<figure data-wp-context="{"imageId":"6903b82d5c703"}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img data-attachment-id="81196" data-permalink="https://wordpress.com/blog/2025/10/16/3-new-features-in-the-jetpack-mobile-app/ai2-01/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/ai2-01.png" data-orig-size="912,1830" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="ai2-01" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/ai2-01.png?w=150" data-large-file="https://en-blog.files.wordpress.com/2025/10/ai2-01.png?w=510" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" data-id="81196" src="https://en-blog.files.wordpress.com/2025/10/ai2-01.png" alt="AI features in Jetpack mobile app." class="wp-image-81196" /><button
class="lightbox-trigger"
type="button"
aria-haspopup="dialog"
aria-label="Enlarge"
data-wp-init="callbacks.initTriggerButton"
data-wp-on-async--click="actions.showLightbox"
data-wp-style--right="state.imageButtonRight"
data-wp-style--top="state.imageButtonTop"
>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
<path fill="#fff" d="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" />
</svg>
</button></figure>
<figure data-wp-context="{"imageId":"6903b82d5cb36"}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img data-attachment-id="81197" data-permalink="https://wordpress.com/blog/2025/10/16/3-new-features-in-the-jetpack-mobile-app/ai2-03/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/ai2-03.png" data-orig-size="912,1830" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="ai2-03" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/ai2-03.png?w=150" data-large-file="https://en-blog.files.wordpress.com/2025/10/ai2-03.png?w=510" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" data-id="81197" src="https://en-blog.files.wordpress.com/2025/10/ai2-03.png" alt="AI features in Jetpack mobile app." class="wp-image-81197" /><button
class="lightbox-trigger"
type="button"
aria-haspopup="dialog"
aria-label="Enlarge"
data-wp-init="callbacks.initTriggerButton"
data-wp-on-async--click="actions.showLightbox"
data-wp-style--right="state.imageButtonRight"
data-wp-style--top="state.imageButtonTop"
>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
<path fill="#fff" d="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" />
</svg>
</button></figure>
<figure data-wp-context="{"imageId":"6903b82d5cf26"}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img data-attachment-id="81198" data-permalink="https://wordpress.com/blog/2025/10/16/3-new-features-in-the-jetpack-mobile-app/ai2-02/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/ai2-02.png" data-orig-size="912,1830" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="ai2-02" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/ai2-02.png?w=150" data-large-file="https://en-blog.files.wordpress.com/2025/10/ai2-02.png?w=510" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" data-id="81198" src="https://en-blog.files.wordpress.com/2025/10/ai2-02.png" alt="AI features in Jetpack mobile app." class="wp-image-81198" /><button
class="lightbox-trigger"
type="button"
aria-haspopup="dialog"
aria-label="Enlarge"
data-wp-init="callbacks.initTriggerButton"
data-wp-on-async--click="actions.showLightbox"
data-wp-style--right="state.imageButtonRight"
data-wp-style--top="state.imageButtonTop"
>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
<path fill="#fff" d="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" />
</svg>
</button></figure>
</figure>
<h2 class="wp-block-heading" id="liquid-glass">Liquid Glass</h2>
<p>We’ve been hard at work to get our app up to speed with the latest Apple design and technology, including Liquid Glass — a new design language.</p>
<figure class="wp-block-video wp-block-embed is-type-video is-provider-videopress"><div class="wp-block-embed__wrapper" style="max-width:594px;margin:auto">
<iframe title='VideoPress Video Player' aria-label='VideoPress Video Player' width='500' height='500' src='https://video.wordpress.com/embed/COteK7qK?cover=1&autoPlay=1&controls=0&loop=1&muted=1&persistVolume=0&playsinline=1&preloadContent=metadata&useAverageColor=1&hd=1' frameborder='0' allowfullscreen data-resize-to-parent="true" allow='clipboard-write' ></iframe><script src='https://v0.wordpress.com/js/next/videopress-iframe.js?m=1739540970'></script>
</div></figure>
<p></p>
<p>It elevated every single aspect of the experience, and especially in Reader, which is stunning. But it’s not just Reader — every part of the app was reviewed and updated to take the best advantage of Liquid Glass.</p>
<figure data-carousel-extra='{"blog_id":3584907,"permalink":"https:\/\/wordpress.com\/blog\/2025\/10\/16\/3-new-features-in-the-jetpack-mobile-app\/"}' class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex">
<figure data-wp-context="{"imageId":"6903b82d5d593"}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img data-attachment-id="81201" data-permalink="https://wordpress.com/blog/2025/10/16/3-new-features-in-the-jetpack-mobile-app/reader-01/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/reader-01.png" data-orig-size="912,1830" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="reader-01" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/reader-01.png?w=150" data-large-file="https://en-blog.files.wordpress.com/2025/10/reader-01.png?w=510" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" data-id="81201" src="https://en-blog.files.wordpress.com/2025/10/reader-01.png" alt="Reader in the Jetpack mobile app." class="wp-image-81201" /><button
class="lightbox-trigger"
type="button"
aria-haspopup="dialog"
aria-label="Enlarge"
data-wp-init="callbacks.initTriggerButton"
data-wp-on-async--click="actions.showLightbox"
data-wp-style--right="state.imageButtonRight"
data-wp-style--top="state.imageButtonTop"
>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
<path fill="#fff" d="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" />
</svg>
</button></figure>
<figure data-wp-context="{"imageId":"6903b82d5d9b7"}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img data-attachment-id="81200" data-permalink="https://wordpress.com/blog/2025/10/16/3-new-features-in-the-jetpack-mobile-app/reader-02/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/reader-02.png" data-orig-size="912,1830" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="reader-02" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/reader-02.png?w=150" data-large-file="https://en-blog.files.wordpress.com/2025/10/reader-02.png?w=510" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" data-id="81200" src="https://en-blog.files.wordpress.com/2025/10/reader-02.png" alt="Reader in the Jetpack mobile app." class="wp-image-81200" /><button
class="lightbox-trigger"
type="button"
aria-haspopup="dialog"
aria-label="Enlarge"
data-wp-init="callbacks.initTriggerButton"
data-wp-on-async--click="actions.showLightbox"
data-wp-style--right="state.imageButtonRight"
data-wp-style--top="state.imageButtonTop"
>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
<path fill="#fff" d="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" />
</svg>
</button></figure>
<figure data-wp-context="{"imageId":"6903b82d5ddb2"}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img data-attachment-id="81202" data-permalink="https://wordpress.com/blog/2025/10/16/3-new-features-in-the-jetpack-mobile-app/reader-04/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/reader-04.png" data-orig-size="912,1830" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="reader-04" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/reader-04.png?w=150" data-large-file="https://en-blog.files.wordpress.com/2025/10/reader-04.png?w=510" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" data-id="81202" src="https://en-blog.files.wordpress.com/2025/10/reader-04.png" alt="Reader in the Jetpack mobile app." class="wp-image-81202" /><button
class="lightbox-trigger"
type="button"
aria-haspopup="dialog"
aria-label="Enlarge"
data-wp-init="callbacks.initTriggerButton"
data-wp-on-async--click="actions.showLightbox"
data-wp-style--right="state.imageButtonRight"
data-wp-style--top="state.imageButtonTop"
>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
<path fill="#fff" d="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" />
</svg>
</button></figure>
</figure>
<h2 class="wp-block-heading">See what’s new in the app</h2>
<p>We hope you enjoy these new features! If you’d like to try them, they are all currently available in the Jetpack mobile app. Upgrade or download it today for <a href="https://apps.apple.com/us/app/jetpack-for-wordpress/id1565481562">iOS</a> or <a href="https://play.google.com/store/apps/details?id=com.jetpack.android">Android</a>.<br></p>
]]></content:encoded>
<wfw:commentRss>https://wordpress.com/blog/2025/10/16/3-new-features-in-the-jetpack-mobile-app/feed/</wfw:commentRss>
<slash:comments>6</slash:comments>
<media:thumbnail url="https://en-blog.files.wordpress.com/2025/10/jetpack-new-features-header.jpg" />
<media:content url="https://en-blog.files.wordpress.com/2025/10/jetpack-new-features-header.jpg" medium="image" />
<media:content url="https://0.gravatar.com/avatar/64e95acf3cbdb482933014b301b8a2ad461363261d29928a989fc6e37862481a?s=96&d=retro" medium="image">
<media:title type="html">alexgrebenyuk</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/stats-3.webp" medium="image">
<media:title type="html">Image of new feature in Jetpack Stats. </media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/stats-2.webp" medium="image">
<media:title type="html">Image of new feature in Jetpack Stats. </media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/stats-1.webp" medium="image">
<media:title type="html">Image of new feature in Jetpack Stats. </media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/ai2-01.png" medium="image">
<media:title type="html">AI features in Jetpack mobile app.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/ai2-03.png" medium="image">
<media:title type="html">AI features in Jetpack mobile app.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/ai2-02.png" medium="image">
<media:title type="html">AI features in Jetpack mobile app.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/reader-01.png" medium="image">
<media:title type="html">Reader in the Jetpack mobile app.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/reader-02.png" medium="image">
<media:title type="html">Reader in the Jetpack mobile app.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/reader-04.png" medium="image">
<media:title type="html">Reader in the Jetpack mobile app.</media:title>
</media:content>
</item>
<item>
<title>Introducing Blueprints in WordPress Studio 1.6.0</title>
<link>https://wordpress.com/blog/2025/10/08/introducing-blueprints-in-wordpress-studio-1-6-0/</link>
<comments>https://wordpress.com/blog/2025/10/08/introducing-blueprints-in-wordpress-studio-1-6-0/#comments</comments>
<dc:creator><![CDATA[Nick Diego]]></dc:creator>
<pubDate>Wed, 08 Oct 2025 14:24:00 +0000</pubDate>
<category><![CDATA[Development]]></category>
<category><![CDATA[WordPress Studio]]></category>
<guid isPermaLink="false">http://en.blog.wordpress.com/?p=81099</guid>
<description><![CDATA[WordPress Studio 1.6.0 adds Blueprint support to create sites from repeatable recipes. Use featured Blueprints or your own to install plugins, activate themes, and get straight to work.]]></description>
<content:encoded><![CDATA[
<p>Starting a new site in <a href="https://developer.wordpress.com/studio?utm_source=dotcom_blog&utm_medium=blog_post&utm_campaign=blueprints_launch">WordPress Studio</a> just got faster: Blueprint support is now enabled in version 1.6.0. </p>
<p>With Blueprints, you don’t have to start with an empty WordPress site; simply predefine your preferred setup once and reuse it. If your team relies on a standard scaffold, turn it into a Blueprint and keep every project consistent and efficient.</p>
<p>With Blueprints in Studio, you can create sites from your own custom Blueprint or pick from a curated set of Blueprints to get up and running quickly.</p>
<p>Here’s a brief demo of this new feature in action.</p>
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<div class="embed-youtube"><iframe title="How to use Blueprints in WordPress Studio" width="500" height="281" src="https://www.youtube.com/embed/YKLHP_ADj6o?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
</div></figure>
<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-white-color has-text-color has-link-color wp-element-button" href="https://developer.wordpress.com/studio?utm_source=dotcom_blog&utm_medium=blog_post&utm_campaign=blueprints_launch">Try Blueprints in Studio</a></div>
</div>
<h2 class="wp-block-heading">How Blueprints work in Studio</h2>
<p>Blueprints are lightweight JSON “recipes” for WordPress sites. Instead of saving a full site copy, they tell Studio which versions, plugins, and settings to apply so you and your team can spin up the same environment anytime.</p>
<p>Other local development tools often rely on full-site snapshots, which can be large, hard to share, and locked to a single environment. Studio Blueprints, by contrast, are portable and declarative: a single JSON file can reproduce the same site setup on any machine, instantly. That makes them more flexible for teams, easier to keep in sync, and more powerful for testing and iteration.</p>
<p>Creating local sites from Blueprints is now incorporated into the standard new site creation flow within Studio. Studio runs on <a href="https://wordpress.org/playground/">WordPress Playground</a>, so if you’ve used Playground Blueprints before, you can use the same ones here or use one of our free featured Blueprints.</p>
<p>Once you have Studio installed on your computer, click the “<strong>Add site</strong>” button in the lower left corner. The following screen will appear.</p>
<figure class="wp-block-image size-full"><img data-attachment-id="81111" data-permalink="https://wordpress.com/blog/2025/10/08/introducing-blueprints-in-wordpress-studio-1-6-0/studio-add-site-16-blue-v2/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/studio-add-site-16-blue-v2.jpg" data-orig-size="2120,1520" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="studio-add-site-16-blue-v2" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/studio-add-site-16-blue-v2.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/studio-add-site-16-blue-v2.jpg?w=1024" loading="lazy" width="2120" height="1520" src="https://en-blog.files.wordpress.com/2025/10/studio-add-site-16-blue-v2.jpg" alt="The new "Add a site" screen in WordPress Studio." class="wp-image-81111" srcset="https://en-blog.files.wordpress.com/2025/10/studio-add-site-16-blue-v2.jpg 2120w, https://en-blog.files.wordpress.com/2025/10/studio-add-site-16-blue-v2.jpg?w=150&h=108 150w, https://en-blog.files.wordpress.com/2025/10/studio-add-site-16-blue-v2.jpg?w=300&h=215 300w, https://en-blog.files.wordpress.com/2025/10/studio-add-site-16-blue-v2.jpg?w=768&h=551 768w, https://en-blog.files.wordpress.com/2025/10/studio-add-site-16-blue-v2.jpg?w=1024&h=734 1024w, https://en-blog.files.wordpress.com/2025/10/studio-add-site-16-blue-v2.jpg?w=1440&h=1032 1440w" sizes="(max-width: 2120px) 100vw, 2120px" /></figure>
<p>Select “<strong>Start from a Blueprint,</strong>” and you will see a gallery of featured Blueprints and an option to choose your own custom Blueprint.</p>
<figure class="wp-block-image size-full"><img data-attachment-id="81110" data-permalink="https://wordpress.com/blog/2025/10/08/introducing-blueprints-in-wordpress-studio-1-6-0/studio-add-site-blueprints-16-blue-v2/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/studio-add-site-blueprints-16-blue-v2.jpg" data-orig-size="2120,1526" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="studio-add-site-blueprints-16-blue-v2" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/studio-add-site-blueprints-16-blue-v2.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/studio-add-site-blueprints-16-blue-v2.jpg?w=1024" loading="lazy" width="2120" height="1526" src="https://en-blog.files.wordpress.com/2025/10/studio-add-site-blueprints-16-blue-v2.jpg" alt="The new "Start from a blueprint" screen in WordPress Studio showcases the Featured Blueprints as well as the option to upload your own." class="wp-image-81110" srcset="https://en-blog.files.wordpress.com/2025/10/studio-add-site-blueprints-16-blue-v2.jpg 2120w, https://en-blog.files.wordpress.com/2025/10/studio-add-site-blueprints-16-blue-v2.jpg?w=150&h=108 150w, https://en-blog.files.wordpress.com/2025/10/studio-add-site-blueprints-16-blue-v2.jpg?w=300&h=216 300w, https://en-blog.files.wordpress.com/2025/10/studio-add-site-blueprints-16-blue-v2.jpg?w=768&h=553 768w, https://en-blog.files.wordpress.com/2025/10/studio-add-site-blueprints-16-blue-v2.jpg?w=1024&h=737 1024w, https://en-blog.files.wordpress.com/2025/10/studio-add-site-blueprints-16-blue-v2.jpg?w=1440&h=1037 1440w" sizes="(max-width: 2120px) 100vw, 2120px" /></figure>
<p>Studio currently includes three featured Blueprints:</p>
<ul class="wp-block-list">
<li><strong>Quick Start:</strong> Sets up a local site that mirrors the WordPress.com Business plan so that you can build in a production-like environment</li>
<li><strong>Development: </strong>Optimized for theme and plugin development, with tools like Plugin Check and Create Block Theme preinstalled</li>
<li><strong>Commerce: </strong>Powered by WooCommerce and companion plugins, giving you a store-ready site out of the box</li>
</ul>
<p>If a featured Blueprint fits your needs, select it and click <strong>Continue</strong>. To use your own Blueprint, click “<strong>Choose Blueprint file</strong>,” select the JSON file from your computer, and click <strong>Continue</strong>.</p>
<p>Next, name your site. You can access more options, such as WordPress and PHP version configuration, by opening “<strong>Advanced settings</strong>.” When you’re ready, click “<strong>Add site</strong>.”</p>
<figure class="wp-block-image size-full"><img data-attachment-id="81107" data-permalink="https://wordpress.com/blog/2025/10/08/introducing-blueprints-in-wordpress-studio-1-6-0/studio-add-site-name-settings-16-blue/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/studio-add-site-name-settings-16-blue.jpg" data-orig-size="1590,1181" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="studio-add-site-name-settings-16-blue" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/studio-add-site-name-settings-16-blue.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/studio-add-site-name-settings-16-blue.jpg?w=1024" loading="lazy" width="1590" height="1181" src="https://en-blog.files.wordpress.com/2025/10/studio-add-site-name-settings-16-blue.jpg" alt="Set the site name and configure advanced settings." class="wp-image-81107" srcset="https://en-blog.files.wordpress.com/2025/10/studio-add-site-name-settings-16-blue.jpg 1590w, https://en-blog.files.wordpress.com/2025/10/studio-add-site-name-settings-16-blue.jpg?w=150&h=111 150w, https://en-blog.files.wordpress.com/2025/10/studio-add-site-name-settings-16-blue.jpg?w=300&h=223 300w, https://en-blog.files.wordpress.com/2025/10/studio-add-site-name-settings-16-blue.jpg?w=768&h=570 768w, https://en-blog.files.wordpress.com/2025/10/studio-add-site-name-settings-16-blue.jpg?w=1024&h=761 1024w, https://en-blog.files.wordpress.com/2025/10/studio-add-site-name-settings-16-blue.jpg?w=1440&h=1070 1440w" sizes="(max-width: 1590px) 100vw, 1590px" /></figure>
<p>Behind the scenes, Studio builds the site from whichever Blueprint you selected or added. This flow should feel familiar to adding a blank site in Studio.</p>
<h2 class="wp-block-heading">Blueprint-enabled workflows</h2>
<p>Blueprints bring speed and consistency to your workflow, whether you’re working solo or with a team.</p>
<p>They help you:</p>
<ul class="wp-block-list">
<li><strong>Streamline repeatable setups:</strong> Create Blueprints for common site types (blog, portfolio, store). Start new projects in Studio with the right foundation and get straight to work.</li>
<li><strong>Keep teams aligned:</strong> Add a <code>blueprint.json</code> to your project’s GitHub repository, whether you are building a plugin, theme, or full site. It scaffolds the same environment every time, so teammates can start in minutes. Version control keeps changes reviewable and consistent.</li>
<li><strong>Simplify demos and testing:</strong> Launch Studio with the exact theme, plugins, and sample content you need. Reproduce bugs or confirm fixes with a reliable, repeatable setup.</li>
</ul>
<p>The featured Blueprints in Studio are delivered through an API, so new ones appear in the app as soon as they’re published. After you’ve had a chance to try them, we’d love to hear how you’re using Blueprints and what additional options you’d find helpful. Share your feedback in the comments or <a href="https://github.com/Automattic/studio/discussions/1858">on GitHub</a>.</p>
<p>Ready to create your own? Start with the <a href="https://developer.wordpress.com/docs/guides/how-to-create-custom-blueprints/">How to create custom Blueprints</a> guide. If you already use WordPress Playground Blueprints, you can reuse them in Studio — there are just a few differences to keep in mind, which the guide covers.</p>
<h2 class="wp-block-heading">What’s next for Studio?</h2>
<p>Blueprint support and the featured Blueprints in this release are an initial step. We believe Blueprints will be a fundamental part of most Studio workflows, so additional enhancements will follow. We’re also exploring the possibility of a public Blueprint library on WordPress.com where you can create, store, and share your own.</p>
<p>In the meantime, the next focus areas are:  </p>
<ul class="wp-block-list">
<li><strong>Advanced Studio CLI:</strong> Create Studio sites, and push or pull site content to and from production and staging, all from the command line. The first pieces <a href="https://github.com/Automattic/studio/pull/1742">have already landed</a>.</li>
<li><strong>Streamlined site creation:</strong> This will make the process of creating live sites on WordPress.com from Studio, and pulling existing sites into Studio, much smoother. </li>
<li><strong>Performance improvements:</strong> Upcoming enhancements in WordPress Playground will make Studio even faster and more responsive.</li>
</ul>
<p>We also enabled <a href="https://github.com/Automattic/studio/discussions">GitHub Discussions</a> in the Studio repository. It’s a place for open conversation about the future of Studio, tips and tricks, questions, and more. It complements issues and pull requests. You’ll see me and the product team active there, and we hope you’ll join us.</p>
<p>Finally, if you haven’t tried Studio yet, or it’s been a while, now’s a great time to jump in. It’s free, open source, and improving rapidly.</p>
<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-white-color has-text-color has-link-color wp-element-button" href="https://developer.wordpress.com/studio?utm_source=dotcom_blog&utm_medium=blog_post&utm_campaign=blueprints_launch">Try WordPress Studio now</a></div>
</div>
<p></p>
]]></content:encoded>
<wfw:commentRss>https://wordpress.com/blog/2025/10/08/introducing-blueprints-in-wordpress-studio-1-6-0/feed/</wfw:commentRss>
<slash:comments>9</slash:comments>
<media:thumbnail url="https://en-blog.files.wordpress.com/2025/10/studio-blueprints-blog-thumbnail.jpg" />
<media:content url="https://en-blog.files.wordpress.com/2025/10/studio-blueprints-blog-thumbnail.jpg" medium="image">
<media:title type="html">studio-blueprints-blog-thumbnail</media:title>
</media:content>
<media:content url="https://2.gravatar.com/avatar/5d499534bfc21eaf9fa55506d50ffa01881d9a6cba58935552d3a8ac45944c29?s=96&d=retro" medium="image">
<media:title type="html">ndiego</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/studio-add-site-16-blue-v2.jpg" medium="image">
<media:title type="html">The new "Add a site" screen in WordPress Studio.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/studio-add-site-blueprints-16-blue-v2.jpg" medium="image">
<media:title type="html">The new "Start from a blueprint" screen in WordPress Studio showcases the Featured Blueprints as well as the option to upload your own.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/studio-add-site-name-settings-16-blue.jpg" medium="image">
<media:title type="html">Set the site name and configure advanced settings.</media:title>
</media:content>
</item>
<item>
<title>See Your Site Through AI: WordPress.com Now Supports MCP</title>
<link>https://wordpress.com/blog/2025/10/07/mcp/</link>
<comments>https://wordpress.com/blog/2025/10/07/mcp/#comments</comments>
<dc:creator><![CDATA[James W. LePage]]></dc:creator>
<pubDate>Tue, 07 Oct 2025 18:40:00 +0000</pubDate>
<category><![CDATA[News]]></category>
<category><![CDATA[Product Features]]></category>
<category><![CDATA[AI Tools]]></category>
<guid isPermaLink="false">http://en.blog.wordpress.com/?p=81124</guid>
<description><![CDATA[MCP lets AI assistants like Claude and Cursor generate real-time insights from your WordPress.com site data.]]></description>
<content:encoded><![CDATA[
<p>Whether you manage a single blog or a roster of client sites, it typically involves logging into dashboards, checking posts and comments, reviewing traffic statistics, and monitoring plugin or theme updates. Every question about your site’s health or performance takes time to answer.</p>
<p>Now you can simply ask an AI assistant like Claude, ChatGPT, or Cursor: “Show me my latest posts and how they’re performing.” </p>
<p>Within seconds, the results appear, pulled via <strong>WordPress.com’s new support for the Model Context Protocol (MCP)</strong>.</p>
<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button btn-primary text-color-white"><a class="wp-block-button__link wp-element-button" href="https://wordpress.com/support/model-context-protocol-mcp-settings/?ref=blog">Get started with MCP</a></div>
</div>
<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
<figure class="wp-block-jetpack-videopress jetpack-videopress-player" style="" >
<div class="jetpack-videopress-player__wrapper"> <div class="jetpack-video-wrapper"><iframe title='VideoPress Video Player' aria-label='VideoPress Video Player' width='500' height='303' src='https://video.wordpress.com/embed/LN1brC1l?cover=1&autoPlay=1&controls=0&loop=1&muted=0&persistVolume=1&playsinline=0&preloadContent=none&useAverageColor=1&hd=1' frameborder='0' allowfullscreen data-resize-to-parent="true" allow='clipboard-write' ></iframe><script src='https://v0.wordpress.com/js/next/videopress-iframe.js?m=1739540970'></script></div></div>
</figure>
<h2 class="wp-block-heading">Today’s manual back-and-forth</h2>
<p>AI assistants are already part of many creative and development workflows, helping people brainstorm copy, generate code, and analyze data. </p>
<p>But when it’s time to work with your WordPress site, those tools don’t have direct access to your site details. They don’t automatically know which posts went live, how traffic is trending, or what plugins are active, so you still end up copying, pasting, and exporting spreadsheets, adding extra steps every time you want an answer that your AI can’t reach on its own.</p>
<p>That gap means your AI can brainstorm and advise, but it hits a wall when it comes to actually <em>using</em> your site’s data to help you make meaningful decisions. What’s missing is a secure way for your AI assistant to <em>communicate</em> with your WordPress.com site and <em>understand</em> your content, stats, and settings.</p>
<h2 class="wp-block-heading">The WordPress.com MCP unlock</h2>
<p>That’s where <a href="https://modelcontextprotocol.io/docs/getting-started/intro">MCP</a> (Model Context Protocol) comes in — an open standard that lets applications provide context to large language models (LLMs).</p>
<p>With MCP, your AI assistant can actually connect to WordPress.com, giving you direct visibility into your site’s content, analytics, and settings, all without leaving your AI tool.</p>
<p>The result is:</p>
<ul class="wp-block-list">
<li><strong>Faster workflows</strong>: Skip the logins and clicking through individual site stats — just ask your AI assistant.</li>
<li><strong>AI and WordPress.com together</strong>: Bring all of your site content, data, and insights into one place.</li>
<li><strong>Secure by design</strong>: Safe access with nothing stored locally, and full control to connect and disconnect at any time.</li>
</ul>
<p><strong>As the first WordPress host to support MCP with OAuth by default</strong>, WordPress.com has made every site on a paid WordPress.com plan MCP-ready, if and when you’re ready to enable it.</p>
<p>Simply connect your favorite AI app (Claude Desktop, Cursor, VS Code, or any other AI assistant that supports MCP) and start communicating with your WordPress.com site in a brand new way.</p>
<p><strong>Currently, our MCP integration provides your AI assistant with “read-only” access to your site, </strong>meaning it can securely surface information and insights in your AI tool without requiring you to log in and manually retrieve them. “Write” access will come next, extending what your assistant can do as well as what it can see.</p>
<figure class="wp-block-image size-full"><img data-attachment-id="81136" data-permalink="https://wordpress.com/blog/2025/10/07/mcp/screenshot-85/" data-orig-file="https://en-blog.files.wordpress.com/2025/10/claude-desktop-wordpress-com-mcp-1.jpg" data-orig-size="1400,1076" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"Screenshot","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"Screenshot","orientation":"1"}" data-image-title="" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/10/claude-desktop-wordpress-com-mcp-1.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/10/claude-desktop-wordpress-com-mcp-1.jpg?w=1024" loading="lazy" width="1400" height="1076" src="https://en-blog.files.wordpress.com/2025/10/claude-desktop-wordpress-com-mcp-1.jpg" alt="A screenshot of Claude Desktop running MCP tools when connected to a WordPress.com website" class="wp-image-81136" srcset="https://en-blog.files.wordpress.com/2025/10/claude-desktop-wordpress-com-mcp-1.jpg 1400w, https://en-blog.files.wordpress.com/2025/10/claude-desktop-wordpress-com-mcp-1.jpg?w=150&h=115 150w, https://en-blog.files.wordpress.com/2025/10/claude-desktop-wordpress-com-mcp-1.jpg?w=300&h=231 300w, https://en-blog.files.wordpress.com/2025/10/claude-desktop-wordpress-com-mcp-1.jpg?w=768&h=590 768w, https://en-blog.files.wordpress.com/2025/10/claude-desktop-wordpress-com-mcp-1.jpg?w=1024&h=787 1024w" sizes="(max-width: 1400px) 100vw, 1400px" /><figcaption class="wp-element-caption">Ask AI assistants like Claude Desktop (pictured above) about your site health and get a comprehensive report and recommendations in seconds.</figcaption></figure>
<h2 class="wp-block-heading">How to get started with MCP on WordPress.com</h2>
<p>Getting started only takes a few minutes. Once enabled on your WordPress.com account, MCP works behind the scenes to connect your WordPress.com sites with your favorite AI assistant:</p>
<ol class="wp-block-list">
<li>Enable MCP <a href="http://wordpress.com/me/mcp/?ref=blog">on your WordPress.com account</a>.</li>
<li>Configure your AI application following the provided instructions.</li>
<li>Authenticate through our OAuth interface.</li>
</ol>
<p>After that, you can directly ask your AI assistant for information about your sites so you don’t have to dig through reports for basic answers. </p>
<p>Here are just a few examples of some of the things you may want to learn about your sites through your AI assistant:</p>
<ul class="wp-block-list">
<li><strong>“How did my latest post perform?”</strong> No need to click through pages of analytics; you get the traffic insights instantly in your AI assistant.</li>
<li><strong>“Run a comprehensive health check across all my WordPress.com sites – show me which ones need attention for storage, performance, or content freshness, then create a prioritized action plan.” </strong>Your AI assistant can instantly return a prioritized action plan — no manual site-by-site checks required.</li>
<li><strong>“Summarize recent comments across all my sites.” </strong>Address common reader questions and needs by getting a quick overview of the conversations happening across your sites.</li>
</ul>
<p>These are just a handful of ways MCP makes your WordPress.com site AI-readable. See the complete list of <a href="https://developer.wordpress.com/docs/mcp/tools-reference/">available MCP tools</a> and some <a href="https://developer.wordpress.com/docs/mcp/prompt-examples/">prompt examples</a> in our developer documentation.</p>
<h2 class="wp-block-heading">Try it today</h2>
<p>Understanding your site shouldn’t mean piecing together insights from half a dozen places. With MCP, you can now learn more about your website where you’re already working — in your AI assistant.</p>
<p>It’s a faster, more focused way to stay on top of your WordPress.com sites, with the reassurance that the connection is secured by OAuth and fully under your control.</p>
<p>WordPress.com’s MCP implementation is just one of many currently available in Automattic products — and you can even use them together. You can find <a href="https://automattic.ai/mcp/">a complete list of our MCP servers here</a>.</p>
<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button btn-primary text-color-white"><a class="wp-block-button__link wp-element-button" href="https://wordpress.com/support/model-context-protocol-mcp-settings/?ref=blog">Get started with MCP on WordPress.com</a></div>
</div>
<p></p>
]]></content:encoded>
<wfw:commentRss>https://wordpress.com/blog/2025/10/07/mcp/feed/</wfw:commentRss>
<slash:comments>4</slash:comments>
<enclosure url="http://videos.files.wordpress.com/LN1brC1l/mcp.mp4" length="11323605" type="video/mp4" />
<media:thumbnail url="https://en-blog.files.wordpress.com/2025/10/mcp-now-supported-wordpress-com-1.jpg" />
<media:content url="https://en-blog.files.wordpress.com/2025/10/mcp-now-supported-wordpress-com-1.jpg" medium="image">
<media:title type="html">mcp-now-supported-wordpress-com</media:title>
</media:content>
<media:content url="https://2.gravatar.com/avatar/557e0239367853c6460e862d57615a74a595ba487959908e1802e11caa26f35b?s=96&d=retro" medium="image">
<media:title type="html">lepagejames</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/10/claude-desktop-wordpress-com-mcp-1.jpg" medium="image">
<media:title type="html">A screenshot of Claude Desktop running MCP tools when connected to a WordPress.com website</media:title>
</media:content>
</item>
<item>
<title>How to Make a Portfolio Website in Three Simple Steps (+ Six Pro Tips)</title>
<link>https://wordpress.com/blog/2025/09/30/portfolio-website/</link>
<comments>https://wordpress.com/blog/2025/09/30/portfolio-website/#comments</comments>
<dc:creator><![CDATA[Rochi Zalani]]></dc:creator>
<pubDate>Tue, 30 Sep 2025 21:13:09 +0000</pubDate>
<category><![CDATA[Tips and Tutorials]]></category>
<guid isPermaLink="false">http://en.blog.wordpress.com/?p=81048</guid>
<description><![CDATA[Looking to build a portfolio site? Here’s a step-by-step guide on how to make one, along with pro tips to help you take your website from meh to magnificent.]]></description>
<content:encoded><![CDATA[
<p>Creating a portfolio website is one of the easiest ways to showcase your work as a creative — whether you’re a designer, writer, photographer, or developer. Initially, in my career as a freelance writer, I thought a static PDF or Google Doc collating my best work would suffice.</p>
<p>Having a professional portfolio website, however, makes quite a difference. For starters, it raises your stature because it signals a certain level of credibility and commitment to your craft that isn’t evident in other formats (like PDFs or online portfolio makers).</p>
<p>Beyond first impressions, creating a portfolio website has tons of functional benefits — it’s interactive, easier to keep up-to-date, and more accessible. I can also see which pages on my website get the most views and engagement to optimize my portfolio better.</p>
<p>Best of all, building a professional-looking website is easier than you think. It might appear overwhelming at first, but this guide will make the process straightforward. </p>
<h2 class="wp-block-heading">How to build a portfolio website in three simple steps</h2>
<p>Building a portfolio website seems daunting at first — especially if you haven’t created a website before. It seems easier to rely on mock portfolio builders than to make a site from scratch, but I promise <a href="https://wordpress.com/blog/2025/08/26/is-wordpress-easy-to-learn/">the process is easier than you think</a>. Here are all the steps you need to follow:</p>
<h3 class="wp-block-heading">Step 1: Select your best pieces of work</h3>
<p>It’s tempting to dump <em>all</em> the work you’ve ever done in your portfolio, but take it from someone who used to have writing samples from college internships (yikes) on her site: You must only show your best work on your portfolio website.</p>
<p>Why? Your prospective clients are busy people. They don’t have the time to scour through a ton of samples to evaluate your work and determine whether you’re a right fit for their needs. Displaying too many pieces of work also doesn’t leave a lasting impression. You want a potential client to land on your portfolio website, find your best work easily, and remember you.</p>
<p>So, pick only the best of the best work you’ve done so far to display on your portfolio website. If you work in multiple industries or have different categories within your work, you can pick a few samples from each segment.</p>
<p>For example, I write for various sectors — such as the creator economy, software, and productivity. On my portfolio site, each niche is a different page containing a few of the best samples from each category.</p>
<p>Now, when a prospective client lands on my website and they’re in the software industry, they can easily find the best samples in that domain instead of sifting through irrelevant pieces of work.</p>
<p>Organizing my portfolio this way also saves me time when I’m communicating with a lead and need to send relevant samples.</p>
<p>If you want to show work you’ve done for fun, you can classify it separately as your passion project(s).</p>
<p class="has-primary-light-background-color has-background"><strong>Takeaway</strong>: Select the best pieces of work you’ve done to showcase on your portfolio website. There’s not a singular ideal number of samples — it depends on your work experience, industry, and more. It always helps to think from a client’s perspective. <br><br>If they land on your portfolio website, which samples would impress them? How many samples would look too cluttered and make a client bounce? Which samples would best show your range of work? Start putting yourself in your client’s shoes and pick the best pieces of work accordingly.</p>
<h3 class="wp-block-heading">Step 2: Choose your web host and domain name (if you aren’t already using WordPress.com)</h3>
<p>If you’re already using WordPress.com to set up your site, you’re ahead of the game. If you’ve landed on this article without a WordPress.com account, no worries. Stick with me here — we’ll cover the foundation you need before you can bring your portfolio site to life.</p>
<p>You need two things to begin creating your portfolio website: a web host and a domain name.</p>
<ul class="wp-block-list">
<li>A <a href="https://wordpress.com/blog/2025/04/28/what-is-web-hosting/">web host</a> is a service provider that stores your website’s files and makes them accessible on the internet. <strong>We recommend WordPress.com</strong>.</li>
<li>A <a href="https://wordpress.com/blog/2025/03/21/what-is-a-domain-name/">domain name</a> is your website’s address on the internet.</li>
</ul>
<p class="has-primary-light-background-color has-background"><strong>Tip:</strong> If you’re confused between domain and hosting, <a href="https://wordpress.com/blog/2025/04/21/domain-vs-hosting/">this article highlights their differences</a> and explains why you need both services for your website.</p>
<p>If you want to avoid the headache of finding and integrating a web host, a domain name, and a website builder, you can choose a managed WordPress hosting provider like <a href="https://wordpress.com">WordPress.com</a> — where everything is in one place. You also don’t lose the flexibility and control to customize your website however you wish.</p>
<p>Anyone can get a website up and running with WordPress.com. Start with one of these resources:</p>
<ul class="wp-block-list">
<li><a href="https://wordpress.com/support/getting-started-with-wordpress-com/"><strong>Getting Started on WordPress.com</strong></a> (your intro to all things WordPress.com).</li>
<li><a href="https://wordpress.com/support/five-step-website-setup/"><strong>Five-step website setup</strong></a> (a quick and easy guide to spinning up your site).</li>
<li><a href="https://wordpress.com/support/courses/create-your-website/"><strong>Create Your Website on WordPress.com</strong></a> (our free and beginner-friendly video course that walks through the basics of building a website.</li>
</ul>
<p>Once you go through the sign up flow, you’re ready to start building your website.</p>
<p class="has-primary-light-background-color has-background"><strong>Tip:</strong> When you sign up with WordPress.com, you’ll be asked to choose a domain name. This can be something related to your business name, personal brand, or simply your full name. <br><br>You can also search available domain names with our <a href="https://wordpress.com/domains/">domain finder tool</a> or <a href="https://wordpress.com/setup/domain-transfer/intro">transfer an existing domain name</a> to WordPress.com if you have one with another domain provider.</p>
<h3 class="wp-block-heading">Step 3: Design your portfolio</h3>
<p>The final step is actually designing your portfolio. If you’ve chosen WordPress.com as your host, you’ll have access to thousands of free and premium themes. There are also <a href="https://wordpress.com/themes/filter/subject:portfolio">various themes specifically for portfolios</a> so you don’t have to start building your website from scratch.</p>
<figure class="wp-block-image size-full"><img data-attachment-id="81054" data-permalink="https://wordpress.com/blog/2025/09/30/portfolio-website/portfolio-themes-2/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/portfolio-themes.jpg" data-orig-size="1400,788" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="portfolio-themes" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/portfolio-themes.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/portfolio-themes.jpg?w=1024" loading="lazy" width="1400" height="788" src="https://en-blog.files.wordpress.com/2025/09/portfolio-themes.jpg" alt="Screenshot of WordPress.com's portfolio theme gallery." class="wp-image-81054" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/09/portfolio-themes.jpg 1400w, https://en-blog.files.wordpress.com/2025/09/portfolio-themes.jpg?w=150&h=84 150w, https://en-blog.files.wordpress.com/2025/09/portfolio-themes.jpg?w=300&h=169 300w, https://en-blog.files.wordpress.com/2025/09/portfolio-themes.jpg?w=768&h=432 768w, https://en-blog.files.wordpress.com/2025/09/portfolio-themes.jpg?w=1024&h=576 1024w" sizes="(max-width: 1400px) 100vw, 1400px" /></figure>
<p>Once you decide on a theme, customize the website to your brand’s <a href="https://wordpress.com/support/custom-colors/">colors</a> and <a href="https://wordpress.com/support/custom-fonts/">fonts</a>. If you have a <a href="https://wordpress.com/support/site-logo/">logo</a> for your creative business, you can add it to your website, too. </p>
<p>Then, <a href="https://wordpress.com/support/pages/">start adding pages</a> to your website. Here are the pages you should have on your portfolio site:</p>
<ul class="wp-block-list">
<li><strong>Homepage</strong>: This is the first place someone lands on when they type your domain or discover your portfolio site. Your home page should briefly introduce who you are and explain what you do. It should also have call-to-actions — like “see my work” or “contact me” — to help potential clients navigate your website. <a href="https://wordpress.com/support/pages/front-page/">Learn how to set your homepage</a>.<br></li>
<li><strong>About page</strong>: This is where someone can go to learn more about you. Use this place to share your professional experience and sprinkle in some personality. The goal is to make someone connect with the <em>person</em> behind the website. <br></li>
<li><strong>Contact page</strong>: You can have a dedicated contact page or embed a contact form on your site on various pages. Make it easy for people to reach you — include your email address, <a href="https://wordpress.com/support/wordpress-editor/blocks/social-icons-block/display-social-profiles/">social media links</a>, and a <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/insert-a-contact-form/">contact form</a>. If you’re comfortable, you can also include your phone number.<br></li>
<li><strong>Resume page (if applicable)</strong>: If you need it, you can also include a resume page where people can view and download your resume. Learn <a href="https://wordpress.com/support/uploading-documents/">how to upload documents</a> and <a href="https://wordpress.com/support/wordpress-editor/blocks/file-block/">use the File block</a> to make your resume downloadable.<br></li>
<li><strong>Portfolio page</strong>: This is the core of your site, where you show the work you selected in step one. WordPress.com has a dedicated portfolio function to showcase your work. <a href="https://wordpress.com/support/portfolios/">Learn how to use it on your site</a>. There are also <a href="https://wordpress.com/plugins?s=portfolio">portfolio plugins</a> to help you organize your work in different ways. </li>
</ul>
<p>The above are the essential pages you should have on your portfolio website, but don’t be afraid to get creative and add more pages if you need them. For example, if you’re planning to add blog posts that show your expertise, you can add a separate page for them on your site.</p>
<p class="has-primary-light-background-color has-background"><strong>Tip</strong>: Don’t select your best work once and then let it collect dust. You need to regularly update your website with new samples to showcase your <em>current</em> skill level. I set aside an hour at the end of each month to add recent work to my portfolio. Set up a similar ritual that works for you to ensure your portfolio site always matches your existing skillset.</p>
<h2 class="wp-block-heading">A look inside my portfolio website</h2>
<p>Here’s how I’ve designed my portfolio site using the steps outlined in the previous section. Hopefully, it helps you get some ideas about elements you can use in your own portfolio.</p>
<h3 class="wp-block-heading">1. Home page</h3>
<p>The <a href="https://rochizalani.com/">home page</a> has a clear hero image and a headline about what I do. I start by introducing myself and giving a brief summary about the clients I work with and the services I provide. I debated about adding my photo, but I realized it instantly humanizes my website.</p>
<figure class="wp-block-image size-full"><a href="https://en-blog.files.wordpress.com/2025/09/home-hero.jpg"><img data-attachment-id="81056" data-permalink="https://wordpress.com/blog/2025/09/30/portfolio-website/home-hero/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/home-hero.jpg" data-orig-size="1400,844" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="home-hero" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/home-hero.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/home-hero.jpg?w=1024" loading="lazy" width="1400" height="844" src="https://en-blog.files.wordpress.com/2025/09/home-hero.jpg" alt="Example of a portfolio site homepage." class="wp-image-81056" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/09/home-hero.jpg 1400w, https://en-blog.files.wordpress.com/2025/09/home-hero.jpg?w=150&h=90 150w, https://en-blog.files.wordpress.com/2025/09/home-hero.jpg?w=300&h=181 300w, https://en-blog.files.wordpress.com/2025/09/home-hero.jpg?w=768&h=463 768w, https://en-blog.files.wordpress.com/2025/09/home-hero.jpg?w=1024&h=617 1024w" sizes="(max-width: 1400px) 100vw, 1400px" /></a></figure>
<p>The call-to-action in the first section is to either visit the portfolio or scroll down to learn more about my work process. If you are a service provider, some details about how you work together can help clients feel more confident about your professionalism and get a rough idea about how you work.</p>
<p>The goal isn’t just to give potential clients a snippet of what working together feels like, but also to filter out clients who might not be a good fit.</p>
<figure class="wp-block-image size-full"><img data-attachment-id="81058" data-permalink="https://wordpress.com/blog/2025/09/30/portfolio-website/home-working-process/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/home-working-process.jpg" data-orig-size="1400,960" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="home-working-process" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/home-working-process.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/home-working-process.jpg?w=1024" loading="lazy" width="1400" height="960" src="https://en-blog.files.wordpress.com/2025/09/home-working-process.jpg" alt="Example of portfolio site homepage section that outlines the site owner's process." class="wp-image-81058" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/09/home-working-process.jpg 1400w, https://en-blog.files.wordpress.com/2025/09/home-working-process.jpg?w=150&h=103 150w, https://en-blog.files.wordpress.com/2025/09/home-working-process.jpg?w=300&h=206 300w, https://en-blog.files.wordpress.com/2025/09/home-working-process.jpg?w=768&h=527 768w, https://en-blog.files.wordpress.com/2025/09/home-working-process.jpg?w=1024&h=702 1024w" sizes="(max-width: 1400px) 100vw, 1400px" /></figure>
<p>In the middle of the home page, I’ve also added testimonials and logos of some of the brands I’ve worked with. This instantly builds trust and makes a potential client curious to learn more.</p>
<figure class="wp-block-image size-full"><a href="https://en-blog.files.wordpress.com/2025/09/home-testimonials.jpg"><img data-attachment-id="81060" data-permalink="https://wordpress.com/blog/2025/09/30/portfolio-website/home-testimonials/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/home-testimonials.jpg" data-orig-size="1400,652" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="home-testimonials" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/home-testimonials.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/home-testimonials.jpg?w=1024" loading="lazy" width="1400" height="652" src="https://en-blog.files.wordpress.com/2025/09/home-testimonials.jpg" alt="Example testimonials." class="wp-image-81060" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/09/home-testimonials.jpg 1400w, https://en-blog.files.wordpress.com/2025/09/home-testimonials.jpg?w=150&h=70 150w, https://en-blog.files.wordpress.com/2025/09/home-testimonials.jpg?w=300&h=140 300w, https://en-blog.files.wordpress.com/2025/09/home-testimonials.jpg?w=768&h=358 768w, https://en-blog.files.wordpress.com/2025/09/home-testimonials.jpg?w=1024&h=477 1024w" sizes="(max-width: 1400px) 100vw, 1400px" /></a></figure>
<p>I’ve also added a contact form and an FAQ section at the end, so it’s easy for clients to contact me without leaving the website and have their common queries answered.</p>
<figure class="wp-block-image size-full"><img data-attachment-id="81062" data-permalink="https://wordpress.com/blog/2025/09/30/portfolio-website/home-contact-faq/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/home-contact-faq.jpg" data-orig-size="1400,1022" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="home-contact-faq" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/home-contact-faq.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/home-contact-faq.jpg?w=1024" loading="lazy" width="1400" height="1022" src="https://en-blog.files.wordpress.com/2025/09/home-contact-faq.jpg" alt="Example of a contact page and FAQ on a portfolio website." class="wp-image-81062" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/09/home-contact-faq.jpg 1400w, https://en-blog.files.wordpress.com/2025/09/home-contact-faq.jpg?w=150&h=110 150w, https://en-blog.files.wordpress.com/2025/09/home-contact-faq.jpg?w=300&h=219 300w, https://en-blog.files.wordpress.com/2025/09/home-contact-faq.jpg?w=768&h=561 768w, https://en-blog.files.wordpress.com/2025/09/home-contact-faq.jpg?w=1024&h=748 1024w" sizes="(max-width: 1400px) 100vw, 1400px" /></figure>
<h3 class="wp-block-heading">2. Portfolio</h3>
<p>The <a href="https://rochizalani.com/portfolio/">portfolio page</a> on my website begins with a reiteration of who I am, what I do, and logos of some notable brands I’ve worked with. I find this repetition is often helpful because potential clients often land on my portfolio page before they land on my home page.</p>
<figure class="wp-block-image size-full"><img data-attachment-id="81064" data-permalink="https://wordpress.com/blog/2025/09/30/portfolio-website/portfolio-header/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/portfolio-header.jpg" data-orig-size="1400,697" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="portfolio-header" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/portfolio-header.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/portfolio-header.jpg?w=1024" loading="lazy" width="1400" height="697" src="https://en-blog.files.wordpress.com/2025/09/portfolio-header.jpg" alt="Example header of a portfolio page." class="wp-image-81064" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/09/portfolio-header.jpg 1400w, https://en-blog.files.wordpress.com/2025/09/portfolio-header.jpg?w=150&h=75 150w, https://en-blog.files.wordpress.com/2025/09/portfolio-header.jpg?w=300&h=149 300w, https://en-blog.files.wordpress.com/2025/09/portfolio-header.jpg?w=768&h=382 768w, https://en-blog.files.wordpress.com/2025/09/portfolio-header.jpg?w=1024&h=510 1024w" sizes="(max-width: 1400px) 100vw, 1400px" /></figure>
<p>The next section contains an image of me with the “Why should I hire you?” question answered. I’ve found adding this bit often helps soothe doubts of potential clients and helps me showcase how I stand out compared to the competition.</p>
<figure class="wp-block-image size-full"><img data-attachment-id="81066" data-permalink="https://wordpress.com/blog/2025/09/30/portfolio-website/portfolio-why-work-with-me/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/portfolio-why-work-with-me.jpg" data-orig-size="1400,843" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="portfolio-why-work-with-me" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/portfolio-why-work-with-me.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/portfolio-why-work-with-me.jpg?w=1024" loading="lazy" width="1400" height="843" src="https://en-blog.files.wordpress.com/2025/09/portfolio-why-work-with-me.jpg" alt="" class="wp-image-81066" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/09/portfolio-why-work-with-me.jpg 1400w, https://en-blog.files.wordpress.com/2025/09/portfolio-why-work-with-me.jpg?w=150&h=90 150w, https://en-blog.files.wordpress.com/2025/09/portfolio-why-work-with-me.jpg?w=300&h=181 300w, https://en-blog.files.wordpress.com/2025/09/portfolio-why-work-with-me.jpg?w=768&h=462 768w, https://en-blog.files.wordpress.com/2025/09/portfolio-why-work-with-me.jpg?w=1024&h=617 1024w" sizes="(max-width: 1400px) 100vw, 1400px" /></figure>
<p>After that, I put a spotlight on my best two testimonials from notable (present or former) clients in my industry to build some credibility. In future updates, I also plan on highlighting a few core phrases in these reviews to make the website more skimmable and memorable.</p>
<figure class="wp-block-image size-full"><img data-attachment-id="81068" data-permalink="https://wordpress.com/blog/2025/09/30/portfolio-website/portfolio-testimonials/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/portfolio-testimonials.jpg" data-orig-size="1400,940" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="portfolio-testimonials" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/portfolio-testimonials.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/portfolio-testimonials.jpg?w=1024" loading="lazy" width="1400" height="940" src="https://en-blog.files.wordpress.com/2025/09/portfolio-testimonials.jpg" alt="Example testimonials on a portfolio site." class="wp-image-81068" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/09/portfolio-testimonials.jpg 1400w, https://en-blog.files.wordpress.com/2025/09/portfolio-testimonials.jpg?w=150&h=101 150w, https://en-blog.files.wordpress.com/2025/09/portfolio-testimonials.jpg?w=300&h=201 300w, https://en-blog.files.wordpress.com/2025/09/portfolio-testimonials.jpg?w=768&h=516 768w, https://en-blog.files.wordpress.com/2025/09/portfolio-testimonials.jpg?w=1024&h=688 1024w" sizes="(max-width: 1400px) 100vw, 1400px" /></figure>
<p>Then come the samples. I categorize my samples into various folders to cater to the different kinds of clients I work with. I highly recommend doing this if you work in multiple industries, no matter how niche the difference is between them. It helps clients easily find <em>exactly</em> what they’re looking for to make the decision to hire you. It’s also handy when you want to send only one category’s sample to a potential client.</p>
<figure class="wp-block-image size-full"><img data-attachment-id="81070" data-permalink="https://wordpress.com/blog/2025/09/30/portfolio-website/portfolio-work-samples/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/portfolio-work-samples.jpg" data-orig-size="1400,906" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="portfolio-work-samples" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/portfolio-work-samples.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/portfolio-work-samples.jpg?w=1024" loading="lazy" width="1400" height="906" src="https://en-blog.files.wordpress.com/2025/09/portfolio-work-samples.jpg" alt="Examples of work samples on a portfolio site." class="wp-image-81070" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/09/portfolio-work-samples.jpg 1400w, https://en-blog.files.wordpress.com/2025/09/portfolio-work-samples.jpg?w=150&h=97 150w, https://en-blog.files.wordpress.com/2025/09/portfolio-work-samples.jpg?w=300&h=194 300w, https://en-blog.files.wordpress.com/2025/09/portfolio-work-samples.jpg?w=768&h=497 768w, https://en-blog.files.wordpress.com/2025/09/portfolio-work-samples.jpg?w=1024&h=663 1024w" sizes="(max-width: 1400px) 100vw, 1400px" /></figure>
<p>The portfolio page ends with the contact form and two more testimonials to seal the deal.</p>
<figure class="wp-block-image size-full"><img data-attachment-id="81072" data-permalink="https://wordpress.com/blog/2025/09/30/portfolio-website/portfolio-end/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/portfolio-end.jpg" data-orig-size="1400,1155" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="portfolio-end" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/portfolio-end.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/portfolio-end.jpg?w=1024" loading="lazy" width="1400" height="1155" src="https://en-blog.files.wordpress.com/2025/09/portfolio-end.jpg" alt="Example contact form." class="wp-image-81072" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/09/portfolio-end.jpg 1400w, https://en-blog.files.wordpress.com/2025/09/portfolio-end.jpg?w=150&h=124 150w, https://en-blog.files.wordpress.com/2025/09/portfolio-end.jpg?w=300&h=248 300w, https://en-blog.files.wordpress.com/2025/09/portfolio-end.jpg?w=768&h=634 768w, https://en-blog.files.wordpress.com/2025/09/portfolio-end.jpg?w=1024&h=845 1024w" sizes="(max-width: 1400px) 100vw, 1400px" /></figure>
<h3 class="wp-block-heading">3. Work Samples</h3>
<p>The <a href="https://rochizalani.com/category/work-samples-rochi/">work sample</a> pages are simple: Each contains six samples and a <em>relevant</em> testimonial. These are the pages I update the most because I want these samples to reflect my latest and best work. Focus on being accessible instead of fancy here. Don’t make a client jump through hoops to find your best work.</p>
<figure class="wp-block-image size-full"><img data-attachment-id="81074" data-permalink="https://wordpress.com/blog/2025/09/30/portfolio-website/work-samples/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/work-samples.jpg" data-orig-size="1400,1235" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="work-samples" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/work-samples.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/work-samples.jpg?w=1024" loading="lazy" width="1400" height="1235" src="https://en-blog.files.wordpress.com/2025/09/work-samples.jpg" alt="Examples of work samples." class="wp-image-81074" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/09/work-samples.jpg 1400w, https://en-blog.files.wordpress.com/2025/09/work-samples.jpg?w=150&h=132 150w, https://en-blog.files.wordpress.com/2025/09/work-samples.jpg?w=300&h=265 300w, https://en-blog.files.wordpress.com/2025/09/work-samples.jpg?w=768&h=677 768w, https://en-blog.files.wordpress.com/2025/09/work-samples.jpg?w=1024&h=903 1024w" sizes="(max-width: 1400px) 100vw, 1400px" /></figure>
<p>What do I mean by relevant testimonials? Let me explain with an example: In the above <a href="https://rochizalani.com/productivity-samples-rochi/">productivity samples</a>, I have added a majority of the work from my client, <a href="http://todoist.com">Todoist</a>. So the testimonial is from the content manager in the same company.</p>
<figure class="wp-block-image size-full"><img data-attachment-id="81077" data-permalink="https://wordpress.com/blog/2025/09/30/portfolio-website/work-samples-testimonial/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/work-samples-testimonial.jpg" data-orig-size="1400,1102" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="work-samples-testimonial" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/work-samples-testimonial.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/work-samples-testimonial.jpg?w=1024" loading="lazy" width="1400" height="1102" src="https://en-blog.files.wordpress.com/2025/09/work-samples-testimonial.jpg" alt="Example of work samples combined with a testimonial." class="wp-image-81077" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/09/work-samples-testimonial.jpg 1400w, https://en-blog.files.wordpress.com/2025/09/work-samples-testimonial.jpg?w=150&h=118 150w, https://en-blog.files.wordpress.com/2025/09/work-samples-testimonial.jpg?w=300&h=236 300w, https://en-blog.files.wordpress.com/2025/09/work-samples-testimonial.jpg?w=768&h=605 768w, https://en-blog.files.wordpress.com/2025/09/work-samples-testimonial.jpg?w=1024&h=806 1024w" sizes="(max-width: 1400px) 100vw, 1400px" /></figure>
<p>This adds more weight and credibility in the eyes of a future client browsing this page. They can not only see the latest samples, but also read a review from a client in the same industry. Of course, this isn’t always possible, but do your best to pair each testimonial with relevant work samples. If you can’t grab a testimonial, a case study can also work wonders.</p>
<p>I also plan to add contact forms in these pages that are more personalized to the category. This will not only help clients contact me easily, but also help me precisely track where the majority of my leads are coming from.</p>
<p class="has-primary-light-background-color has-background"><strong>Tip:</strong> Depending on how much time you have available, <a href="https://wordpress.com/blog/2025/08/14/how-long-does-it-take-to-build-a-website/">expect to spend about a week to build a small portfolio site</a> with four or five pages. You can also consider using our custom <a href="https://wordpress.com/website-design-service/">website design service</a> or expediting the process with our <a href="https://wordpress.com/ai-website-builder/">AI website builder</a>.</p>
<h2 class="wp-block-heading">How to use and promote your portfolio</h2>
<p>To make the best use of your portfolio website, it’s important to get the word out and make it accessible. Ideally, it’d be the first thing a prospective client finds when they want to learn more about you and your work.</p>
<p>Here are five easy ways to make the most of your portfolio website:</p>
<ol class="wp-block-list">
<li><strong>Add your portfolio site to your email signature</strong>: This way, everyone you communicate with can see and access the link. Over time, your email signature will make it easy for people to remember who you are and where they can learn more about you.<br></li>
<li><strong>Optimize your site for user experience</strong>: Make your website visually clean, easy to navigate, and mobile-friendly. Think from a client’s perspective and add relevant call-to-action buttons to make it easy for people to find what they need.<br></li>
<li><strong>Use SEO best practices</strong>: It’s ideal to rank in search terms that relate to your field and expertise. Write meta descriptions with relevant keywords, add alt text to images, and compress images for faster loading times. <a href="https://wordpress.com/blog/2025/03/14/wordpress-seo/">Learn more about WordPress SEO</a> to make your portfolio site rank in search results.<br></li>
<li><strong>Share your portfolio website wherever relevant</strong>: The best way to make your portfolio more visible is to market it wherever appropriate. If you practice email marketing, add it to your newsletters. If you use a marketplace to find clients, add your portfolio site to your profile. If you have an about section on your client’s website, ask them to add your website there. Share it when you’re networking professionally or asking for referrals, too.<br></li>
<li><strong>Monitor website visits</strong>: Use <a href="https://wordpress.com/support/stats/">Jetpack Stats</a> to track site visitors (which is included with every WordPress.com website). For deeper website analysis, you can also set up <a href="https://wordpress.com/blog/2025/04/23/wordpress-and-google-analytics/">Google Analytics</a>. Use data to refine your website and identify areas for improvement.</li>
</ol>
<p>Now that you’ve learned how to create, use, and promote your portfolio site, let’s understand how to transform it from good to great.</p>
<h2 class="wp-block-heading">Six tips for putting together an effective portfolio</h2>
<p>Over my half a decade of self-employment, I’ve seen a fair share of portfolios from creatives across a variety of fields. Here are six things the best portfolio sites have in common:</p>
<h3 class="wp-block-heading">1. Tell a (short) story with every project</h3>
<p>We’ve already covered why it’s essential to include only your very best work in your portfolio. The goal is to curate, not accumulate.</p>
<p>However, when you’re handpicking your best samples, it’s also important to add context to your projects. For example, if you’re a designer, you can add the goal and results of each sample alongside the work. If a project was more unique than usual, you can add that with the work sample and highlight how you solved any unexpected challenges.</p>
<p>Adding a brief context with your projects can help clients understand your work beyond the finished product — they’ll also see how you solve problems and the range of work you’ve done.</p>
<h3 class="wp-block-heading">2. Be specific about the kind of work/clients you want to attract</h3>
<p>The goal of your portfolio website isn’t just to attract clients, it’s to attract the <em>right</em> kind of clients. If you specifically work with B2B companies, for instance, you don’t want to be fielding contact forms from DTC businesses.</p>
<p>On your website’s home page and portfolio, make it clear exactly who you work with and the kind of work you do. For example, include a table about the kind of services you offer and the ones you don’t. I’ve also seen many people add their rates to their portfolio site. This helps leads determine quickly if their budget is a fit. I got a lot of inquiries about ghostwriting and how I approach it, so I added it as an FAQ on my website.</p>
<figure class="wp-block-image size-full"><img data-attachment-id="81079" data-permalink="https://wordpress.com/blog/2025/09/30/portfolio-website/faq-example/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/faq-example.jpg" data-orig-size="1400,591" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="faq-example" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/faq-example.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/faq-example.jpg?w=1024" loading="lazy" width="1400" height="591" src="https://en-blog.files.wordpress.com/2025/09/faq-example.jpg" alt="Example of an FAQ section." class="wp-image-81079" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/09/faq-example.jpg 1400w, https://en-blog.files.wordpress.com/2025/09/faq-example.jpg?w=150&h=63 150w, https://en-blog.files.wordpress.com/2025/09/faq-example.jpg?w=300&h=127 300w, https://en-blog.files.wordpress.com/2025/09/faq-example.jpg?w=768&h=324 768w, https://en-blog.files.wordpress.com/2025/09/faq-example.jpg?w=1024&h=432 1024w" sizes="(max-width: 1400px) 100vw, 1400px" /></figure>
<p>If you’re getting many irrelevant requests via your portfolio site, it might be a signal that you need to be more specific about your services and clients. Remember this isn’t an irreversible decision — if you’re offering a new service or working with clients from a new industry, you can simply update your website to reflect that.</p>
<h3 class="wp-block-heading">3. Keep your portfolio refreshed and updated</h3>
<p>It’s really easy to make your portfolio site once and let it gather cobwebs (been there, done that). You never know how many opportunities you’re missing simply because your portfolio doesn’t reflect your current skillset and services.</p>
<p>I set aside one day each month to refresh my portfolio. This doesn’t just mean updating the samples with my latest work, but also adding more testimonials, showing the impact of my work (like social shares), and editing my service offerings if I’m making any procedural changes.</p>
<p>Make it a part of your weekly or monthly routine to update your portfolio website. The longer you put it off, the harder it becomes to pick up the task, and if you refresh your site regularly, it’s much less time-consuming, too.</p>
<h3 class="wp-block-heading">4. Integrate your site with your social media accounts</h3>
<p>A client might discover you via your social media account. When they do, they should land on your portfolio with minimal effort, making it easy to contact, communicate, and hire you. Luckily, almost all social media platforms make it easy to add a link in your bio where you can add your portfolio. I’ve added mine across LinkedIn, Instagram, and X.</p>
<figure class="wp-block-image size-full"><img data-attachment-id="81083" data-permalink="https://wordpress.com/blog/2025/09/30/portfolio-website/integrate-social-media-2/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/integrate-social-media-1.jpg" data-orig-size="1400,464" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="integrate-social-media" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/integrate-social-media-1.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/integrate-social-media-1.jpg?w=1024" loading="lazy" width="1400" height="464" src="https://en-blog.files.wordpress.com/2025/09/integrate-social-media-1.jpg" alt="Example of a link added to portfolio site on social media profiles." class="wp-image-81083" style="box-shadow:var(--wp--preset--shadow--natural)" srcset="https://en-blog.files.wordpress.com/2025/09/integrate-social-media-1.jpg 1400w, https://en-blog.files.wordpress.com/2025/09/integrate-social-media-1.jpg?w=150&h=50 150w, https://en-blog.files.wordpress.com/2025/09/integrate-social-media-1.jpg?w=300&h=99 300w, https://en-blog.files.wordpress.com/2025/09/integrate-social-media-1.jpg?w=768&h=255 768w, https://en-blog.files.wordpress.com/2025/09/integrate-social-media-1.jpg?w=1024&h=339 1024w" sizes="(max-width: 1400px) 100vw, 1400px" /></figure>
<p>Integrating your portfolio website seems like a small thing, but it goes a long way. It funnels your client exactly where you want them (on your portfolio website) rather than letting them open another tab, search your name, and <em>then</em> find your website.</p>
<h3 class="wp-block-heading">5. Include testimonials from past clients</h3>
<p>Testimonials from previous clients build trust and credibility for your work on a whole other level. Your samples just show the finished product, but testimonials show your communication skills, how pleasant you are to work with, and any standout qualities you have compared to the competition.</p>
<p>Ask your existing or past clients to write a testimonial that you can add to your website. To make it easier for them, provide a list of questions they can answer to write it.</p>
<p>Once you get a few testimonials, add them across your website. You can highlight key quotes to make them more impactful, too.</p>
<h3 class="wp-block-heading">6. Consider adding a blog that showcases your expertise</h3>
<p>This tip is optional, but it can be beneficial to add a blog on your portfolio website that relates to your service. For example, if you’re an email marketer, you can write posts about best practices to follow in an onboarding sequence, common mistakes you see people make, etc. These kinds of posts can build even more trust and show off your expertise in the service you provide.</p>
<p>You don’t need to publish a blog on your site every week, but even a couple every quarter can help you stand out from the crowd. Think about what would impress your clients and write blogs about that. If you already post on social media, you can easily repurpose content in both formats.</p>
<h2 class="wp-block-heading">Your portfolio needs its own home</h2>
<p>Building your portfolio website using a web host like WordPress.com means you have complete control over how you present your work, who sees it, and how you want to scale your presence. Closed or proprietary platforms can change their rules, restrict customizability, or even disappear overnight. That’s a big risk — especially for a site that’s your bread and butter.</p>
<p>The best investment you can make for your creative career is owning your online presence. Build your site using WordPress.com today.</p>
<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-100 btn-primary text-color-white"><a class="wp-block-button__link wp-element-button" href="https://wordpress.com/website-builder/?ref=blog">Build your portfolio website with WordPress.com</a></div>
</div>
]]></content:encoded>
<wfw:commentRss>https://wordpress.com/blog/2025/09/30/portfolio-website/feed/</wfw:commentRss>
<slash:comments>5</slash:comments>
<media:thumbnail url="https://en-blog.files.wordpress.com/2025/09/how-to-build-portfolio-website-header.jpg" />
<media:content url="https://en-blog.files.wordpress.com/2025/09/how-to-build-portfolio-website-header.jpg" medium="image">
<media:title type="html">How to Build a Portfolio Website in Three Simple Steps (+ Six Pro Tips)</media:title>
</media:content>
<media:content url="https://1.gravatar.com/avatar/7391cf85a63f401a8cacd9e357ea06af5c85fc2052377a5d99b0730f5d0de578?s=96&d=retro" medium="image">
<media:title type="html">rochiz</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/portfolio-themes.jpg" medium="image">
<media:title type="html">Screenshot of WordPress.com's portfolio theme gallery.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/home-hero.jpg" medium="image">
<media:title type="html">Example of a portfolio site homepage.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/home-working-process.jpg" medium="image">
<media:title type="html">Example of portfolio site homepage section that outlines the site owner's process.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/home-testimonials.jpg" medium="image">
<media:title type="html">Example testimonials.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/home-contact-faq.jpg" medium="image">
<media:title type="html">Example of a contact page and FAQ on a portfolio website.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/portfolio-header.jpg" medium="image">
<media:title type="html">Example header of a portfolio page.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/portfolio-why-work-with-me.jpg" medium="image" />
<media:content url="https://en-blog.files.wordpress.com/2025/09/portfolio-testimonials.jpg" medium="image">
<media:title type="html">Example testimonials on a portfolio site.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/portfolio-work-samples.jpg" medium="image">
<media:title type="html">Examples of work samples on a portfolio site.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/portfolio-end.jpg" medium="image">
<media:title type="html">Example contact form.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/work-samples.jpg" medium="image">
<media:title type="html">Examples of work samples.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/work-samples-testimonial.jpg" medium="image">
<media:title type="html">Example of work samples combined with a testimonial.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/faq-example.jpg" medium="image">
<media:title type="html">Example of an FAQ section.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/integrate-social-media-1.jpg" medium="image">
<media:title type="html">Example of a link added to portfolio site on social media profiles.</media:title>
</media:content>
</item>
<item>
<title>Will AI Replace Web Developers (And How Should You Adapt)?</title>
<link>https://wordpress.com/blog/2025/09/25/will-ai-replace-web-developers/</link>
<comments>https://wordpress.com/blog/2025/09/25/will-ai-replace-web-developers/#comments</comments>
<dc:creator><![CDATA[Jonathan Bossenger]]></dc:creator>
<pubDate>Thu, 25 Sep 2025 15:00:00 +0000</pubDate>
<category><![CDATA[Development]]></category>
<guid isPermaLink="false">http://en.blog.wordpress.com/?p=81020</guid>
<description><![CDATA[Short answer: It depends. For a better answer, you'll have to read this post.]]></description>
<content:encoded><![CDATA[
<p>The more time I spend on social media reading posts by AI influencers, the more I see web developers (like myself) worrying that they’ll be out of a job in less than a year.</p>
<p>It reminds me of something I read a few years ago, the <a href="https://medium.com/swlh/the-golden-rule-of-software-engineering-9faaaab85e78">golden rule of software development</a>:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>No matter what the question is, the answer can almost always start with ‘It depends…’</p>
</blockquote>
<p>Whenever a developer asks me if I’m worried that AI will replace me, I find myself saying, “Well, it depends…”</p>
<h2 class="wp-block-heading">We’re standing on the threshold of a web development revolution</h2>
<p>I think about the recent progress of AI the same way I think about the first steam-powered road vehicles (or what we commonly refer to today as cars). </p>
<p>Back in the mid-19th Century in the UK, people were concerned that compared to horse-drawn modes of transportation, these steam-powered vehicles would block up roadways, endanger public safety, and cause fatal accidents. </p>
<p>This led to a series of parliamentary acts that heavily restricted the use of road-going steam-powered vehicles. The most restrictive law was the Locomotives Act of 1865, which required vehicles to travel at a maximum of 4 mph (6.4 km/h) in the country and 2 mph (3.2 km/h) in the city, as well as requiring a man carrying a red flag to walk in front of road vehicles hauling multiple wagons. These acts effectively halted automobile development in the United Kingdom for most of the 19th century. </p>
<p>While fears regarding automobiles were justified — and eventually realized — cars were gradually accepted as they became more common and accessible. Simply put, automobiles made it easier for products to get from point A to point B. I think we can all agree that in some places, especially cities, too many cars on the road can be detrimental. We also can’t deny their impact on our society and how many aspects of our daily lives are made better by having a personal road-going vehicle. </p>
<h2 class="wp-block-heading">AI usually gets it right</h2>
<p>I’ve been fortunate enough to have used various forms of AI to support my work since early 2021. Back then, OpenAI had released <a href="https://openai.com/index/gpt-3-apps/">GPT-3</a>, and I was using it regularly as a Technical Writer for blog posts, tutorials, and documentation. Later that year, GitHub released <a href="https://www.theverge.com/2021/6/29/22555777/github-openai-ai-tool-autocomplete-code">CoPilot</a>, and I was able to snag an open-source maintainers license, which I’ve used consistently for code generation. Since then, practically anything I’ve worked on has been AI-assisted. Generally, it’s been a  positive experience. </p>
<p>I’ve successfully built everything from plugins to web-based games, and even a few personal utility desktop applications, all using AI. My most recent success was building the <a href="https://wordpress.com/blog/2025/03/11/ai-content-calendar/">WordPress.com Content Calendar</a> in approximately 2 hours, utilizing Perplexity for R&D and Cursor for the build. </p>
<h2 class="wp-block-heading">But when it gets it wrong…</h2>
<p>Every now and then, though, AI loses the plot. </p>
<p>I’ve read stories of people <a href="https://en.wikipedia.org/wiki/Vibe_coding">vibe coding</a> SaaS apps, only to have their customer details leaked after the apps were hacked due to multiple security vulnerabilities. Recently, an AI agent deleted a company’s entire <a href="https://www.pcmag.com/news/vibe-coding-fiasco-replite-ai-agent-goes-rogue-deletes-company-database">production database</a> during a code freeze. I’m sure we’ve all heard stories of AI chatbots and agents confidently saying the code is fixed or working when, in reality, it is still broken. </p>
<p>Earlier this year, I used Cursor to build <a href="https://github.com/jonathanbossenger/wp-debug" target="_blank" rel="noreferrer noopener">WP Debug</a>, a small Electron desktop application that allows you to read and display the WordPress debug.log more cleanly. Someone opened a ticket to request adding the GitHub repository URL to the app’s About window. Because I had no Electron experience, it took me the better part of two full days just to implement this small request, something that an experienced Electron developer could probably have completed in an hour. Each time the Cursor agent confidently told me the About window had been implemented correctly, and each time I tested, it failed miserably.</p>
<p>Last week, I was using Perplexity to help me create a lesson on anonymizing production data. As I was reviewing the generated output, everything looked good until I got to the section on anonymization strategies. Perplexity had generated this:</p>
<p><em>WordPress provides several built-in sanitization functions that should be leveraged in custom anonymization scripts:</em></p>
<pre class="wp-block-code"><code>// Sanitize email addresses
$sanitized_email = sanitize_email( $raw_email );
// Sanitize text fields
$sanitized_text = sanitize_text_field( $raw_text );
// Sanitize file names
$sanitized_filename = sanitize_file_name( $raw_filename );
// Sanitize HTML content
$sanitized_html = wp_kses_post( $raw_html );</code></pre>
<p></p>
<p>If you know anything about WordPress development API functions, you know that sanitization is not the same as anonymization. If you want to see how wrong a vibe-coded project can go, check out my first attempt at building a <a href="https://github.com/jonathanbossenger/cosmic-defender-3d">browser-based 3D shooter game</a>. Fair warning, only attempt to <a href="https://jonathanbossenger.github.io/cosmic-defender-3d/">open the game in your browser</a> if you have a lot of free RAM.</p>
<h2 class="wp-block-heading">AI isn’t going to replace developers who adapt</h2>
<p>Some years ago, when I was still a freelance developer, I had a client who built food blogs. She maintained a couple of single-purpose plugins that managed specific functionality, such as adding a recipe custom post type and various other tasks she required. I would hear from her when she needed something new added to any of these plugins. She knew what she wanted, but lacked the coding experience to build it; however, she excelled at providing specific requirements and thoroughly testing each addition. I can almost guarantee that today, she’d be able to manage this all herself without needing to hire a developer. </p>
<p>Just like those first steam-powered vehicles, AI-assisted web development is going to make what takes hours possible in minutes. Like any new technological advancement, there will be concerns about the use of AI to develop software, including its environmental impact, the security of the code it generates, and the impact it will have on the skills and abilities of human programmers. Its adoption is, however, inevitable, and to ensure that this AI-infused future remains a productive and positive environment, it relies on the developer community to evolve and adapt alongside it.  </p>
<h2 class="wp-block-heading">What you should be doing now</h2>
<p>Like any new technology, there are two key takeaways. First and foremost, take heed of the hype, but learn to distill it down to the facts. </p>
<p>Social media is ablaze with folks who are trying to sell a future where the human element to AI is non-existent. It’s important to recognize these for what they are, the modern equivalent of those infomercial-driven late-night shopping channels from the early 2000s. Sometimes what’s advertised will end up being useful, but a lot of it will eventually end up on the digital trash heap. </p>
<p>AI, just like any other software, relies on humans to iterate and improve. Just like any other software, it’s prone to bugs that need fixing, new features that need documenting, and requires some training and education to operate effectively.</p>
<p>Second, learn how AI works, what it does well, and what it does poorly. Learn about <a href="https://www.app.build/blog/six-principles-production-ai-agents">prompting, context, tools</a>, and all the things that make AI coding possible. That allows you to make valid decisions about when to use AI to streamline your processes, and when it makes sense to roll up your sleeves and do some manual work.</p>
<p>AI software experts recommend <a href="https://github.com/snarktank/ai-dev-tasks">following good software development practices</a> like clearly defining project scope, planning each step of the development process, writing tests as early as possible, constantly reviewing and validating AI-generated code, using robust security audits, and ensuring ongoing developer education to offset potential skill erosion. </p>
<p>At the end of the day, AI development tools are at their best when they are used as productivity aids — never as replacements for human expertise or oversight. The future of web development will be shaped by those who embrace these tools with a healthy dose of skepticism, understanding, and a willingness to learn. </p>
<p><em>This post was written by a human, assisted by Grammarly for grammar and spelling, inline wordsmithing using Google Gemini for clarity, and research via Perplexity.  </em></p>
]]></content:encoded>
<wfw:commentRss>https://wordpress.com/blog/2025/09/25/will-ai-replace-web-developers/feed/</wfw:commentRss>
<slash:comments>69</slash:comments>
<media:thumbnail url="https://en-blog.files.wordpress.com/2025/09/will-ai-replace-web-developers-header.jpg" />
<media:content url="https://en-blog.files.wordpress.com/2025/09/will-ai-replace-web-developers-header.jpg" medium="image">
<media:title type="html">Will AI Replace Web Developers?</media:title>
</media:content>
<media:content url="https://1.gravatar.com/avatar/a8a3c44a68937ee1996ba1bd3325126c4fd962f20b60acc16988dea6b527d14c?s=96&d=retro" medium="image">
<media:title type="html">jbossenger</media:title>
</media:content>
</item>
<item>
<title>Telex Turns Everyone into a WordPress Block Developer</title>
<link>https://wordpress.com/blog/2025/09/23/telex-turns-everyone-into-a-wordpress-block-developer/</link>
<comments>https://wordpress.com/blog/2025/09/23/telex-turns-everyone-into-a-wordpress-block-developer/#comments</comments>
<dc:creator><![CDATA[Nick Diego]]></dc:creator>
<pubDate>Tue, 23 Sep 2025 19:44:07 +0000</pubDate>
<category><![CDATA[News]]></category>
<category><![CDATA[AI Tools]]></category>
<category><![CDATA[Block Development]]></category>
<category><![CDATA[Telex]]></category>
<category><![CDATA[WordPress Blocks]]></category>
<guid isPermaLink="false">http://en.blog.wordpress.com/?p=80970</guid>
<description><![CDATA[WordPress block development usually requires advanced technical expertise. Telex changes that by letting you describe what you want and get a working block plugin instantly with prompts.]]></description>
<content:encoded><![CDATA[
<p>As a WordPress developer for more than a decade, I’ve built numerous WordPress blocks, ranging from simple callouts and icon blocks to multi-block forms and slideshows. The process can be demanding and requires a solid grasp of how WordPress works under the hood, as well as familiarity with React, JavaScript, PHP, and other relevant technologies.</p>
<p>Scaffolding tools like WordPress’s <code>create-block</code> help. Modern AI code editors, such as Cursor, and assistants like Claude Code, also speed things up. With the right setup and context, you can abstract away much of the complexity. The catch is that you still need to provide the AI with WordPress-specific context and wire everything together. That’s fine for developers, but it keeps the barrier high for everyone else.</p>
<p>What if you could skip that complexity entirely? That’s where <a href="https://telex.automattic.ai/?utm_source=dotcom_blog&utm_medium=blog_post&utm_campaign=telex_launch">Telex</a> comes in.</p>
<figure class="wp-block-image size-full"><a href="https://en-blog.files.wordpress.com/2025/09/telex-main.jpg"><img data-attachment-id="80972" data-permalink="https://wordpress.com/blog/2025/09/23/telex-turns-everyone-into-a-wordpress-block-developer/telex-main/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/telex-main.jpg" data-orig-size="2400,1744" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="telex-main" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/telex-main.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/telex-main.jpg?w=1024" loading="lazy" width="2400" height="1744" src="https://en-blog.files.wordpress.com/2025/09/telex-main.jpg" alt="The Telex homepage." class="wp-image-80972" srcset="https://en-blog.files.wordpress.com/2025/09/telex-main.jpg 2400w, https://en-blog.files.wordpress.com/2025/09/telex-main.jpg?w=150&h=109 150w, https://en-blog.files.wordpress.com/2025/09/telex-main.jpg?w=300&h=218 300w, https://en-blog.files.wordpress.com/2025/09/telex-main.jpg?w=768&h=558 768w, https://en-blog.files.wordpress.com/2025/09/telex-main.jpg?w=1024&h=744 1024w, https://en-blog.files.wordpress.com/2025/09/telex-main.jpg?w=1440&h=1046 1440w" sizes="(max-width: 2400px) 100vw, 2400px" /></a></figure>
<h2 class="wp-block-heading">What is Telex?</h2>
<p>Telex is an experimental tool from the Automattic AI team that turns natural-language prompts into working WordPress blocks. You simply describe what you want, and Telex generates the block. </p>
<p>Everyone can use Telex, from:</p>
<ul class="wp-block-list">
<li><strong>Site owners</strong> who want custom functionality tailored to their site or who want to experiment with a new idea.</li>
<li><strong>Agencies and freelancers</strong> who need quick prototypes or small utility blocks for client projects.</li>
<li><strong>Developers</strong> who want fast scaffolding in a real WordPress context and code they can refine.</li>
<li><strong>Aspiring developers</strong> who learn best by seeing a working example and reading the code behind it.</li>
</ul>
<p>Under the hood, Telex packages your block as a single block plugin and previews the result in your browser, all powered by <a href="https://playground.wordpress.net/">WordPress Playground</a>. There’s no local setup. You can refine the block with short follow-up prompts or edit the code directly, then download the plugin and install it on a site when you’re ready. You can also share your work as a link.</p>
<p>Since Telex is an experiment, results will vary and you may run into bugs and issues along the way. That’s part of the process. We’re learning where AI can remove friction in block creation and where it can be genuinely useful. It is also not an AI website builder. Think of it as an AI that helps you make small functional tools as blocks. </p>
<p>Telex is currently free to use and you can create as many blocks as you like. Give it a try now.</p>
<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-white-color has-text-color has-link-color wp-element-button" href="https://telex.automattic.ai/?utm_source=dotcom_blog&utm_medium=blog_post&utm_campaign=telex_launch">Start creating with Telex</a></div>
</div>
<h2 class="wp-block-heading">How to build blocks with Telex</h2>
<p>Start by thinking about what you want to create. It could be a feature your site is missing or a playful idea to see what Telex can do. This is an experiment, so exploration is welcome. You can also check out one of the featured projects on the Telex homepage for inspiration.</p>
<p>For this post, I’m stepping into the shoes of a food blogger. I have a chocolate chip cookie recipe to share, and I’d like to display an ingredient list that readers can scale up to 4 times. Readers should be able to check off ingredients as they go. There should also be a copy button on the frontend that copies the ingredient list to the clipboard. In the editor, I want to add ingredients in a simple table with three columns: quantity, unit, and ingredient. I should also be able to remove and reorder ingredients up or down in the table using buttons.</p>
<p>I started by entering this prompt in Telex:</p>
<p class="has-light-gray-background-color has-background has-dm-mono-font-family" style="font-size:18px">Please build an Ingredient List block. This will display a list of ingredients (think food blog) that readers can check off. Add a copy button on the front end that copies the ingredient list to the clipboard. Include a built-in recipe scaler so readers can 2x, 3x, and 4x the recipe, updating ingredient quantities accordingly. In the editor, I need to enter ingredients in a table with three columns: quantity, unit, and ingredient. I should also be able to remove and reorder ingredients up or down in the table using buttons.</p>
<p>I then clicked <strong>Build</strong>, and Telex got to work. </p>
<figure class="wp-block-image size-full"><a href="https://en-blog.files.wordpress.com/2025/09/telex-start.jpg"><img data-attachment-id="80975" data-permalink="https://wordpress.com/blog/2025/09/23/telex-turns-everyone-into-a-wordpress-block-developer/telex-start/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/telex-start.jpg" data-orig-size="2400,1774" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="telex-start" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/telex-start.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/telex-start.jpg?w=1024" loading="lazy" width="2400" height="1774" src="https://en-blog.files.wordpress.com/2025/09/telex-start.jpg" alt="The initial prompt in the Telex interface." class="wp-image-80975" srcset="https://en-blog.files.wordpress.com/2025/09/telex-start.jpg 2400w, https://en-blog.files.wordpress.com/2025/09/telex-start.jpg?w=150&h=111 150w, https://en-blog.files.wordpress.com/2025/09/telex-start.jpg?w=300&h=222 300w, https://en-blog.files.wordpress.com/2025/09/telex-start.jpg?w=768&h=568 768w, https://en-blog.files.wordpress.com/2025/09/telex-start.jpg?w=1024&h=757 1024w, https://en-blog.files.wordpress.com/2025/09/telex-start.jpg?w=1440&h=1064 1440w" sizes="(max-width: 2400px) 100vw, 2400px" /></a></figure>
<p>The more context you include in your initial prompt, the better. Still, don’t hesitate to try a quick prompt. You can spin up as many blocks as you want, even at the same time. Just open a new browser tab.</p>
<p>In about two minutes, I had a working WordPress block with all the functionality I requested. Here’s a look at the Editor view with the ingredients for my recipe entered into the table. Notice the action buttons like I requested.</p>
<figure class="wp-block-image size-full"><a href="https://en-blog.files.wordpress.com/2025/09/telex-block-v1.jpg"><img data-attachment-id="80977" data-permalink="https://wordpress.com/blog/2025/09/23/telex-turns-everyone-into-a-wordpress-block-developer/telex-block-v1/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/telex-block-v1.jpg" data-orig-size="2400,1774" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="telex-block-v1" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/telex-block-v1.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/telex-block-v1.jpg?w=1024" loading="lazy" width="2400" height="1774" src="https://en-blog.files.wordpress.com/2025/09/telex-block-v1.jpg" alt="Version 1 of the Ingredient List block in the Editor interface within Telex." class="wp-image-80977" srcset="https://en-blog.files.wordpress.com/2025/09/telex-block-v1.jpg 2400w, https://en-blog.files.wordpress.com/2025/09/telex-block-v1.jpg?w=150&h=111 150w, https://en-blog.files.wordpress.com/2025/09/telex-block-v1.jpg?w=300&h=222 300w, https://en-blog.files.wordpress.com/2025/09/telex-block-v1.jpg?w=768&h=568 768w, https://en-blog.files.wordpress.com/2025/09/telex-block-v1.jpg?w=1024&h=757 1024w, https://en-blog.files.wordpress.com/2025/09/telex-block-v1.jpg?w=1440&h=1064 1440w" sizes="(max-width: 2400px) 100vw, 2400px" /></a></figure>
<p>The frontend delivered all the functionality immediately, though the styling needed some refinement. This is where additional prompts help to fine-tune things.<br></p>
<figure class="wp-block-image size-full"><a href="https://en-blog.files.wordpress.com/2025/09/telex-block-v1-front.jpg"><img data-attachment-id="80979" data-permalink="https://wordpress.com/blog/2025/09/23/telex-turns-everyone-into-a-wordpress-block-developer/telex-block-v1-front/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/telex-block-v1-front.jpg" data-orig-size="2400,1774" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="telex-block-v1-front" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/telex-block-v1-front.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/telex-block-v1-front.jpg?w=1024" loading="lazy" width="2400" height="1774" src="https://en-blog.files.wordpress.com/2025/09/telex-block-v1-front.jpg" alt="Version 1 of the Ingredient List block being previewed on the Frontend within Telex." class="wp-image-80979" srcset="https://en-blog.files.wordpress.com/2025/09/telex-block-v1-front.jpg 2400w, https://en-blog.files.wordpress.com/2025/09/telex-block-v1-front.jpg?w=150&h=111 150w, https://en-blog.files.wordpress.com/2025/09/telex-block-v1-front.jpg?w=300&h=222 300w, https://en-blog.files.wordpress.com/2025/09/telex-block-v1-front.jpg?w=768&h=568 768w, https://en-blog.files.wordpress.com/2025/09/telex-block-v1-front.jpg?w=1024&h=757 1024w, https://en-blog.files.wordpress.com/2025/09/telex-block-v1-front.jpg?w=1440&h=1064 1440w" sizes="(max-width: 2400px) 100vw, 2400px" /></a></figure>
<p>I generally prefer a block to inherit my theme’s styles. I also wanted checked ingredients to show a strikethrough, and I wanted ingredient quantities formatted as whole numbers or fractions where possible. Finally, to add a bit of excitement, when the reader checks off all items, perhaps there’s a confetti animation.</p>
<p>I handled each change with multiple short follow-up prompts:</p>
<p class="has-light-gray-background-color has-background has-dm-mono-font-family" style="font-size:18px">Let’s simplify the styling so this ingredient list inherits the current theme styles.</p>
<p class="has-light-gray-background-color has-background has-dm-mono-font-family" style="font-size:18px">On the front end, when a reader checks an ingredient, also apply a strikethrough.</p>
<p class="has-light-gray-background-color has-background has-dm-mono-font-family" style="font-size:18px">Convert ingredient quantities to whole numbers or fractions on the frontend where possible. No decimals, please.</p>
<p class="has-light-gray-background-color has-background has-dm-mono-font-family" style="font-size:18px">For fun, when a reader checks off all the items on the ingredients list, shower the screen with a confetti animation.</p>
<p>I recommend giving Telex one task at a time in your follow-up prompts. After four iterations, one for each of the tasks above, my Ingredient List block looked like this: </p>
<figure class="wp-block-image size-full"><a href="https://en-blog.files.wordpress.com/2025/09/telex-block-finished.jpg"><img data-attachment-id="80985" data-permalink="https://wordpress.com/blog/2025/09/23/telex-turns-everyone-into-a-wordpress-block-developer/telex-block-finished/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/telex-block-finished.jpg" data-orig-size="2400,1774" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="telex-block-finished" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/telex-block-finished.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/telex-block-finished.jpg?w=1024" loading="lazy" width="2400" height="1774" src="https://en-blog.files.wordpress.com/2025/09/telex-block-finished.jpg" alt="The final version of the Ingredient List block being previewed on the Frontend within Telex." class="wp-image-80985" srcset="https://en-blog.files.wordpress.com/2025/09/telex-block-finished.jpg 2400w, https://en-blog.files.wordpress.com/2025/09/telex-block-finished.jpg?w=150&h=111 150w, https://en-blog.files.wordpress.com/2025/09/telex-block-finished.jpg?w=300&h=222 300w, https://en-blog.files.wordpress.com/2025/09/telex-block-finished.jpg?w=768&h=568 768w, https://en-blog.files.wordpress.com/2025/09/telex-block-finished.jpg?w=1024&h=757 1024w, https://en-blog.files.wordpress.com/2025/09/telex-block-finished.jpg?w=1440&h=1064 1440w" sizes="(max-width: 2400px) 100vw, 2400px" /></a></figure>
<p>You can also modify the code directly, which is handy if you prefer to make quick, targeted changes. It’s also a great way to learn how the block is assembled. </p>
<p>In my case, I wanted the scale buttons to look a bit different and to update the table in the Editor, so I switched to <strong>Code</strong> view and adjusted the <code>style.scss</code> and <code>editor.scss</code> files manually.</p>
<figure class="wp-block-image size-full"><a href="https://en-blog.files.wordpress.com/2025/09/telex-code-editor.jpg"><img data-attachment-id="80986" data-permalink="https://wordpress.com/blog/2025/09/23/telex-turns-everyone-into-a-wordpress-block-developer/telex-code-editor/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/telex-code-editor.jpg" data-orig-size="1800,1222" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="telex-code-editor" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/telex-code-editor.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/telex-code-editor.jpg?w=1024" loading="lazy" width="1800" height="1222" src="https://en-blog.files.wordpress.com/2025/09/telex-code-editor.jpg" alt="The Code editor within Telex." class="wp-image-80986" srcset="https://en-blog.files.wordpress.com/2025/09/telex-code-editor.jpg 1800w, https://en-blog.files.wordpress.com/2025/09/telex-code-editor.jpg?w=150&h=102 150w, https://en-blog.files.wordpress.com/2025/09/telex-code-editor.jpg?w=300&h=204 300w, https://en-blog.files.wordpress.com/2025/09/telex-code-editor.jpg?w=768&h=521 768w, https://en-blog.files.wordpress.com/2025/09/telex-code-editor.jpg?w=1024&h=695 1024w, https://en-blog.files.wordpress.com/2025/09/telex-code-editor.jpg?w=1440&h=978 1440w" sizes="(max-width: 1800px) 100vw, 1800px" /></a></figure>
<p>Here’s the final result. It took about 10 minutes to build in total:</p>
<figure class="wp-block-jetpack-videopress jetpack-videopress-player" style="" >
<div class="jetpack-videopress-player__wrapper"> <div class="jetpack-video-wrapper"><iframe title='VideoPress Video Player' aria-label='VideoPress Video Player' width='500' height='370' src='https://video.wordpress.com/embed/Hn9lWorG?cover=1&autoPlay=0&controls=1&loop=0&muted=0&persistVolume=1&playsinline=0&preloadContent=metadata&useAverageColor=1&hd=1' frameborder='0' allowfullscreen data-resize-to-parent="true" allow='clipboard-write' ></iframe><script src='https://v0.wordpress.com/js/next/videopress-iframe.js?m=1739540970'></script></div></div>
</figure>
<p class="has-primary-light-background-color has-background"><strong>Note:</strong> Telex is not deterministic. If you try the prompts outlined in this post, expect slightly different results. No two builds will be exactly the same. </p>
<p>Of course I could have kept iterating. Perhaps add JSON-LD structured data to the ingredient list for search engine optimization, or the ability to convert the units to metric. The possibilities are endless.</p>
<p>Once satisfied with your block, you have two options: use the <strong>Download</strong> button to get the plugin zip file, or click the <strong>Share</strong> button. The latter copies a unique link to your clipboard. Anyone with this link can view your block in Telex without needing to log in.</p>
<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="margin-bottom:var(--wp--preset--spacing--60)">
<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://en-blog.files.wordpress.com/2025/09/telex-share-download.jpg"><img data-attachment-id="80990" data-permalink="https://wordpress.com/blog/2025/09/23/telex-turns-everyone-into-a-wordpress-block-developer/telex-share-download/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/telex-share-download.jpg" data-orig-size="1440,800" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="telex-share-download" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/telex-share-download.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/telex-share-download.jpg?w=1024" loading="lazy" width="1440" height="800" src="https://en-blog.files.wordpress.com/2025/09/telex-share-download.jpg" alt="" class="wp-image-80990" style="aspect-ratio:1.8000787534454632;object-fit:cover;width:500px" srcset="https://en-blog.files.wordpress.com/2025/09/telex-share-download.jpg 1440w, https://en-blog.files.wordpress.com/2025/09/telex-share-download.jpg?w=150&h=83 150w, https://en-blog.files.wordpress.com/2025/09/telex-share-download.jpg?w=300&h=167 300w, https://en-blog.files.wordpress.com/2025/09/telex-share-download.jpg?w=768&h=427 768w, https://en-blog.files.wordpress.com/2025/09/telex-share-download.jpg?w=1024&h=569 1024w" sizes="(max-width: 1440px) 100vw, 1440px" /></a></figure>
</div>
<p>Here’s the link to the block I built for this blog post: </p>
<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex" style="margin-bottom:var(--wp--preset--spacing--60)">
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-white-color has-text-color has-link-color wp-element-button" href="https://telex.automattic.ai/MTc1NzQzMTQ0Nzo1NDhiYjkzN2E3Njg0MDhkNDA4Ng==~NTIwOTU5Mzc6NGNiNjg0MDAtYzRjYy00MGM1LWE0OTctODk5NjEzYzBjMjVmOjExZGEyMTdkOTdmZGVlY2UwMjFk?utm_source=dotcom_blog&utm_medium=blog_post&utm_campaign=telex_launch">Preview the Ingredient List block</a></div>
</div>
<p>If you click the preview link above, you’ll also be able to download the Ingredient List block as a zip file, just as if you had created the block yourself. You can then install it on any WordPress site that supports plugin uploads, or test it locally using <a href="https://developer.wordpress.com/studio?utm_source=dotcom_blog&utm_medium=blog_post&utm_campaign=telex_launch">WordPress Studio</a>.</p>
<h2 class="wp-block-heading">Troubleshooting and known gaps</h2>
<p>Telex is experimental, so you may hit the occasional hiccup. Sometimes the AI makes a wrong assumption or generates code that does not run. This is common with all AI tools. If you see a warning like the one below, keep iterating. Ask Telex to fix the specific error or copy the details to a new prompt. Then describe the outcome you expect. You can ask as many follow-up questions as you like. If things get tangled, start a fresh session and restate your block requirements.</p>
<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="margin-bottom:var(--wp--preset--spacing--50)">
<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://en-blog.files.wordpress.com/2025/09/telex-error.jpg"><img data-attachment-id="80993" data-permalink="https://wordpress.com/blog/2025/09/23/telex-turns-everyone-into-a-wordpress-block-developer/telex-error/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/telex-error.jpg" data-orig-size="1440,640" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="telex-error" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/telex-error.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/telex-error.jpg?w=1024" loading="lazy" width="1440" height="640" src="https://en-blog.files.wordpress.com/2025/09/telex-error.jpg" alt="An error message in Telex." class="wp-image-80993" style="width:500px" srcset="https://en-blog.files.wordpress.com/2025/09/telex-error.jpg 1440w, https://en-blog.files.wordpress.com/2025/09/telex-error.jpg?w=150&h=67 150w, https://en-blog.files.wordpress.com/2025/09/telex-error.jpg?w=300&h=133 300w, https://en-blog.files.wordpress.com/2025/09/telex-error.jpg?w=768&h=341 768w, https://en-blog.files.wordpress.com/2025/09/telex-error.jpg?w=1024&h=455 1024w" sizes="(max-width: 1440px) 100vw, 1440px" /></a></figure>
</div>
<p>There are also many ways to build a block in WordPress, and part of this experiment is to identify areas that need improvement in Telex. For example, blocks that require inner blocks are not <em>currently</em> supported. A slideshow with a parent “Slideshow” block and child “Slide” blocks is a common use case, and Telex will struggle to implement it.</p>
<p>If you run into a scenario where Telex repeatedly fails to complete your request, please let us know in the comments or share your feedback in the in-app feedback form. Sharing your prompt, the error message, and a brief description of what you were trying to build will help the team improve Telex.</p>
<figure class="wp-block-image size-full"><a href="https://en-blog.files.wordpress.com/2025/09/telex-block-feedback.jpg"><img data-attachment-id="81000" data-permalink="https://wordpress.com/blog/2025/09/23/telex-turns-everyone-into-a-wordpress-block-developer/telex-block-feedback/" data-orig-file="https://en-blog.files.wordpress.com/2025/09/telex-block-feedback.jpg" data-orig-size="2400,868" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="telex-block-feedback" data-image-description="" data-image-caption="" data-medium-file="https://en-blog.files.wordpress.com/2025/09/telex-block-feedback.jpg?w=300" data-large-file="https://en-blog.files.wordpress.com/2025/09/telex-block-feedback.jpg?w=1024" loading="lazy" width="2400" height="868" src="https://en-blog.files.wordpress.com/2025/09/telex-block-feedback.jpg" alt="The "Send us Feedback" form in Telex." class="wp-image-81000" srcset="https://en-blog.files.wordpress.com/2025/09/telex-block-feedback.jpg 2400w, https://en-blog.files.wordpress.com/2025/09/telex-block-feedback.jpg?w=150&h=54 150w, https://en-blog.files.wordpress.com/2025/09/telex-block-feedback.jpg?w=300&h=109 300w, https://en-blog.files.wordpress.com/2025/09/telex-block-feedback.jpg?w=768&h=278 768w, https://en-blog.files.wordpress.com/2025/09/telex-block-feedback.jpg?w=1024&h=370 1024w, https://en-blog.files.wordpress.com/2025/09/telex-block-feedback.jpg?w=1440&h=521 1440w" sizes="(max-width: 2400px) 100vw, 2400px" /></a></figure>
<h2 class="wp-block-heading">Keep iterating </h2>
<p>Telex is an early look at how AI can lower the barrier to block creation. We’ll keep improving it based on what you build and the feedback you share, so spin up a block, post your preview link, and tell us what worked and what didn’t. </p>
<p>Some ideas we’re considering for the future include version history, visual descriptors to make your project list more visual, uploading and customizing existing blocks, and other improvements, whether big or small. </p>
<p>Together, we can make WordPress block development faster, friendlier, and more accessible to everyone.</p>
<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex" style="margin-bottom:var(--wp--preset--spacing--60)">
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-white-color has-text-color has-link-color wp-element-button" href="https://telex.automattic.ai/?utm_source=dotcom_blog&utm_medium=blog_post&utm_campaign=telex_launch">Build your next block with Telex</a></div>
</div>
]]></content:encoded>
<wfw:commentRss>https://wordpress.com/blog/2025/09/23/telex-turns-everyone-into-a-wordpress-block-developer/feed/</wfw:commentRss>
<slash:comments>9</slash:comments>
<enclosure url="http://videos.files.wordpress.com/Hn9lWorG/telex-v3.mp4" length="7614809" type="video/mp4" />
<media:thumbnail url="https://en-blog.files.wordpress.com/2025/09/blog-header403x.jpg" />
<media:content url="https://en-blog.files.wordpress.com/2025/09/blog-header403x.jpg" medium="image">
<media:title type="html">Blog header@3x</media:title>
</media:content>
<media:content url="https://2.gravatar.com/avatar/5d499534bfc21eaf9fa55506d50ffa01881d9a6cba58935552d3a8ac45944c29?s=96&d=retro" medium="image">
<media:title type="html">ndiego</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/telex-main.jpg" medium="image">
<media:title type="html">The Telex homepage.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/telex-start.jpg" medium="image">
<media:title type="html">The initial prompt in the Telex interface.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/telex-block-v1.jpg" medium="image">
<media:title type="html">Version 1 of the Ingredient List block in the Editor interface within Telex.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/telex-block-v1-front.jpg" medium="image">
<media:title type="html">Version 1 of the Ingredient List block being previewed on the Frontend within Telex.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/telex-block-finished.jpg" medium="image">
<media:title type="html">The final version of the Ingredient List block being previewed on the Frontend within Telex.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/telex-code-editor.jpg" medium="image">
<media:title type="html">The Code editor within Telex.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/telex-share-download.jpg" medium="image" />
<media:content url="https://en-blog.files.wordpress.com/2025/09/telex-error.jpg" medium="image">
<media:title type="html">An error message in Telex.</media:title>
</media:content>
<media:content url="https://en-blog.files.wordpress.com/2025/09/telex-block-feedback.jpg" medium="image">
<media:title type="html">The "Send us Feedback" form in Telex.</media:title>
</media:content>
</item>
</channel>
</rss>

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

Download the "valid RSS" banner.
Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)
Add this HTML to your page (change the image src attribute if necessary):

<a href="http://www.feedvalidator.org/check.cgi?url=http%3A//en.blog.wordpress.com/feed/"><img src="valid-rss-rogers.png" alt="[Valid RSS]" title="Validate my RSS feed" /></a>

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//en.blog.wordpress.com/feed/

Home · About · News · Docs · Terms