New Year, new themes! We’ve been hard at work developing new themes to help you kickstart 2025. Whether you are building your very first website or looking to refresh an existing site, these new options can help you achieve the design you want.
Also great for: Blogs, Digital Zines and Magazines, News, Advocacy
Dadaism pushed the boundaries of what was considered art with absurdism and flair – with Dadaist, you too can reject the boring linearity and blank spaces of common web design. Dadaist hearkens back to a different era of handmade collages, irregular lines, and bold color pairings, giving you a one-of-a-kind website that embraces the best of both digital and print design.
With posts organized into an assemblage-inspired feed, this theme is a great choice for sharing research collections or blog posts. You can add additional pages, like an About or Contact page, in the main header while the subheader is a perfect place to separate your content into multiple collections using tags. A boldly designed subscription block dominates the footer, making it easy for your followers to sign up to receive new content directly in their inbox.
Designed for: Non-Profits and Community-Driven Projects
Also great for: Political Campaigns, Advocacy Organizations
Put your mission front and center with Koinoia, a theme built to support NPOs through advocacy, community engagement, and donations. Koinonia is clean and modern, ensuring that your organization’s digital home feels both reputable and professional for visitors old and new. Use your homepage to share your value proposition, mission statement, and additional content to help visitors quickly understand who you serve and what you offer the community.
With high readability and easy navigation, supporters can find everything they need, whether they want to join your network of volunteers through a built-in form, browse your community’s service offerings, or make a well-deserved online donation (tip: many digital payment processors offer discounted rates for non-profits).
Also great for: Summer Camps, Sports and Hobby Leagues
At a busy institution, you need to handle questions and resources for a variety of stakeholders, from current staff and students to potential families. With Kentwood, you can ensure you are building a professional and reputable digital brand that meets a family’s needs, from their first visit through graduation.
With two layers of navigation, students and staff can quickly link out to academic resources without compromising space for in-depth information for current and prospective families. Your homepage highlights your brand with custom photography and blog updates while additional pages give you ample space for well-organized long-form content. No matter where they land, families will be impressed with your institution’s plethora of resources.
Professio allows private teachers and tutors to create a digital hub for current and potential students. With a simple but visually impactful two-tone theme available in three color waves, it’s you can quickly build a design-forward website for your teaching business. With Professio’s pre-built homepage blocks, you can quickly introduce your services, answer FAQs, and build credibility with downloadable materials, blog posts, and testimonials. Once prospective students are ready to book a course, they can sign up digitally via a form or email.
Whatever you need to grow your teaching business, Professio can scale beautifully so that you can focus on what matters most: your students.
Designed for: Gamers, Streamers, and Esports Personalities
Also great for: Bloggers, Podcasters
With black and neon color palettes and futuristic fonts, Streamer brings gamer vibes right out of the box. With Streamer, you control your content in one central location: share exclusive team updates, rep your sponsors, create custom content, or upload a complete library of your Videos On Demand directly on WordPress. Cross-platform fans can become subscribers to get your fully-branded content directly in their inbox.
Got merch? With WooCommerce for Spotify, you can sell personalized products directly on your Streamer website.
Also great for: Bakeries, Microbreweries, Product-Forward Brick & Mortars
When you’re a visual creator, you want your images to take center stage. With Veuo’s full-width image gallery, your homepage will feel like a bespoke, archival experience. A neutral color palette and unobtrusive text ensure that your artistic style, not the template, defines your website’s ultimate look and feel. When viewers click on an image, they can see it in higher resolution alongside any additional information you’d like to provide. Have multiple oeuvres or themes within your portfolio? Automatically create clickable subcollection pages with tags.
Add your bio or artist statement alongside social media links in your footer, making it easy for fans and potential collectors to follow along on your creative journey. Whatever your style, you can be sure that Vueo will let your work shine.
Ready to try out a new look for your website in 2025? You can explore these themes further by clicking on the Preview link and then clicking “Demo site” at the top of the page. There, you’ll be able to explore a clickable sample site to get a better sense of the theme’s appearance and feel.
Once you’ve found a theme you love, you can click the “Activate this Design” button to customize it. Any new blocks or features you add from WordPress’s suite of tools will be automatically adjusted to match your new theme’s style.
Premium themes from Automattic are available at no extra charge for customers on the Personal plan or above.
You can explore our extensive selection of free and third-party themes by navigating to the “Themes” page under “Appearance” in the left-side menu of your WordPress.com dashboard. Third-party themes can be purchased for $99/year each on the Business plan and above.
We believe in the open web and interoperability between online publishing platforms. That’s why we’re excited about the Fediverse and are committed to shipping features that improve the way your site connects to the open web. Today, we’re introducing Likes, Reposts, and the Fediverse Reactions block, building on our commitment to decentralized publishing.
Introducing the Reactions Block
With the Reactions Block, likes and reposts from Mastodon and other Fediverse platforms are automatically added to the end of your posts (if you’re using the Site Editor). It’s even smart enough to hide itself on posts without Reactions. Here’s a look at Fediverse reactions in action:
To disable or customize its placement, click “Edit Site” in the admin bar, select the Content block, and adjust the settings:
For older themes, you can manually add the block to any post or page.
But wait, that’s not all
We’ve been working over the past several months to improve your experience with WordPress.com. Here are two other recent enhancements we’re excited to share with you:
Push and email notifications. Get notified instantly when your posts are Liked or Reposted via the Jetpack app, dashboard, or email.
Reply to comments, federated. When someone comments from the Fediverse, your replies federate back, keeping the conversation visible on both sides. Likes and Reposts are treated like comments, allowing you to manage them directly in the WordPress admin interface. This feature has been live since early 2024, but it’s worth sharing now.
Have you connected your WordPress.com site to the Fediverse?
Fediverse integration is available to all WordPress.com users—including free plans—and for WordPress.org users via the ActivityPub plugin. We want to ensure that our tools are accessible to creators of all sizes, so that your work is accessible to all of your followers, everywhere.
Start receiving Likes, Reposts, and showcasing engagement today. Get started with our Enter the Fediverse guide.
Want to make your blogging life easier with just one tool? Start using an editorial calendar. Let us show you how to create one.
It takes discipline to run a successful blog. Without something to organize your publishing schedule, it’s easy to waste time wondering what you should write about, and hard to hold yourself accountable for meeting deadlines. With a well-designed content calendar, you can burn less mental energy thinking about your blog, and focus more clearly on your writing.
The end result? You produce better content with less effort. It’s win-win.
Editorial calendars are easy to set up too, so there’s no excuse not to use one. In this post, we’ll cover the following (and more):
How to build one in under five minutes using a simple spreadsheet (with a free template you can copy).
How to establish a sustainable posting schedule for your blog.
How to generate tons of blog post ideas to keep your calendar full.
Plus, we’ll even get into some advanced tools and tactics you can use to level up your calendar and content planning game. A better blogging future awaits you.
An editorial calendar is a visual schedule of the content you will publish on your blog (or other channels). They document the topics you will cover, when you’ll publish each piece, and other important information. Typically, they are created using spreadsheets or dedicated software.
Bloggers and marketers have borrowed the concept of an editorial calendar from the journalism world, where writers and editors have been using calendars to keep organized for decades. No matter what type of content creator you are, you can benefit from using such a calendar too.
Why should you really use an editorial calendar?
The obvious reason to use a calendar is to get organized. But why does getting organized matter and how does that translate into being a more successful blogger? Here are a few ways that getting more organized is directly connected to better blogging results.
Destress your blogging life
Developing a consistent writing practice is challenging. Knowing what you will work on, before you sit down to write, can help you spend less time wondering what to write so you can focus on the words. If writing is less stressful and more satisfying, you’ll be more likely to stick with it.
Produce writing that you’re proud to publish
You’re more likely to produce writing you’re happy with if you aren’t mentally overwhelmed. Anything you can do to get control over your blog (whether by planning ahead, writing clear outlines, or anything else that helps you get organized) will help make you more successful.
Get better results from your blogging efforts
It’s easy to think that becoming a successful blogger is all about creativity. While creativity is important, the real foundation for success might actually be having strong processes in place. An editorial calendar can form the foundation for your blogging workflow, helping you plan what you will publish in advance, so you can flex your creativity without worrying about distractions.
How to create an editorial calendar in five minutes
There are many different tools you can use to create your calendar. Let’s start by building one with Google Sheets (though you can use any spreadsheet or similar tool you’d like, such as Airtable, Clickup, or Excel).
Create a new spreadsheet and add your top row
First, create a new spreadsheet, and add a top row with the following labels:
Date
Topic
Category (these should match your blog categories)
Status
Author (if your blog will have more than one author)
Published Link
It should look something like this:
Add rows for months under column A
Next, add some placeholder dates and columns for future months. This will help keep your calendar organized as the year progresses:
Add a dropdown selector under the Status column
If you’re using Google Sheets, click Insert, then click Dropdown. This is how we’ll add status selector options that will make it easy to see the progress you’re making on each post:
Add basic labels that outline your writing process. At a minimum, include Not Started, In Progress, and Published. You could also consider adding steps for Editing, Graphic Design (if you’ll be creating visual assets for your posts), or any other steps that may be specific to your workflow. Use the color selectors to color-code each status too:
Then, click the blue circle on the lower right corner of the cell, and drag it down to add the dropdown to each cell. Copy and paste works as well:
Start adding some ideas
Now you’re ready to start adding topics to your calendar. Here’s how things might look once you have a handful of post ideas lined up:
Or you can download this template
You can also use the button below to find a finished version of this editorial calendar template. Click the button, then click File > Make a Copy to create your own version:
Creating your calendar with a spreadsheet is the easiest way to get started. They are simple to set up and can be customized to suit your needs.
However, there are many more options for editorial calendar tools you can choose from. Let’s look at some options you can consider when you’re ready to upgrade from your spreadsheet.
Trello
Trello is a simple Kanban board-style project management tool. They offer a free plan and a couple different editorial calendar templates that can help you get set up in a few clicks. It’s used by publications like Wired and offers a lot of task management capabilities that you aren’t going to get with a spreadsheet.
Similar to Trello, Asana is another projectment management tool that can be used to create an editorial calendar. It’s a bit more robust than Trello but with a slightly higher learning curve. Their free plan offers all the capabilities that bloggers should need to manage your calendar and tasks.
Edit Flow is a long-running WordPress plugin for managing your editorial calendar and workflow directly within WordPress. It’s free, full-featured, and easy to use. As a WordPress.com user, you’ll need to choose a plugin-enabled plan to install it (Business and above):
Here is another WordPress plugin option, appropriately titled Editorial Calendar. This plugin is actively maintained and free to use. If you’re on a plugin-enabled WordPress.com plan, you can install it now here:
CoSchedule
CoSchedule’s Content Calendar offers a beautiful editorial calendar option that’s packed with powerful automation features so you can schedule all your blog publishing and social promotion in one tool. They also have a WordPress plugin available. Their free and lower-tier plans are suitable for bloggers, while their more advanced packages are built for marketing teams.
Establishing your publishing cadence
There is no right answer to how often you should post on your blog. With that said, sticking to a schedule will help you publish regularly, build discipline, and be a more successful blogger.
Determine how often you’ll publish
If there is a recommendation we can offer for determining how often to post, it’s this: you should publish as often as you have something worth sharing on your blog.
That’s not a very specific recommendation though. If you’re looking for some structure to follow, set a goal to publish one article in your first month. Continue adding another post each week, until you’re publishing something at least once a week.
There’s no science behind this. When you’re trying something new, starting small and working your way up can be a good way to build endurance, without immediately burning out.
Example of a basic blog publishing schedule
Month 1
Publish one post by the end of the month.
Month 2
Publish one post every two weeks.
Month 3
Publish one post every week and a half.
Month 4
Publish one post every week.
Determine what days you’ll publish on
From a technical standpoint, there are no specific days that are best for publishing blog posts.
With that said, publishing on specific days can help you develop discipline and hold yourself accountable. It can also help set expectations for readers, who may wonder when they should expect new content from you, especially if they subscribe to your blog via email.
Here are some general guidelines to help you choose which days to publish:
Web traffic is generally highest early in the week. It starts to decline on Fridays, and is lower on weekends. This is supported by Wise Owl Marketing; the author of this post has been blogging weekly since 2007.
If you have email subscribers to your blog, consider publishing in the morning, so you can start the day at the top of your reader’s inbox.
Consider your own schedule and when it’s easiest for you to regularly write and publish.
How to keep your editorial calendar full, all year long
No matter which tool you use to build your calendar, you’ll need content ideas to keep it full. Let’s look at some reliable methods and processes you can follow to make sure you never run out of things to write about.
Write what you’re most passionate about
If you’re starting a blog, it’s likely you have something to say. Are there any burning issues you can’t wait to write about? Ideas that you’re desperate to share with the world? Stories that can’t wait to be told? Add them to your calendar and turn them into reality.
Brainstorm a month of blog post ideas in 30 minutes
Whenever I’m asked about blog post ideation, I always recommend this process. It’s one I picked up from a previous employer, and it’s time-tested because it works. Follow these steps:
Spend 10 minutes writing down as many ideas as you can. Don’t think about them too hard. Just get them written down, either in a doc, or on Post It notes.
Spend 10 minutes scoring each idea a 3, 2, or 1. 3’s are your best ideas, 2’s are ideas that need some work, and 1’s are duds. You will have ideas in all three buckets.
Spend 10 minutes sorting through your 3’s and add them to your calendar. These are your very best ideas, that you feel most strongly about.
Now, in just half an hour, you should have enough ideas to write about for at least a month.
See what people are talking about on Reddit
Find relevant sub-Reddits to the topics you write about and gather ideas. This guide from Better Web Movement has some tips on how to find subreddits that are relevant to your niche. Even better, be an active participant in Reddit communities that are relevant to the things you write about (though you’re probably doing this anyway if you’re passionate about what you cover).
Use an RSS reader to follow other blogs and publications
It’s safe to assume you follow publications and other blogs that are relevant to you on social media. If you’re not using an RSS feed to keep up with your industry or community too though, you might miss out on important stories or articles that could spark your own inspiration. RSS is great because it’s less noisy than social media; you just see the latest articles, without distractions.
Here are some options for RSS and news reader apps you can try:
Feedly: A popular option for a basic RSS feed reader.
Inoreader: Another great option for a basic RSS feed reader.
WordPress Reader: Built into your WordPress.com website. It follows all WordPress.com blogs and self-hosted WordPress sites that use Jetpack.
Use SparkToro to learn about your audience’s interests
SparkToro is an advanced tool used by marketers to conduct audience research. Even if you’re not a marketer, and can only afford their free account, it’s still useful for gathering insight about where your audience spends time online and what they might want to read about.
Conduct keyword research to uncover popular search topics
Google processes over eight billion searches per day. At least a few of those clicks should go to your site, right? If you blog about evergreen topics (meaning topics that are always relevant and not time-sensitive), then paying attention to SEO and keyword research is essential.
Here are a few basic keyword research tools you can use that will help you find the terms people search when they’re looking for information about the topics you cover:
Google Keyword Planner
Google’s free keyword research tool shows how often keywords trigger ads to appear in search results. It can be useful for SEO too, helping you understand how often potential readers search for specific information:
Ahrefs Free Keyword Generator
Ahrefs is a professional SEO tool that’s built primarily for marketers. Their free Keyword Generator tool is useful for bloggers to gather a quick list of basic ideas:
Answer the Public
Answer The Public makes it easy to enter a keyword or two, and then generate a large list of questions people ask related to that topic. It’s a quick way to turn one idea into dozens or hundreds of ideas:
Some common questions people ask about editorial calendars
Before we go, let’s go over a few final questions you might still have (or didn’t know to ask).
Is there a difference between an editorial calendar and a content calendar?
The short answer is no. The longer answer is that people sometimes use these terms in very slightly different contexts. When people say “editorial calendar” they’re often referring to blogging or news publishing, while the term “content calendar” is sometimes meant to include social media, video, and other content formats. Functionally though? They’re the same thing.
Is an editorial calendar the same thing as a content strategy?
An editorial calendar documents what content you will publish. A content strategy is much more complex and encompasses an overarching plan for the who, what, why, and where of all things content on a given website. An editorial calendar might visualize the execution of your strategy, but it’s not a strategy by itself.
How far in advance should you plan your calendar?
This is another area where there are no rules. Having at least three months worth of ideas will ensure you’re never wondering what you should write about. If you can reach a point where you have two to six weeks worth of content written and scheduled in advance, you’re in great shape.
If you can’t reach that level though, that doesn’t mean you’re doing it wrong. In fact, if your blog is focused on covering news or events as they happen (such as a sports blog or local news site), then planning too far ahead might not be possible or even desirable. This is a good reminder that not all blogging advice applies to everyone equally (not even the advice in this post). So, if something sounds like it’s not applicable to you, don’t worry about it.
Your blog + an editorial calendar = success
You now have the knowledge and tools to plan and organize your blog content like an expert editor. Your stress-free future of blogging success awaits!
Studio Sync makes it simple to publish your local WordPress site with powerful WordPress.com hosting. Here are a few of our favorite use cases:
Push and Pull with Ease: You can keep your local Studio sites connected to your WordPress.com site, so pushing or pulling will be as easy as clicking a button.
Flexible Syncing: Having complete freedom, you can connect a WordPress.com site to multiple Studio sites.
Team Collaboration: Multiple developers can connect a local Studio site to a shared WordPress.com site, making it easy to push and pull changes as a team.
Sync To and From Staging: If using staging sites are part of your development workflow, you can now easily push from your local Studio site to your WordPress.com staging site.
One-Click Bliss: No need to worry yourself with database dumps, manually syncing files over SFTP, or performing other monotonous manual steps. Synchronize your local and hosted sites at any time with just one click.
Connect your site
You can connect any of your WordPress.com sites on a Business plan or higher. Use built-in search to locate your site and quickly see if the site has a staging environment available.
Push and pull
Pull to synchronize your WordPress.com site changes with your local Studio site, or push to deploy your local Studio site changes to your WordPress.com site.
Launch your Studio site on WordPress.com
Ready to publish your local Studio site for all the world to see?
Simply click Connect site on the Sync tab, and then you’ll see an option to purchase a new hosting plan for your Studio site at WordPress.com.
Ready to get started with Studio Sync?
You can start taking advantage of this new Studio Sync feature in just a few steps:
So, you are considering creating a personal website. Congratulations! In my opinion, that’s one of the smartest decisions you can make.
Building a website for yourself allows you to claim your own little part of the Internet. A space you fully control and that nobody can take away from you. Where you make the rules, determine the look and feel, and express yourself in any way you want.
If that sounds worth pursuing, this post covers everything you need to know. It will talk about the nature and benefits of a personal website, then give you step-by-step instructions on how to build one using WordPress. From picking a website address and basic design to creating pages, adjusting design elements like fonts and colors, and adding extra functionality—it’s all here.
A personal website is pretty much what it sounds like. It’s a website that belongs to you and allows you to represent who you are and what you do in whatever way you want.
You can control the design, content, functionality, and everything else about it.
Why would you want to build something like that for yourself?
Let’s talk about that for a minute.
Benefits of building your own website
Yes, there are other ways you can build a brand or profile online. For example, many people use social media as their main outlet. But, putting all your eggs into that particular basket is also risky.
There’s always a chance you can get banned or hit with an algorithm change that cuts your reach. Anybody who is old enough to remember when you could build an audience for your Facebook page without spending money on ads can tell you that much.
Or, just imagine, your favorite outlet gets bought by a person or company you don’t like and don’t want to support, so you feel compelled to start over on another platform. Sounds far-fetched, I know, but it could mean all your hard work is gone from one day to the next.
This can happen because you don’t actually own your social media account. The platform you are on does, including all the content you publish. And what’s not yours can be taken away from you.
In contrast to that, creating your own personal website, especially if you do it with a system like WordPress, means building something permanent. You fully own it and can take it with you wherever you want.
Plus, it allows you to do things that you can’t always do on social media, like:
Change the design
Publish detailed, long-form content
Sell goods and services
Tell people more about yourself
Get inbound traffic from search engines
Show off your portfolio
Build a central hub to consolidate all your online outlets
And much more…
Types of personal websites
So far, the definition of a personal website has been relatively broad. The reason for that is that it can take many forms depending on your purpose:
About Me website – Simply introduce yourself and who you are. It can work as an online resume, business card, or just a fun project.
Blog – If you are going the blogging route, you can dive deeply into a topic that interests you, grow a following, build expertise, and maybe even create a business.
Newsletter – You can also use a personal website to build a newsletter. This works well when combined with a blog. You can use content to attract an audience and then get them on the newsletter to stay in contact easily.
Portfolio – If you are an artist or any type of creative professional, a personal website is where you can show off your portfolio (also works for developers). It gives people an impression of what you can do and also allows them to get in touch with you directly, e.g. via a contact form.
Thankfully, as you will see below, the process of creating a personal website is also very flexible, so it can accommodate whatever you have in mind.
How to make a personal website
I’ve been building websites for more than ten years. If I were in your position and wanted to create a website for myself for the first time, here’s how I would do it.
1. Choose your hosting plan
Hosting basically means renting space on a computer that’s connected to the Internet. That’s where you save your website files so that others can access them with their browser.
With WordPress, you are free to choose your hosting provider since it runs on almost any server setup. WordPress.com is a great option because it’s managed hosting.
That means it takes care of a lot of the more technical parts of running a personal website, namely:
Installation – The website is automatically created for you. There’s no need to upload files to a server, create a database, or run an installation.
Ease of Use – Everything that has to do with managing the website happens in the same, beginner-friendly interface. You don’t need to switch back and forth between the hosting provider panel and the website; it’s all in the same place.
Speed – Performance is a very important topic for user experience. WordPress.com’s servers get the most out of the CMS and store copies of your website across 28+ data centers for super fast delivery.
Security – Jetpack is included on every WordPress.com site and provides daily security scans, automatic backups, brute-force protection, downtime monitoring, and more. Plus, you get encryption, firewalls, activity monitoring, DDoS protection, and automatic software updates with every plan.
While you can also implement the above manually, by choosing managed hosting, you can fully focus on the important parts of creating a personal website instead: its design, content, and growth.
If that sounds like the right choice for you, all you need to do is pick a WordPress.com plan.
The Personal and Premium plans are most suitable for simpler websites with fewer pages and for writing a blog. If you want to add extra functionality via plugins or even sell things on your personal site, Business or Commerce might be more your speed.
Each plan comes with unlimited visitors, posts, and pages. If you go for a yearly plan, you also get a free domain for one year. That brings us to the next point.
2. Pick a domain name
The domain name is what your visitors will type into their browser bar to reach your personal website.
An important aspect to pay attention to here is the domain ending or top-level domain (TLD). You know, the .com, .org, or .net part.
For example, if your site is for a particular country and language, it can make sense to use a country-specific domain ending like .de (for Germany) or .co.uk for the United Kingdom. Another example is that as a writer or artist, you could also use a .blog or .portfolio.
The main part of your domain, the name, is also important to think about. It should be easy to remember and convey trust. You can find more tips in this post and the video below.
Simply search for your desired name and hit enter. The tool will tell you if it’s available, the cost, and alternatives.
Select your choice and go through the purchasing process. As mentioned, if you host your website at WordPress.com, you get a free domain with an annual plan that can be automatically assigned to your site.
But don’t worry if you can’t make up your mind right now. You can skip this step in the beginning and settle on your domain name at a later time. Your website will live at a temporary address until then.
3. Select a theme
In WordPress, themes are what control the basic design. They are website blueprints that contain colors, fonts, layouts, and other design elements. As a consequence, you can alter your WordPress website’s look and feel—quite dramatically—by simply activating another theme.
Same website, different themes.
Another benefit is that there are themes specialized in building particular types of websites like restaurant sites, travel blogs, photography sites, and more. They come with features, layouts, and design elements specifically for these use cases, making getting started much easier.
In addition, themes are just starting points, not destinations. You can also still customize them completely later on as you’ll soon see.
Applying a theme to your personal website is super easy. You can check what’s available by going to the theme directory or Appearance > Themes in your WordPress.com admin interface.
Use the controls on top to search for a particular theme or filter by topics and plan. Click on any of them to learn more about it.
You’ll find a description and list of features as well as a preview on the right. Many themes come with style variations that apply different color schemes and fonts. You can try them out directly on this page.
In addition, you can see what your current website would look like with the new theme by clicking the Preview & Customize button. The editor that appears allows you to customize it further, e.g., try out style variations on your site.
You can save your changes and activate the theme immediately with a click on the button in the lower-left corner. Alternatively, do it from inside the theme menu.
4. Add a homepage and customize it
With the basic website in place, it’s time to learn how to create and customize pages, starting with your homepage.
Set up a new page
Navigate to Pages > Add New Page in your WordPress.com admin interface.
This will open the WordPress Page Editor. When creating a fresh page, you’ll be prompted with a collection of pre-defined layouts you can use to quickly populate it.
These layouts include categories such as About, Services, Contact, Blog, and more. If you find something you like, simply click it to insert the layout into the editor. Alternatively, you can start with a blank page and completely customize it yourself.
Add page elements
The WordPress Page Editor works with blocks, which are singular content elements of different types. For example, a paragraph block is automatically created when you write and press the Enter key. Other examples for blocks are:
Headings
Lists
Buttons
Images
Tables
Columns
Grids
You find a full list of available blocks when you click the big blue “+” button in the top left corner.
They are ordered by category, and you can also search for specific blocks. Clicking on any of them inserts it into the editor at the current position of your cursor.
In addition to individual blocks, the Patterns tab offers pre-designed collections of blocks, such as contact forms, galleries, team member sections, newsletter sign-ups, and more. These patterns can help you quickly create layouts without having to build everything from scratch. You insert them the same way.
Another method to add blocks is by clicking the small “+” button that appears when you place your cursor within the editor. It lets you search for a block by name and click it to insert.
Even easier, type a forward slash (“/”) in any empty line, start typing the block name, and select it using your mouse or keyboard.
To understand and manage the structure of your page, use the Document Overview tool in the top left corner.
Customize blocks
Clicking on a block brings up an options bar at the top and additional customization settings in the sidebar.
The options vary depending on the block type. For instance:
A paragraph block lets you adjust font size, color, text alignment, and more.
A button block allows you to customize alignment, style, color, dimensions, and shadows.
It takes some trying out to know what you can change for which type of block.
Be aware that these settings apply only to the specific block on the current page. For global design changes—like applying a new font to all headings—you’ll need to use the global Styles settings, covered later.
Once you’ve designed your homepage to your liking, save your changes and publish the page.
Set it as your front page
To make your newly created page your homepage, go to Settings > Reading in the WordPress.com admin dashboard. At the top, you’ll see two drop-down menus that allow you to define which page serves as your homepage and which one displays your blog posts.
Select your new page under Your homepage displays and save the settings.
Your homepage is now live! For more information about pages in general, check the documentation.
5. Add more pages and a menu
You can use the same workflow as above to create additional must-have pages for your personal website, such as:
About page
Contact page
Services
After that, you’ll likely want to include them in a navigation menu so that your visitors can reach them easily.
Sitewide changes like this happen in the Site Editor. You can access it via Appearance > Editor. The Site Editor works similarly to the Page Editor but allows you to edit additional parts of your website.
In many cases, your theme already includes a navigation menu. In our example, it appears as part of the header. One way to edit it is to click Patterns and Header, though you might need to know the name of your header pattern to pick the right one.
Alternatively, click the header element in the main editing window and then choose Edit.
Either gets you to the editor below.
Here, select the Navigation block (again, Document Overview is your friend).
You can then add and subtract menu items and other elements, rename them, and also change some design options in the sidebar.
Make adjustments as needed, then save to make them appear on your website.
Note: In some themes you control menus in the Site Customizer instead. You can find more information here.
6. Customize fonts and colors
The Site Editor is also where you can make global design changes for your website. You’ll find these options in the Styles menu in the top right corner of the editor.
Here’s what you can change:
Browse styles – Switch between style variations, color palettes, and font combinations your theme ships with.
Typography – Make changes to the font family, size, appearance, line height, letter spacing, and more for body text, links, headings, buttons, and other text elements on your site. You can also change font size presets here.
Colors – Add colors and gradients to use in the editor, try out existing color palettes, and customize colors for text, backgrounds, links, buttons, headings, and more.
Background – Give your website a background image.
Shadows – Set up presets for drop shadows to use them in the editor.
Layout – Define basic layout settings such as content width, global padding, and block spacing.
Blocks – Make design changes to particular block types that apply sitewide.
A cool feature to preview changes in real-time, is the Style Book option in the Styles menu. It provides an overview of how your site’s design elements will look.
Let’s go over some use cases to help you understand all of this information
Change heading fonts
You change the font of your headings under Typography and then Headings. To make things easier, open the Text tab in the Style book to see all headings at once.
Pick which heading type to customize, then apply your changes. For example, if you want to prevent your H1 headings from turning into all caps, choose the “H1” option, then set Letter Case to None.
To change the background color of your website, go to Colors and then click Background.
Pick from the theme palette (you can choose a different one at top) or define a custom hue. That’s it.
Modify button shadow
To make changes to a single block, click Blocks.
Either scroll to the button block in the list or use the search functionality to find it. Click it.
Find the Border & Shadow option at the bottom. A click on Drop shadow allows you to apply different kinds of shadow effects to all of your buttons.
7. Edit page templates
Templates define the design and layout for certain content types across your website. To access them while in the Site Editor, click on the WordPress logo and then Templates.
You’ll see a list of all existing templates on your site such as single posts, pages, and archives. For example, you might want to adjust the layout of your blog posts. For that, click the Single Posts template, to start editing it.
Let’s say your goal is to switch the position of the post meta to appear under the title.
For that, simply choose the post-meta block and move it up.
When you now save, the changes apply to all blog posts on your website.
Plugins let you change and enhance the functionality of your personal website. If you are on a Business or Commerce plan, you can install them in the Plugins menu.
Plugins cover a wide range of features that they can contribute to your website, such as:
Improve search engine optimization (SEO)
Add an Instagram feed
Limit login attempts
Accept payments with different providers
Connect your website to Google Analytics
You can find plugins by using the search functionality at the top or browsing through categories. To learn more about a plugin, click on it. If you like what you see, click the big Install and Activate button.
Once the installation is finished, you can start using the plugin’s functionality right away.
Your personal website is your own piece of online real estate. It’s yours to do with as you please and, unlike other online profiles, can’t be taken from you.
Designing and developing websites is complex. User expectations rise alongside advancements in what is technically possible. As a consequence, the process has many moving parts you must keep in mind if you want to design and build web presences that provide a great user experience, rank well in search engines, and achieve client goals.
Even as an experienced freelance or agency developer, you might struggle to remember every item on the to-do list. The good news is, you don’t have to. By establishing a formalized web design process, you can create a roadmap to follow each time you build a new website.
Doing all the thinking beforehand ensures that you don’t forget anything crucial. It also frees up headspace for doing the actual work, avoids overwhelm, improves efficiency, and allows you to build better websites on repeat.
In this post, we’ll help you reap those benefits by establishing your own web design process. We’ll go through all the necessary steps and give you actionable advice on how to implement each and every one of them. This will give you a foundation to develop your own workflow and make life easier in the future.
How to use this information to develop your own process
We’ll go over the following steps (you can click on the links to jump directly to the part that most interests you):
Goal-setting
Scoping
Resourcing
Project management
Sitemap / wireframes
Copy / content creation
Staging site setup
Visual design
Testing
Launch
Site maintenance
Our goal is to cover each point as completely as possible to provide you with a blueprint for developing your own process. Take what’s useful and relevant to you and add any additional information you might need for your particular use cases, working style, industry, or else.
Be aware that a formalized web design process is a living document that you’ll likely change over time as you repeatedly go through it and as web design requirements change. That way, it always reflects your latest way of working and current level of technology.
To make getting started extra easy, we also created a customizable checklist template. To use it, just create a copy and adapt it to your needs as you go through the information below.
1. Determine website goals
The first thing you need is background information on the website you are about to build. The main objective is to understand its purpose, as this lays the groundwork for many decisions down the line.
For that, your first task is to understand who your client is. Their type of organization, industry, and audience make a big difference in the end product. Good questions to ask are:
What exactly does your business do?
What are the company’s vision, mission, and/or values?
How do you differ from the competition?
Which problems do you solve for your customers?
Which challenges, opportunities, and trends are shaping your industry?
What regulations or compliance requirements does your industry have?
Is there an existing brand identity?
Once you have a better picture of the client, the second step is to find out how the website fits into their business. This is a set of questions that will help you do so:
What’s the goal you hope to achieve with the site?
Who is the intended audience? What’s the first impression they should have when entering the website and what actions should they take on it?
What type of content are you planning to publish?
What are must-have features and functionality?
How should the site be different or the same as that of competitors?
What’s the budget and timeline?
Questions like this are important for several reasons. First of all, lots of industries have distinct conventions when it comes to website design. For example, you would use a very different color scheme for a children’s toy store compared to a corporate financial services website. The client might also already have existing branding that you have to take into account to preserve an established look and hit the right tone.
In addition, the type of site you will build also has a big influence on the web design process. A brochure website, blog, and online shop all have very different purposes and require unique approaches. There can even be legal requirements that you have to meet. For example, on real-estate websites, visitors might have to virtually sign a contract before they can view portfolio items.
Without being crystal clear about what you are making and for what purpose, you are almost certain to get off on the wrong foot, which can be costly and time-consuming to correct. Therefore, spend enough time on the discovery phase until you have a firm grasp of the client’s needs. Extensive contact with stakeholders, market research, audience personas, a design brief, and competitor analysis are all useful tools for this stage.
2. Scope the project
Once you know what you are tasked with designing, the next step in the web design process is to put together the project scope. This is where you determine the exact functionality and technical requirements for the site. It also helps you estimate how long the process will take, allowing you to agree on the exact work to be done (to prevent scope creep) as well as deadlines and milestones with your client.
Ask your client for these basic pieces of information:
How many pages does the site need?
What will they contain? Do you have to account for things like forms or e-commerce functionality?
What other features will be on the site?
What about content? Will the client provide it, or is that part of your duties?
Once you have collected key information, you can estimate how long the total project will take. Be sure to build in some buffer for when, not if, something unexpected happens.
A very useful tool for visualizing the timeline is a Gantt chart.
It shows the project timeline, key deliverables, and their expected completion times. You can easily create Gantt charts using existing Excel or Google Sheets templates.
3. Identify and allocate resources
After this, it’s time to deal with your resources, including money, workforce, and tools. Let’s go over them one by one.
An established scope makes it easier to calculate project costs. For example, it helps you see how many hours it will take and calculate the cost of labor. However, don’t just think about the time—also consider external costs, such as:
Be sure to calculate these beforehand for yourself and to provide an accurate estimate to your client. We have a checklist for website costs if you need a refresher. For hosting options, consider:
If you need a free tool for local development, check out Studio.
Another part of resourcing is determining who will do the work. If you’re a freelance full-stack developer, you might handle everything yourself. If you’re part of an agency, the work will likely be divided between the design and development teams. Either way, ensure there’s a clear plan and everyone knows what’s expected of them.
4. Prepare your project management platform
By now, you should have a good overview of the work that awaits you. It’s time to put it into order and make it more manageable.
The first step is to list all the phases and tasks the project will go through and add them to a project management tool. This also allows you to bring them into the correct order. Recommended tools include:
As mentioned earlier, you can also use the free checklist template included in this article.
Feel free to break the phases down into smaller chunks if that’s how you prefer to work. In addition, include all the resources you already have and attach them to their respective tasks. While you are at it, don’t forget to input the timings and milestones you determined earlier for each item. This will help you stay organized.
By the way, your planning should also include regular check-ins with clients for approvals and updates. This fosters collaboration and ensures everyone stays on the same page.
5. Create a sitemap and wireframes
From here, it’s time to start conceptualizing the end product and create a plan to follow along.
You’ve already determined the must-have pages for the website in the project scope. These often include the usual suspects (homepage, about page, contact page, legal pages, etc.), but you might also have less common ones depending on the project. The next step is to put them into relation to each other and plan the site structure. You can do so with a basic sitemap.
The way pages are arranged greatly influences a website’s navigation and user experience. For example, it determines how easy it is to find content and how often visitors have to click to reach it. A good structure also makes the site more crawlable, giving it an SEO boost.
Part of the site structure are also navigation and menus. They point out important pages and are often an initial entry point for visitors, so it’s important to consider them as well as other navigation elements like breadcrumbs.
Once you have the overall structure, the next task is to visualize individual pages. This is where you create layouts for each page and determine how elements will be arranged—a process also known as wireframing.
Wireframes let you map out the page structure before dealing with design considerations. They help you focus purely on usability and are a great tool to collect feedback from clients. Be sure to also map out your mobile layouts!
You can create wireframes using a variety of tools:
Graph paper – Go old school with pen and paper.
Google Docs – While not the best option, it still works. Tables are your friend.
Professional design tools – Options include Balsamiq or Figma. If you use Figma, consider using a wireframing kit like Johannes WP, which is specifically made for wireframing WordPress websites.
With the concept finished, you can start creating the visual parts of the website. Ideally, this doesn’t start with colors, fonts, and CSS but rather with written content.
While this might seem backward, it actually makes a lot of sense. Design should follow content, not the other way around. You don’t want to find yourself in a situation where you have a finished design but it can’t accommodate the intended text.
Writing copy doesn’t just mean crafting text for the main sections of the page wireframes you created earlier but also for navigational elements, buttons, forms, and other page elements.
There are several ways to handle this step:
Receive the content from the client
Draft the copy yourself (if that’s part of your agreement)
It’s important to be a bit flexible here. Content might still change and not everything has to be fully ready. It’s fine to use placeholders for some parts, like product descriptions.
However, you want at least a rough idea of what you need to accommodate in your page designs before you start creating them. This saves you from having to make time-consuming changes later.
7. Set up a staging site
Now that you’re ready to work on the actual website, it’s crucial to set up a development version. As a professional web developer, you know better than to do the design process on a live domain.
Once that’s ready, you can immediately start creating the raw structure of the site. This includes setting up all the pages you scoped earlier and creating navigation items pointing to them.
While you’re at it, you can also install any plugins included in your scope, implement features like forms, and insert written content into the appropriate places to create a rough version of the site.
8. Create the visual design
The next step is visual design. This is where you implement the structure from your wireframes and make it look good with fonts, colors, and other elements that create the website’s aesthetic.
This part of the process often happens in two phases: first creating a design mockup and then implementing it. In a WordPress website, the central element for that is the theme, which controls the website’s design.
Here, you can either go with an existing theme or create your own. If you have a WordPress.com Business plan, either is an option since you can upload any third-party theme you want.
Obviously, making a theme from scratch is more work though it gives you the possibility to create a bespoke solution. Going with an existing theme takes less effort, yet it might not have all the features you want or need.
The most time-friendly solution is often to take a hybrid approach. That means finding a theme that is very close to what you are looking for in terms of design and functionality, and then customize it according to your needs.
Thanks to block themes and the WordPress Site Editor, this has become simpler than ever. For example, you can adapt visual elements like colors easily using Styles and/or the WordPress Customizer.
In addition, the Site Editor gives you control over all typography available on your website. You can assign a multitude of fonts to any text elements on your website.
Finally, your website will likely also include visual page content, such as photos, icons, graphics, or videos. Depending on your contract, these might either come from the client or be something you create. Be aware that you have the possibility to source free images directly inside the WordPress.com editor.
First, there is the Jetpack AI image creator. Simply insert an Image block and choose Generate with AI.
Then, input your prompt in the panel that shows up.
You can also insert images from Openverse and Pexels.com by clicking the Block inserter button and choosing the Media tab.
Search for any image and click on a result you like to automatically add it to the editor, complete with the correct attribution.
9. Test the website thoroughly
Already done with the design? Alright hot shot, let’s move on then. Now it’s time to get to testing, which is one of the most crucial stages of the web design process. You don’t want to launch a website only to find parts or even the entire site not functioning correctly.
Testing should ideally happen on a staging site, especially one that uses the same environment as the eventual live website. This allows you to spot potential conflicts or problems that didn’t surface during development.
Here are the most important things to examine each page for:
Double check the content – Content is the main attraction of any website. Go through all pages to ensure there are no typos, missing images, or other errors that detract from the user experience.
Ensure all features work – Test all central functionality, such as web forms, shopping carts, and interactive elements. For example, see that form submissions reach the intended destination.
Verify all links – A well-planned site structure is only effective if users can actually use it. Make sure that links go to the correct destinations and are not broken. A tool like Screaming Frog lets you scan for broken links in bulk.
Check SEO – Make sure all pages have correct meta information, such as title tags and meta descriptions. Screaming Frog also allows you to scan for that.
Measure speed – Page speed is a major usability and ranking factor. Run all pages through tools like PageSpeed Insights to identify performance bottlenecks and fix them. You can also use WordPress.com’s free Site Profiler tool.
Test on different devices and browsers – Since most users access websites on mobile devices, ensure the site looks good on all screen sizes. Test the site on multiple browsers as well.
Validate accessibility – Modern web design must meet accessibility standards, such as WCAG guidelines. Check for sufficient color contrast, keyboard navigation, and compatibility with assistive technologies using tools like Lighthouse (which is also part of PageSpeed Insights) or WAVE.
Invite your clients or other stakeholders to get involved in testing as well. Fresh eyes can catch issues you might have missed. Plus, you’ll need client sign-off on the website before launching. User testing is also a possibility at this stage.
10. Launch
With testing complete and any problems resolved, it’s time to publish the website. Here, too, having a detailed launch checklist can be extremely helpful to ensure you don’t overlook anything.
After all, there are important things to do, such as connecting Google Analytics and Search Console, setting up security measures, creating user accounts, and configuring backups.
When you set a launch date, be sure that any promotional efforts, such as social media updates and email campaigns, are prepared in advance. This coordination ensures that your website makes a big splash as soon as it goes live.
11. Do regular site maintenance
While the website design process is mostly done after launch, it doesn’t mean your work is over. Websites are ongoing projects that require regular maintenance to stay functional, secure, and effective.
Here are some common maintenance tasks:
Addressing smaller bugs
Publishing and updating content
Creating new pages
Building traffic
Performing software updates
Conducting security audits
Running backups
Measuring KPIs through analytics
Smart developers have a plan for maintenance to continue creating value for clients—and revenue for themselves.
Of course, it’s best to automate as much of this work as possible. For example, WordPress.com automatically handles backups and updates, so you don’t have to do them manually or set up a separate solution.
You can find a full list of recommended maintenance tasks in this article.
Stay on top of things with your own web design process
Creating a website that meets today’s high standards for design, usability, and performance is no small feat. With countless moving parts to manage, having a structured web design process is essential to stay on track.
By following a plan beforehand, you can save time, reduce errors, and ensure that nothing important gets overlooked. It allows you to focus on delivering results that align with your client’s goals while making your workflow repeatable for future projects. The steps outlined in this article serve as a flexible foundation to help you put together a process that works for you.
Now it’s your turn: What strategies or tools have helped you master the web design process? Share your thoughts in the comments below!
No matter what type of website you want to build, WordPress.com has all the tools you need to build your online home.
Many of those features are powered by Jetpack, a versatile plugin that provides WordPress websites with a suite of essential tools for site security, performance, and more. It’s included with every WordPress.com website (even sites on our Free plan). For self-hosted sites, Jetpack tools are also available on a subscription basis, with bundled and ala carte options.
Jetpack provides WordPress.com with tons of value. It makes sure your site performs well so you can build and create with confidence. But what exactly does Jetpack do and why should you care? Let’s look at just some of the ways Jetpack gives your WordPress.com site superpowers.
What’s inside the Jetpack toolbox?
Jetpack offers tools in four categories to meet your website’s needs: security, performance, growth, and management. Many of these tools are included with free WordPress.com websites, with additional tools unlocked on higher plan tiers.
Jetpack Stats: Understand what’s resonating with your readers
Free; more features unlocked on Personal and above
Use Jetpack Stats to see your website performance at a glance, including how many visitors are on your site and what content is performing best. Quickly see where your traffic is coming from to better optimize your marketing and partnership strategies. Jetpack is fully GDPR compliant so you can track your visitor metrics with confidence.
To access your free stats, navigate to the “Stats” tab in the WP Admin. For even more information on your website’s trends and insights to improve your website’s performance, upgrade to Premium.
Gone are the days of logging into every social platform to share your newest blog post with your followers. Jetpack Social lets you preview and share your content across major platforms – Facebook, Twitter, Instagram, Linkedin, Mastodon, and Threads – with just one click from within the WordPress Editor.
Jetpack Social also enables you to automatically put quick share buttons on your posts, enabling your visitors to share their favorite content with their communities, expanding your content’s reach.
Free; additional features unlocked on Premium and above
With the Activity Log, you always have a high-level view of changes and actions taken across your site, from comments to new posts to downloads. Whether you have a large team of content creators or you’re trying to find the source of a pesky bug, the activity log offers transparency and accountability for every website change.
Free users have access to the 20 most recent website updates. Upgrade to a paid plan to view your complete site activity across your plan’s data retention period.
Free and above (limit 20 requests on Free plan, unlimited on paid plans)
With a suite of AI-assisted tools, creating engaging content for your website has never been easier. Jetpack’s AI Assistant can help you quickly generate text, lists, tables, and AI-generated images. AI can also help you edit existing content, highlight readability challenges, identify tonal shifts, and suggest word and image updates to optimize user engagement on every page.
Jetpack Blocks: Add tons of functionality to your site
Free and above
Blocks make it simple to build pages and add functionality to your site’s content. Jetpack provides WordPress.com websites with several blocks that allow you to embed content, add monetization options, customize forms, and much more. Here’s a glimpse at all the things you can do with Jetpack-powered blocks:
Spam can attack your site faster than you can say “where’s the firewall?” but Akismet Anti-spam offers professional-grade defenses. Using advanced machine learning, Akismet can filter out 99.99% of spam in user-submitted text, including spam comments, bot form responses, and fake leads, keeping your site and CRM looking pristine and professional.
Akismet Anti-spam can be found in the Jetpack section of the WP Admin. From there, you can monitor how much spam has been blocked across your site and choose whether you want to review or automatically delete potential spam messages.
You no longer need a separate platform to get your content into people’s inboxes: Jetpack Newsletter allows you to convert your blogs into emails right from your post-publish page. Jetpack offers tools to support your newsletter from start to finish, from collecting subscribers on your website to sending and tracking your newsletter’s performance – all from within WordPress.com. Already have a dedicated following? Simply import your existing subscriber list to get started.
Accidentally broke your site with a new plugin? Never fear: VaultPress Backup has you covered. With daily backups and additional backups created every time you make an edit, it ensures that your website is crisis-proof.
To enable backups, simply navigate to the Jetpack tab in your WordPress Admin and select “Backup.”
Once VaultPress Backup has been enabled, it will automatically create daily backups of your site and backups after every change, with multiple secure copies stored across the cloud. If you ever want to return to a previous version of your site, click the date arrows to navigate to the date you want to roll back to. Click the “Restore to this point” button to revert your site with just one click.
Do you have a large website with a lot of content? Help your visitors find what they’re looking for quickly by enabling Jetpack Search. You can turn on Jetpack Search and filtering with just one click in the Jetpack tab of WP Admin. Jetpack will automatically index all of your site content and offers flexible design options that match your brand.
For eCommerce sites, this is particularly valuable: research shows that people are 2x more likely to purchase something when they search versus standard browsing.
Help new users find your site with Search Engine Optimization, which helps your website climb up the ranks on popular search engines like Google. With the Jetpack SEO tools on WordPress.com Business plans and above, you can control your title tags and meta descriptions to ensure your site is optimized for search.
You don’t have to be an expert to use Jetpack SEO: Jetpack will notify you if your text exceeds the recommended character count limitations to ensure your metadata looks great in search engine results.
Business plan users and above can install additional plugins to their websites. Let’s look at two top-tier plugins the Jetpack team offers to further extend your site’s capabilities.
Jetpack Boost: Make the jump to lightspeed
Paid plugin
Speed matters: just a one-second delay in website loading times can cause a 20% drop in website conversions, with slow sites causing users to experience stress equivalent to watching a horror movie or taking a math test. With Jetpack Boost, you can get suggestions to optimize your website and give your website a relative speed score. Boost will also optimize your code for ultra-fast response times, no developer required.
For a fully integrated, simple CRM, try out Jetpack CRM (formerly known as Zero BS CRM). Jetpack CRM allows you to manage your customers and website visitors with ease, ensuring you never lose a contact or a sale. With integrations for WooCommerce, Paypal, Stripe, Gravity Forms, and more, you can ensure all your data and sales operations are at your fingertips. Unlike complex CRM platforms, Jetpack CRM keeps things simple so that you can run your business effortlessly.
With Jetpack built into every WordPress.com website, you get best-in-class tools to help build and grow your site, no matter which plan you choose. It’s that special ingredient that helps make WordPress.com the best place to host your website (in our biased opinion). Sign up to create your first website today or upgrade your existing plan to access everything Jetpack has to offer.
The internet is a treasure trove of visuals, overflowing with inspiration and information. Images are what draw us in, keep us engaged, and help us learn, and create. But imagine the internet without those visual cues—navigating it would be a real challenge.
Luckily, for people with visual impairments, those dealing with slower internet connections, and even the robots powering search engines, there’s a simple yet powerful solution: alt text (short for alternative text). This unsung hero of the digital world ensures that everyone can access and benefit from the images we often take for granted.
What is alt text?
Alt text is exactly what it sounds like—a description of an image that appears on the page. Simple, right? But there’s more to it than that. To write truly effective alt text, it’s important to understand why it matters, when an image needs an alt attribute (spoiler alert: not every image does!), and the best tools to help you make sure your images are covered. Let’s dive in and make your alt text work smarter, not harder!
Why alt text is important
Alt text isn’t just a box to check—it’s a powerful attribute that serves two important purposes: making your content inclusive and helping search engines understand your images.
Accessibility
Alt text provides a written description of an image for those who rely on screen readers or encounter issues loading images. It’s there to ensure that no matter the barrier—be it visual impairments or low-bandwidth connections—your content remains accessible and meaningful to all users.
Without proper alt text, you risk not only making your site inaccessible to visitors but also potentially violating accessibility laws like the Americans with Disabilities Act (ADA), which could result in fines or other legal consequences. Similar laws are found throughout the European Union, Canada, the Republic of Korea, and Australia—just to name a few. If you’re trying to make the case for an equitable online experience for your team, this is a great place to start.
Want to learn more about building an inclusive online community? Here are a few resources to get you started:
Search engine crawlers pull several key details from an image, including its file name, captions, title, and alt text. Among these, alt text is the most important for helping search engines understand the image’s subject within the page’s overall content. This information works alongside the other content on the page to enhance search engine algorithms, boost your rankings, and drive more traffic to your site.
When writing alt text, aim for clear, meaningful descriptions that fit naturally with the page’s content. Incorporate keywords thoughtfully, and most definitely resist the urge to overdo it—keyword stuffing not only disrupts the user experience but can also result in search engines penalizing your site as spam.
Not familiar with keyword stuffing? Keyword stuffing is all about cramming in as many keywords as possible in an attempt to boost rankings on search engine results pages. This doesn’t work and often backfires. Here’s an example:
alt=”Cute kitten playing with a ball of yarn, adorable kitten, fluffy kitten, playful kitten, cute kitten image, kitten for sale, kitten pictures.”
Well-written alt text can both enhances accessibility and support your SEO strategy. Use your commonsense and keep your (human) site visitors top of mind.
How to know which images need alt text and how to write it
After all that, you may be surprised to learn that not all images require alt text. In fact, it becomes an exhausting experience for some users with screenreaders to endure fluffy alt text applied to images that don’t provide any value. Luckily for us, the W3 has categorized web images and offered some tips about how to treat images within each category.
Here’s how to write the right kind of alt text depending on what your image is for:
Informative images: These are the most common images found on sites and include pictures, photos, or illustrations that represent concepts or information. Your alt text should give a short description that conveys the essential meaning of the image.
For example, this image illustrates all of the integrations available with Automattic’s P2, but those integrations are not named in the accompanying content. It’s important here that the alt text provides that information for visitors that may not be able to see or load the image. It should look something like this:
alt="Logos for available P2 integrations: Crowdsignal, Figma, Twitter, GitHub, YouTube, Vimeo, Google Calendar, and Loom"
Decorative images: If an image is just there to look nice and doesn’t add any important info, use a null alt attribute (alt=””). This tells assistive technologies to skip it.
Functional images: If an image works as a button or link, the alt text should explain what it does—not what it looks like.
For example, the alt text for a video icon might say “Watch this video about hibernating bees on Vimeo.”
Images of text: If the image contains readable text (like a graphic with a quote or a logo), the alt text should include the same words.
Complex images: Charts, graphs, or diagrams need more detailed alt text to describe the data or information they present. You might even link to a longer description.
Groups of images: If multiple images work together to convey one idea, the alt text for one of the images should cover the whole message. A good example of this would be process shots for a recipe or other how-to tutorial that includes steps.
Image maps: For images with clickable areas, provide alt text that explains the overall purpose of the image, and include alt text for each clickable section describing where it leads.
Not sure how to categorize an image? Check out the W3 Images Tutorial for help.
While there are no official length guidelines, it’s generally recommended to keep alt text under 140 characters. Longer descriptions can become tedious when read by screen readers. Be descriptive, but stay concise—this is not the place for creative flourishes.
The Alt Text Tools from the NerdPress team is a free, light-weight plugin that generates a CSV file of the images used in your content, along with their alt attributes.
Once the scan is complete (it’s very fast!), you can open the CSV file in the spreadsheet application of your choice. There you can quickly identify images that have missing alt attributes and scan for any that may need some improvement. The file also includes links to edit the posts where the images appear, making it quick and easy to update their alt attributes.
This freemium WordPress plugin from Equalize Digital goes beyond alt text to ensure your site is accessible to a wide range of visitors. If you and your team are committed to making your content accessible, this is a great resource.
Equalize Digital also runs a Facebook Group and hosts a monthly virtual meet up for WordPress developers, designers, and users interested in learning more about creating accessible websites that can be used by people of all abilities.
Alt text may seem like a small detail, but it plays a big role in making the internet more inclusive and user-friendly. By writing thoughtful, descriptive alt text, you’re not just improving accessibility—you’re also optimizing your content for search engines and enhancing the overall user experience. With the right approach and tools, adding alt text can be an easy step toward a more accessible and SEO-friendly site.
Choose the plan that works best for your business, and let us manage the rest. With any WordPress.com plan, you get all the benefits of fast, secure managed WordPress hosting.
On Dec. 16, WordPress co-founder Matt Mullenweg, Lead Architect Matías Ventura, and Executive Director Mary Hubbard were joined by WordPress community member Junko Nukaga to reflect on all things WordPress at Tokyo Node Hall in Tokyo, Japan. The venue provided the perfect location for the annual event, which was held for the second time outside of the United States.
After delivering the evening’s keynote, Matt, Matias, and Mary were joined by distinguished guests including author and poet Mieko Kawakami, Things Become Other Things author Craig Mod, mgn CEO Hajime Ogushi, and SAKURA Internet Inc. Senior Director Genki Taniguchi. The talented pianist Aiko Takei also performed during the introduction and intermission.
If you missed the livestream, you can watch the full event below:
Highlights from 2024
2024 was a busy year for the WordPress project. Here are some particularly noteworthy moments and milestones that Matt, Matias, and Mary reflected upon from the event stage:
WordPress is growing in Japan (and beyond). Our favorite open-source CMS currently powers 43.6% of all websites around the world, and has a CMS share of 62.3%. In Japan, it powers 58.5% of all websites and maintains a 83% CMS share.
The global community is growing too. WordPress sites using languages other than English are expected to surpass English language sites by 2025.
It’s all about extensibility. WordPress users downloaded plugins 2.35 billion times in 2024. Users can install plugins on the Business plan and above.
Writing and designing with WordPress has never been easier. An improved distraction-free mode provides a cleaner experience when writing in the editor. Thanks to the new zoom-out view, you can use patterns without setting up each single block.
Enhancements for builders and developers. The Templates API streamlines registering and managing custom templates, while WordPress Playground became even more useful thanks to an improved Github integration.
Even more free-to-use visual and audio content. Openverse, a free tool that makes it easy to find open-licensed and public domain works, grew to 884 million images and 4.2 million audio files. Learn how to use Openverse directly in WordPress.com.
WordPress in Japan
WordPress is flourishing all around the world, thanks in part to the generous support and contributions of the Japanese WordPress community. Here are a few key highlights and fun facts:
Japan was the first country to localize WordPress, thanks to a forum post from the user Otsukare.
Wapuu, WordPress’s lovable mascot, was created by web designer and illustrator Kazuko Kaneuchi. You can learn all about Wapuu (and even buy Wapuu merchandise) at wapu.us.
The popular forms plugin Contact Form 7, created by Japanese developer Takayuki Miyoshi, reached 10 million downloads in 2024. You can follow Miyoshi’s blog (which is hosted on WordPress.com) at ideasilo.wordpress.com.
It wouldn’t be State of the Word without a question-and-answer segment. Audience members (including Tokyo Vice author Jake Adelstein) sparked engaging conversations around topics that included:
What open social platforms like Bluesky and Mastodon mean for web publishers.
How will AI continue to impact search engine optimization in the future.
Why websites are still relevant (and why it’s important to own your online home)
And much more. You can watch the full session below:
As the last days of 2024 wind down, we’re inviting WordPress.com bloggers to kick off the new year by doing what we love most: sharing our stories.
Reflecting on the past 12 months and looking forward to the New Year is a natural part of the season, but blogging about those thoughts? That’s a modern twist that turns personal contemplation into community inspiration.
This January, we’re challenging you to write about the turning of the year – from your experiences during 2024, to your hopes, dreams, and goals for 2025, to everything that’s in between. We can’t wait to read what you come up with!
How to participate in the #2025-new-year-challenge
Participating is easy:
Write your post: Craft a heartfelt, honest, or even humorous post about what comes up for you as we enter the new year. Dream big, get specific, or keep it wonderfully vague – it’s your story.
Tag it right: Add the #2025-new-year-challenge tag to your post. This is your ticket to others seeing and interacting with your post.
Get the word out: Blog about the challenge or share this post with others. Let’s get as many stories as we can!
Discover and connect
Want to see what others created? Starting January 1st, visit wordpress.com/tag/2025-new-year-challenge to explore a world of reflections, aspirations, dreams, and more.
You might find a haiku encapsulating the past year, a fitness enthusiast planning their marathon, or someone simply resolving to be kinder to themselves. Every story matters, and every reflection is a step towards a new beginning.
Make it yours with the Personal plan
Ready to make your online presence more personalized? Our Personal plan is the perfect companion for your blogging journey this new year. Get a custom domain (first year included) and transform your blog from a generic URL to your very own corner of the internet.
Imagine telling people, “Check out my resolution progress at [yourname].com” – pretty cool, right?
Let’s make 2025 remarkable
Whether you’re nostalgic for 2024 or excited to learn a language, read more books, or simply smile more this upcoming year – we want to hear about it. Your post might just inspire someone else on their own journey.
So grab your laptop, warm up those typing fingers, and let’s welcome 2025 with stories of growth, hope, and possibility.
One of the areas where WordPress shines is content management. This is also corroborated by the fact that it is the world’s leading Content Management System, or CMS, by numbers.
The most popular way of displaying the content hosted by WordPress is through a frontend, like through blog posts and pages. That is wonderful for human visitors but there are other ways of consuming that content –– for example, web APIs.
In this article, we’ll explore how we can leverage WordPress in order to power a central API for projects like phone apps, browser extensions, or the frontends of other WordPress sites!
Following along
All the steps described in this article were made in WordPress Playground. If you want to see the end result and maybe sometimes skip ahead as we go, download this ZIP file, and perform these steps:
API stands for Application Programming Interface and it’s a way for software applications to communicate with each other in a standardized fashion. A web API is simply one that is accessed through “the internet” –– for example, by entering a certain URL in your web browser.
There are multiple types of web APIs, and one common way to group them is the protocol they use. In this article, we’ll be implementing two APIs, one based on the REST protocol, and another based on the GraphQL protocol. Other protocols you might have heard of include SOAP, RPC, or gRPC.
By the end of this article, we’ll have built a WordPress site that allows users to login in order to add/update/delete data entries which will be queryable both via REST routes and a GraphQL endpoint.
The data entries will collectively represent a company’s organizational chart –– things like employees, teams, and offices. While a little bland, the concepts can be applied to absolutely anything else.
Optional: Trimming down the frontend
While an optional step, it makes a lot of sense to do this if your site won’t be serving any content via pages but exclusively through APIs.
Once you have a hosted WordPress website, you can start by installing a minimalist WordPress theme like Blank Canvas and deleting every single demo post and page on your site. Continue by using the site editor to include information on the homepage for visitors who find it unintentionally.
For example, add your business’ name and logo, and tell them that they probably landed there in error. You can also include a button linking to the admin area for maintainers of the content. Something along the lines of:
One way to prevent your site from being found in search engine results is by checking the Discourage search engines from indexing this site in your site’s settings.
If you would rather fully lock down the frontend and not even have the homepage described above, you can add the following code snippet either to a plugin like Code Snippets or to your child theme’s functions.php file:
/**
* Disables the frontend for non-logged-in users.
*/
add_action(
'template_redirect',
static function (): void {
$authorization_required_code = \WP_Http::UNAUTHORIZED; // 401
if ( ! is_user_logged_in() ) {
\status_header( $authorization_required_code );
die( \get_status_header_desc( $authorization_required_code ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
}
}
Custom post types and taxonomies
Now it’s time to focus on the website’s admin area and the data modeling part of this tutorial. The most straightforward way of compartmentalizing your data is by using WordPress’ built-in functionality of custom post types and custom taxonomies.
While there are many ways to do this, for the purposes of this tutorial, we’ll organize our data like this:
An employee custom post type
A team custom taxonomy
An office custom post type
In order to create these custom data types, you can either add custom code to your site, or use a plugin (like in this video). A very popular plugin for creating custom post types and taxonomies using the admin interface is Custom Post Type UI – and that is what we’ll be using in this tutorial.
Here is the JSON configuration for importing the data into your installation:
For custom post types
{"employee":{"name":"employee","label":"Employees","singular_label":"Employee","description":"","public":"false","publicly_queryable":"false","show_ui":"true","show_in_nav_menus":"false","delete_with_user":"false","show_in_rest":"false","rest_base":"","rest_controller_class":"","rest_namespace":"","has_archive":"false","has_archive_string":"","exclude_from_search":"true","capability_type":"post","hierarchical":"false","can_export":"true","rewrite":"false","rewrite_slug":"","rewrite_withfront":"true","query_var":"false","query_var_slug":"","menu_position":"","show_in_menu":"true","show_in_menu_string":"","menu_icon":"dashicons-id","register_meta_box_cb":null,"supports":["title","thumbnail","excerpt","revisions"],"taxonomies":[],"labels":{"menu_name":"Employees","all_items":"All Employees","add_new":"Add new","add_new_item":"Add new Employee","edit_item":"Edit Employee","new_item":"New Employee","view_item":"View Employee","view_items":"View Employees","search_items":"Search Employees","not_found":"No Employees found","not_found_in_trash":"No Employees found in trash","parent":"Parent Employee:","featured_image":"Profile image for this Employee","set_featured_image":"Set profile image for this Employee","remove_featured_image":"Remove profile image for this Employee","use_featured_image":"Use as profile image for this Employee","archives":"Employee archives","insert_into_item":"Insert into Employee","uploaded_to_this_item":"Upload to this Employee","filter_items_list":"Filter Employees list","items_list_navigation":"Employees list navigation","items_list":"Employees list","attributes":"Employees attributes","name_admin_bar":"Employee","item_published":"Employee published","item_published_privately":"Employee published privately.","item_reverted_to_draft":"Employee reverted to draft.","item_trashed":"Employee trashed.","item_scheduled":"Employee scheduled","item_updated":"Employee updated.","parent_item_colon":"Parent Employee:"},"custom_supports":"","enter_title_here":"First and Last Names","show_in_graphql":"1","graphql_single_name":"Employee","graphql_plural_name":"Employees"},"office":{"name":"office","label":"Offices","singular_label":"Office","description":"","public":"false","publicly_queryable":"false","show_ui":"true","show_in_nav_menus":"false","delete_with_user":"false","show_in_rest":"false","rest_base":"","rest_controller_class":"","rest_namespace":"","has_archive":"false","has_archive_string":"","exclude_from_search":"true","capability_type":"post","hierarchical":"false","can_export":"false","rewrite":"false","rewrite_slug":"","rewrite_withfront":"true","query_var":"true","query_var_slug":"","menu_position":"","show_in_menu":"true","show_in_menu_string":"","menu_icon":"dashicons-admin-home","register_meta_box_cb":null,"supports":["title","thumbnail","revisions"],"taxonomies":[],"labels":{"menu_name":"Offices","all_items":"All Offices","add_new":"Add new","add_new_item":"Add new Office","edit_item":"Edit Office","new_item":"New Office","view_item":"View Office","view_items":"View Offices","search_items":"Search Offices","not_found":"No Offices found","not_found_in_trash":"No Offices found in trash","parent":"Parent Office:","featured_image":"Featured image for this Office","set_featured_image":"Set featured image for this Office","remove_featured_image":"Remove featured image for this Office","use_featured_image":"Use as featured image for this Office","archives":"Office archives","insert_into_item":"Insert into Office","uploaded_to_this_item":"Upload to this Office","filter_items_list":"Filter Offices list","items_list_navigation":"Offices list navigation","items_list":"Offices list","attributes":"Offices attributes","name_admin_bar":"Office","item_published":"Office published","item_published_privately":"Office published privately.","item_reverted_to_draft":"Office reverted to draft.","item_trashed":"Office trashed.","item_scheduled":"Office scheduled","item_updated":"Office updated.","parent_item_colon":"Parent Office:"},"custom_supports":"","enter_title_here":"Add Office","show_in_graphql":"1","graphql_single_name":"Office","graphql_plural_name":"Offices"}}
For custom taxonomies
{"team":{"name":"team","label":"Teams","singular_label":"Team","description":"","public":"false","publicly_queryable":"false","hierarchical":"false","show_ui":"true","show_in_menu":"true","show_in_nav_menus":"false","query_var":"false","query_var_slug":"","rewrite":"false","rewrite_slug":"","rewrite_withfront":"0","rewrite_hierarchical":"0","show_admin_column":"true","show_in_rest":"false","show_tagcloud":"false","sort":"false","show_in_quick_edit":"","rest_base":"","rest_controller_class":"","rest_namespace":"","labels":{"menu_name":"Teams","all_items":"All Teams","edit_item":"Edit Team","view_item":"View Team","update_item":"Update Team name","add_new_item":"Add new Team","new_item_name":"New Team name","parent_item":"Parent Team","parent_item_colon":"Parent Team:","search_items":"Search Teams","popular_items":"Popular Teams","separate_items_with_commas":"Separate Teams with commas","add_or_remove_items":"Add or remove Teams","choose_from_most_used":"Choose from the most used Teams","not_found":"No Teams found","no_terms":"No Teams","items_list_navigation":"Teams list navigation","items_list":"Teams list","back_to_items":"Back to Teams","name_field_description":"The name is how it appears on your site.","parent_field_description":"Assign a parent term to create a hierarchy. The term Jazz, for example, would be the parent of Bebop and Big Band.","slug_field_description":"The slug is the URL-friendly version of the name. It is usually all lowercase and contains only letters, numbers, and hyphens.","desc_field_description":"The description is not prominent by default; however, some themes may show it."},"meta_box_cb":"","default_term":"","object_types":["employee"],"show_in_graphql":"1","graphql_single_name":"Team","graphql_plural_name":"Teams"}}
At this point, your WordPress admin interface might look something like this:
To Gutenberg or not to Gutenberg
The Gutenberg block editor is functional, adaptable, and easy to use, and you should be using it to edit your traditional WordPress posts and pages. However, when it comes to CPTs without a frontend, there might not be any content to warrant the use of a performant editor like Gutenberg.
If you are positive that all of the information you need is not HTML-based, then it might make sense to disable Gutenberg for these CPTs and default back to the classic post editor that was the standard before WordPress 5.0.
The simplest way to disable Gutenberg support for a CPT is to set the show_in_rest argument to false when registering it (as we’ve done above).
Alternatively, if you want to keep the built-in REST routes that WordPress provides for every CPT, you can add this code to your child theme:
Now that we have our basic data types in place, we need to start populating them with entries. Before we do that, we need to ensure that we can record all the necessary data on each entry, and for that we will need to build custom fields.
The easiest way to add custom fields to your custom post types is to register them with custom-fields support. When you then edit a post, it will include a metabox like this:
While this type of “key-value” interface can be enough, you might want to build a more user-friendly interface with fields like checkboxes, dropdowns, media selectors, and so on.
A popular way to add those types of custom fields is the Meta Box plugin, which, as mentioned above, is what we’ll be using in this tutorial. Using their online custom fields generator, we got the PHP code needed to register the fields we wanted and then added them to Code Snippets.
Using a fake data generator, we populated the custom post types with a bit of seed data:
Other UI customizations
While we won’t explore any further UI customization options in this tutorial, we wanted to note that it’s possible to use various WordPress filters to tweak things like:
The default Add title placeholder on new posts (e.g., to First and Last Names)
The columns hidden or visible by default on the CPT list table view
Various other labels and messages throughout the admin interface
Access control
Before we start looking into making the data available via API, it’s time to think about who should have access to it.
The custom post types and taxonomies mentioned above were registered in such a way that any logged-in user with the ability to edit regular WordPress blog posts will also have the ability to edit these. However, it’s possible to make that much more granular.
You can create custom user roles with custom capabilities in order to ensure that the UI is as clean-as-possible in order to promote focused-work for the users doing the data maintenance. This is particularly important if you anticipate a very high number of entries, especially on an ongoing basis.
While it is possible to control this entirely with custom code, a way to maintain a simpler overview of access management is provided by Access Policies implemented by the Advanced Access Manager plugin.
For example, you can create a separate access policy for each CPT you create. Then you may assign the policy either to a role or to individual users in order to maintain full control over who may add new Employee entries or even just edit existing ones. Deleting entries can be a capability reserved only for administrators.
Here is an example of how a policy named Employees CPT – Full Control and assigned only to Administrator users can look like:
Here is an example of what the admin interface can look like for a dummy operator user that has the Data Entry Operator user roles (cloned from the Subscriber role) with two AAM Access Policies attached – one for each custom CPT:
Notice how the lack of most menu items makes it easier to focus solely on the data-entry aspect. The policies can be made more granular, for example, to also restrict who may delete an entry or create new ones.
Custom REST routes
While WordPress will automatically create REST routes for every CPT as long as it is registered with the show_in_rest argument set to true, you can also create your own custom rest routes that are better suited for serving the CPT content in a way that makes more sense to your use-case.
You can choose to have your routes publicly accessible if the permission_callback argument is set to the __return_true function or you can choose to lock down calls using any permission scheme you want.
The recommended way of locking down access is behind a capability check, i.e. a call to current_user_can. You can use the AAM Access Policies mentioned above to grant or withdraw permission from individual roles or users, and you can use WordPress’ application passwords to authenticate API requests.
Hint: even if you decide that GET (read) requests should/can be publicly available, we still recommend that any POST // PUT // DELETE (create, update, delete) requests always be guarded by a current_user_can check.
Here is a REST controller that we added to Code Snippets in order to be able to list the employees on the site and fetch them by ID:
Your custom REST routes will be available under <your-domain>/wp-json/<route_namespace>/<route>. For example, the path for retrieving the list of employees could look like this:
Hint: the team query added there will be parsed by WordPress and made available in the controller; you can then choose to either ignore it or filter the results by it – anything you want!
The easiest way to test your endpoints, especially if they will require an application password to access, is to use a tool like Postman which lets you test APIs in a very user-friendly manner. Publicly available GET requests can also be tested by simply visiting the URL endpoint in your browser!
Querying via GraphQL
Now that we are able to fetch the data via REST routes, let’s explore how we might be able to fetch it using GraphQL as well.
If you’re unfamiliar with GraphQL, what you need to know is that it’s actually a querying language just like SQL but for APIs. You can read more about it on the official website over at https://graphql.org/.
The simplest way to add GraphQL support to our site is by installing the newly-canonical plugin WPGraphQL. It also has a documentation page where you can learn more about what it provides out-of-the-box, and also examples of how to handle much more complex scenarios.
If you’ve been paying attention to the JSON configuration of the custom post types shared above, you might’ve already noticed a key named show_in_graphql set to 1 (true/active). That is all we need in order to allow the custom post types we added to be queries using GraphQL.
Here is an example of a GraphQL query that can be used to list Employees which you can test in the built-in GraphQL IDE bundled with the plugin:
If this sounds like something you want to build for your own business, you can work on it on your own computer using Studio by WordPress.com. You can even share your work with colleagues (for free!) using a demo site, and when you’re ready, any WordPress.com Business plan or higher will be able to host and manage your site.
State of the Word 2024 is just around the corner! Join us for this live stream event on Monday, Dec. 16th at 18:00 JST / 09:00 UTC.
State of the Word is the annual keynote address delivered by the WordPress project’s co-founder and Automattic CEO, Matt Mullenweg. Every year, the event celebrates the open source project’s progress and offers a glimpse into its future.
State of the Word 2024 will be held in Tokyo, Japan, at Tokyo Node Hall. This will mark the first year the event has ever been held in Japan, where WordPress powers 58.5% of all websites. This year’s edition promises to deliver insight from Matt, Lead Architect Matías Ventura, and General Manager Mary Hubbard, as well as a lineup of guest panelists, from acclaimed authors to leaders in the Japanese WordPress community.
Every great journey starts with a single step—and yours starts today.
You’ve had the idea. You’ve imagined the possibilities. Whether it’s a blog, a business, or a creative project, the dream has always been there, waiting. But here’s the truth: dreams can’t grow until you take action. And right now is the perfect time to start.
At WordPress.com, we’re here to help you bring your vision to life. With our year-end promotion, you’ll get 25% off any new annual plan—plus a free domain for your first year—to make starting even easier.
Use coupon code DREAM25 at checkout and start building today.
Design your dream. Choose from stunning, customizable themes that make your site uniquely yours.
Be seen effortlessly. Built-in SEO tools help grow your audience and expand your reach.
Turn passion into profit. Accept payments, offer subscriptions, and much more.
Get expert help, 24/7. Our team is always available to support your success.
And that’s just the beginning. From intuitive tools to seamless performance, we’ve built the platform to help you succeed—whether you’re starting your first blog, scaling your business, or taking your passion to the next level.
But here’s the thing: your dream won’t wait forever, and neither will this offer. This exclusive 25% discount ends on December 31st, 2024. Use coupon code DREAM25 at checkout and start building today.
The future you’ve been imagining? It’s closer than you think. Dream it. Build it. Grow it—with WordPress.com.
Bringing back a frosty feature (plus more improvements for WordPress.com users)
About 17 years ago we added an option called “Show falling snow on my blog” to WordPress.com. The name said it all: it added falling snow to your blog. Then, one day, it disappeared. It wasn’t because spring came and melted the snow away. We were cleaning up code, juggling lots of different priorities, and the snow was shoveled away.
When we first announced this bit of fun in 2007, we were inspired because WordPress co-founder and our CEO Matt Mullenweg was missing out on a White Christmas in his hometown of Houston. Ever since it went away, some of you have let us know you’ve also been missing out on snow — on WordPress.com. Thanks to everyone who reminded us, we’re bringing back this frosty feature today, available now for every WordPress.com user.
Want to join the fun? Log into your WordPress.com account and visit Settings in the left-hand sidebar. There, you’ll find an option to add some fresh powder to your site:
Your personal snow machine, free for all WordPress.com users.
Voilà! With one click, your visitors can enjoy a wintry surprise, no matter where they are in the world:
We like to think of it as a fun gift for a time of year when so many people around the world will be sharing gifts — whether or not it’s snowing where you’re writing on your blog.
Now, we know not everyone appreciates snow as much as we do. So, we’ve been working hard on a flurry of other gifts over the past few months too, adding tons of improvements to WordPress.com. Until now, we just haven’t told you about them on our blog! This seems like a great time to recognize all those other small features, improvements, and wishlist items that make the WordPress.com world just a little bit nicer:
We added over 65 themes to our Free, Personal, and Premium plans in the last half of the year. If you haven’t taken a look at our new themes lately, take a moment and browse around now. If you’re on the Business plan and above, you can use any theme — even custom ones — but we’re always trying to make sure you have a great, curated list of high-quality options on our less expensive plans too.
We also brought back Bulk Plugin Management, so Business and Commerce plan users can efficiently manage and update plugins across all your WordPress.com sites. If you’re managing multiple sites, this will save you a lot of time, so you can spend more time doing what you love.
The WordPress core development team created a new component for managing data called Data Views. We’re using this functionality in our Hosting Dashboard, improving the experience of managing your sites and domains.
Developers know that PHP — a programming language that’s near and dear to our hearts — is the backbone of the web (and WordPress itself). Never heard of it? Not to worry. Just think of PHP as the magic that makes your WordPress website possible. WordPress.com upgraded to PHP 8.1 this year, ensuring your sites maintain top-tier performance and compatibility with your favorite themes and plugins.
With all these new features and improvements, there’s snow time like the present to build your websites with WordPress.com. Feeling the giving spirit too? It’s easy to share WordPress.com with a gift subscription. No pressure, of course. Enjoy the snow, and look for even more enhancements and features to come in 2025!
Another month means another fresh batch of excellent themes for WordPress.com. Let’s look at some of the latest additions to the WordPress.com themes gallery, with great options for content creators, small businesses, event organizers, and personal sites. Preview each one below (and maybe try taking one for a spin).
Also great for: Consultants, thought leaders, speakers, and content creators with paid course offerings
With a clean, single-hued design, minimal photography, and approachable fonts, CoachAva is built for professional coaches looking to highlight their core offerings and showcase their expertise.
Whether you’re a seasoned executive coach, a life coach, or a subject matter expert looking to sell digital or in-person services, CoachAva can help you establish trust with potential clients by putting your thought leadership front and center. Blocks make it easy to share blog posts, podcasts, and/or customer testimonials on your homepage. The flexible design makes it easy to define, package, and showcase your different offerings, connecting clients to the perfect programs.
Also great for: Bloggers, serial content creators, news sites with limited photography
Ideal for podcasters building their first site, Castcore features bold, attention-grabbing titles and a minimalist aesthetic that keeps your listeners focused on what matters most – your content.
With a simple homepage design, this template makes it easy for listeners to scroll through your recent content to find the right episode. Castcore is a great option for podcasters who want to build their subscriber base. The Podcast Player block makes it super easy to create an embedded mini-player for your episodes: simply copy your podcast’s RSS URL to engage listeners right on your page. Choose a grey and black color combo for a classic design or go young and bold with bright yellow.
Also great for: Thought leaders, speakers, and content creators with paid course offerings
CoachBen’s dark theme with bright accents offers a bold and professional design that perfectly reflects a coach at the top of their game. Striking and to the point, this theme allows professional coaches to quickly articulate their value proposition and define their services.
With pre-designed blocks for displaying company logos of past clients, a calendar of speaking events, and a blog subscription, there are plenty of ways to show potential clients your expertise and experience. When they’re ready to dig in, they can learn more about specific offerings on your courses page or reach out to schedule a call.
Also Great for: Brick and mortars, Restaurants, Personal care providers, Digital portfolios, visual artists, photographers
Greenseed is a beautifully simple, highly adaptable theme that makes it easy for businesses to take their brick-and-mortar brands online. Designed with full-site editing in mind, Greenseed can be customized to match any brand style, but its open spaces and bold visuals make it a particularly great choice for businesses looking to establish a streamlined online presence that embraces custom photography.
This minimal, approachable layout gives your photos space to breathe while providing key business information like address, phone number, and store hours. Link to your reservations page or provide visitors with a contact form to make it easy for potential customers to make an appointment or plan a visit.
Also great for: Eco-conscious consumer brands, wedding suppliers
Like the jewelry and accessory brands it was built for, Aether embodies modern elegance. With delicate fonts and natural-toned color palettes, this product-focused template offers a tasteful design that allows artisan accessories and jewelry to truly sparkle.
With social media integrations and the ability to highlight products on your homepage, Aether creates a flexible hub for your digital brand. You can allow your customers to purchase products directly through WordPress’s e-commerce plugins or you can link your website to an existing storefront. With Aether, you can be sure your customers will understand your brand’s commitment to quality and design.
Also great for: Writer portfolios, speakers, brand consultants
With a bold split-page design and minimalist elements, Miko keeps your brand center stage. Best for individuals, creators, or service providers who want to make a lasting visual impact, this template allows visitors to navigate through all of the pages of your site on the left side without ever navigating away from the image and title anchored on the right.
Featuring a variety of hyper-modern font options and cool color combos, Miko can lean sweet and delicate or bold and artistic, effortlessly complimenting a huge range of personal and professional website identities. Regardless of the style you choose, Miko is the perfect theme for anyone who wants to present themselves as a modern, polished professional with an eye for design.
The best way to market your upcoming conference is with a sleek custom website. Conference is a flexible template that helps conference planners create a credible online presence.
The Conference template can support both marketing and event logistics: You can highlight your speakers, sponsors, and conference news to draw in new attendees via the signup form. Once attendees register, the site acts as a home base for key information, providing pages for the conference location, daily schedules, and lists of attendees to help your participants connect in advance. Whether you are hosting a multi-day affair or an intimate workshop, Conference can scale to meet the needs of your event.
Ready to give your site a makeover? You can explore these themes by clicking the “Demo” button on each theme page. Whether you’re starting a coaching business or looking to improve your professional online presence, you might just find the perfect jumping-off point for your future website.
Most premium themes are available to use at no extra charge for customers on the Personal plan or above. Partner themes are third-party products that can be purchased for $99/year each on the Business or Commerce plans, so if you haven’t found what you’re looking for today, there are plenty of alternatives available.
You can explore all of our themes by navigating to the “Themes” page, which is under “Appearance” in the left-side menu of your WordPress.com dashboard, or by clicking the button below:
Spam bots and denial-of-service attacks are a reality for many website owners. Depending on timing and scale, they can be an annoyance or a detriment to your business’s bottom line. Services like Cloudflare, Fastly, and Vercel are popular choices for mitigating these attacks with sophisticated techniques beyond the firewall rules many hosts (WordPress.com included) employ to examine and potentially block incoming traffic.
WordPress.com’s defensive mode introduces similar, sophisticated DDoS protection that further enhances your site’s security. It works by issuing proof-of-work challenges to browsers visiting the site. Legitimate users will briefly see a challenge page while their browser completes the work before accessing the site. The feature is powered by our global edge network, but it can still be enabled independently of our global edge cache feature.
What is defensive mode?
If you notice an inordinate amount of traffic to your website that is slowing it down, this setting filters spam traffic by requesting that they complete a proof-of-work challenge. When visitors come to your website for the first time, they will see the following screen:
This proof-of-work challenge page has a unique random puzzle embedded in it, along with JavaScript that can solve the puzzle. The puzzles are designed to take a typical CPU a few seconds to solve, and they deter botnets, which are not able to run the scripts to solve the puzzles.
Visit your Sites page by clicking on the WordPress logo in the upper left corner of your dashboard.
Click on your site title.
Click on the “Server Settings” tab on the site overview page.
Scroll down to the Defensive mode section.
Select a duration and click the “Enable defensive mode” button
Note that WordPress.com staff may proactively enable defensive mode on your behalf, regardless of what hosting plan you have, if your site is attacked.
Get it all on WordPress.com
Many hosts charge extra for capabilities like this, or they require integration with a third-party provider. On WordPress.com, defensive mode is included on every plan and can be managed manually on Business and Commerce plans.
This is just one more reason why WordPress.com stands out as the premier managed host for WordPress sites. With staging sites, SSH and WP-CLI access, or GitHub deployments, we’re always working on new tools to make WordPress.com an essential component of your development workflow.
What other features would you like to see on WordPress.com? How can we make WordPress.com an even more powerful place to build a website? Let us know in the comments below.
Having a well-designed, functional website helps you reach a broader audience, build credibility, and connect meaningfully with customers or followers. In today’s digital-first world, your website is often the first impression you make, and right now is the time to make it count.
Why now? Black Friday savings, of course!
Until December 2nd, save 25% on the first year of any new annual hosting plan from WordPress.com.
There are many reasons a website is important. Let’s take a look at three that impact the relationship you can build with your audience:
Trust and credibility
We live in an “informed consumer” society and having a website allows you to share important details about your business or products. Your customers look for a website to help them form opinions, understand your offerings, and ultimately make a purchase decision. If you don’t have one, it can raise questions of legitimacy and cause your customers to look elsewhere for the products or services they require.
User experience
Your WordPress.com website gives you full control over how people experience your brand. A well-organized site not only sets the right tone but also makes it easy for visitors to find what they need, continuing to build trust and showing your commitment to a positive experience.
Accessibility and convenience
The internet never closes or sleeps. With a website, your audience has 24/7 access to everything you offer—any time, from anywhere.
Putting your audience first is essential to your success.
This is why our Black Friday sale is about so much more than the 25% savings you’ll receive on the first year of any new, annual hosting plan.
Choosing WordPress.com as your website host means choosing a team committed to your success. Our self-help resources, AI Assistant, and Happiness Engineers are all focused on helping you be successful with your website.
Our managed WordPress hosting also offers unmetered visitors, unmatched speed, and unstoppable security for one low price. With WordPress.com, you always have what you need to get online (and stay online) so you can grow your audience.
And if you take advantage of our Black Friday sale before December 2nd, you get even more with your purchase:
25% off any new, annual hosting plan
A free custom domain for one year
Expert support from our Happiness Engineers
What’s possible on WordPress.com
WordPress is a powerful and flexible website building platform, and WordPress.com gives you that functionality alongside powerful, secure, and scalable managed hosting. Whether you want a simple blog, a complex eCommerce store, or anything in-between, WordPress.com is the right hosting platform for you.
ScreenshotScreenshotScreenshotClick to view example sites.
How to unlock powerful WordPress hosting
Ready to get started with WordPress.com? We thought you might be.
Click the button below to learn more about each of our plans, choose the right plan for you, and purchase your discounted hosting plan. Your 25% off discount will apply automatically at checkout.
For sure. You can transfer or connect your domain and we can guide you on the steps as needed.
Can I migrate an existing site?
Absolutely. Whether your existing site is built with WordPress or another platform, we have guides available to walk you through the process. We also offer free migrations of WordPress sites. And yes, our Black Friday offer applies to site migrations too.
Is this offer available on renewals or upgrades?
No, this discount only applies to new annual plans. Current users can, however, use this offer if they’re adding a new plan or site.
How do renewals work?
Our Black Friday offer gives you a 25% discount off the first year of your hosting plan. Our annual plans automatically renew 30-days prior to your expiry date at the regular full price.
Sign up today to take advantage of powerful managed WordPress hosting from WordPress.com and save 25% on the annual plan of your choice.
When you’re building a WordPress website, there are some essential elements you likely want to include, such as a contact form. However, limiting your use of forms to your contact page is a missed opportunity to increase leads, boost engagement, and enhance the overall user experience (UX) on your site.
There are many ways you can use forms on your WordPress site beyond providing visitors with a contact method. From collecting user feedback to generating leads and expanding your mailing list, forms offer dynamic and convenient ways to drive conversions.
In this post, we’ll start by discussing the role forms play in WordPress and how they can help you collect valuable information. Then we’ll introduce you to eight creative ways to use them on your site with some tips for making them effective.
Note: We’ve saved the most surprising ways for the end, so keep reading!
An introduction to using forms on your WordPress site
When most people think of website forms, they likely think of contact forms. These simple, embedded features let your visitors enter basic information to get in touch with you:
However, the use of online forms extends far beyond contact points. These documents allow you to easily and conveniently collect a wide variety of information from users and visitors directly from your website. You can also use them across other channels such as email and social media.
Website forms are beneficial because they provide straightforward ways of collecting lead-generating data that you can store and use in the future. Therefore, forms are essential tools to help you with marketing, sales, and promotions.
Another benefit of using forms on your WordPress site is that creating and embedding them is quick and easy. There are several plugins you can use to build forms if you require different functionality.
Six creative examples of forms you can create right now
Now that we understand more about the role forms play in websites, let’s look at their different use cases. Below are six creative ways to use forms on your WordPress site, aside from your contact page.
1. Run fun contests and giveaways
Running contests and giveaways on your website is an excellent way to boost engagement. Giving away freebies can help promote your brand and spread awareness about specific products and offerings.
To make it as simple as possible for your customers to enter the contest, you can use an embedded or pop-up form to collect their information, such as names and email addresses:
This form provides you with customer contact information that you can use for future campaigns. People will be more likely to hand over their details when they know they have a chance to win something in return.
2. Register users for memberships and events
If you run a membership site or host events, you can use website forms to make user registration a breeze:
You can also utilize them for event registration, such as an upcoming webinar. Like a giveaway, this can be an effective lead-generation technique because you’re giving users something in exchange for their contact details.
3. Conduct user and reader surveys
Curious to know what your readers or customers think about a topic? Use a questionnaire and find out! You can easily create a poll or survey using Crowdsignal, our service for creating surveys and polls. Get started with a free account and learn how to set it up:
You can also effortlessly capture insights from your audience by creating a simple poll using the Poll block:
4. Let users sign up for your mailing list
Email marketing is a powerful way to grow your audience, expand brand awareness, and increase engagement. However, figuring out how to grow your subscriber list can be challenging.
One way to expand your subscriber list is by embedding a newsletter signup form on your website. It lets you easily capture the email addresses of your visitors:
One of the benefits of signup forms is that there are so many different areas you can place them. For example, you can insert them in the header or footer of your website. This placement ensures the forms are easily accessible no matter which pages your users are on.
You can also use forms as exit-intent pop-ups. For example, as visitors are about to leave your website, you can have the signup form appear with a convenient Call To Action (CTA).
5. Enable applicants to apply for jobs
Recruiting and hiring new talent is a staple in any successful business. However, the application process you use can influence the number of applicants and the quality.
Today, many job seekers want a quick and convenient way to apply to jobs they’re interested in. To make the process as convenient as possible for your prospects, you can add a form on your website that enables potential employees to apply to open positions:
You can embed these forms directly below the job descriptions. Plus, you can enable applicants to attach documents, such as resumes and cover letters. This feature eliminates the number of steps users must complete to submit their information for different positions.
Using a form also helps you keep all the necessary information of applicants in one place for easy access. This can streamline the vetting process and, ultimately, help you find the most qualified applicants.
6. “Name It!” campaign – involve users in product decisions
Raise your hand if you’ve ever eagerly suggested a name for someone’s new puppy, or your local zoo’s newborn giraffe. Users love feeling useful, so give them a fun job. Create a form that allows visitors to suggest a name for your latest product or mascot. An entire viral campaign can sometimes emerge simply from a “name this” campaign.
Be forewarned that if you let your audience name something, the results might get a little bit silly. Source: BBC
A few simple tips for creating effective website forms
Once you decide to create a particular type of website form, the next step is to build it. As we mentioned earlier, there are various tools you can use to do so.
However, regardless of which plugin you use to create your forms, there are some essential tips to keep in mind to ensure effectiveness. For example:
Keep things simple. Only include the necessary information to keep the forms as brief and concise as possible. Otherwise, you risk overwhelming users and reducing the likelihood of completing the form.
Minimize the amount of typing involved. In most cases, your customers won’t want to spend considerable time filling out lengthy responses to form questions. Therefore, it’s a smart idea to include multiple choice answers when possible (and where applicable).
Provide clear instructions. To make your forms as effective as possible, it’s vital to ensure that users understand what you’re asking and how to complete the fields correctly. You might consider adding example answers to demonstrate the type of responses you’re looking for.
Best practices for creating website forms vary based on the type you’re building and what your end goal is. However, it’s crucial to prioritize the UX to make the data collection process quick and effortless for your customers.
What will you do with forms next?
Most website owners understand the importance of including contact forms on their websites. However, many overlook the various ways that forms can help drive conversions and generate leads.
As discussed in this post, you can use plenty of strategies to get creative with your forms. For example, you can use them to register users for events, conduct user surveys, let visitors sign up for your mailing list, and offer a seamless way to apply for jobs.
The end of the year is here, and with it comes a season of excitement and celebration! Whether you’re bundling up in cozy sweaters and snow boots or soaking up the sun in swimsuits, this time of year has something special for everyone. No matter where you are in the world, the final quarter brings festive holidays and celebrations to look forward to.
If you’re looking to capture the magic of the season on your website, try a pop of festive, holiday-inspired color or a cozy new theme. It’s the perfect way to welcome the season for you and your site visitors—whether they’re browsing for a holiday recipe, shopping for gifts, or exploring a guide to the best cross-country ski destinations.
Today we will show you how you can bring those festive feelings to your site with a few of our favorite color palettes and themes, along with where to find free illustrations and images to bring a refreshing seasonal touch to your site.
Festive color palettes
Here are four festive color palettes––ranging from bright and bold to chill and subtle––that will give your site some holiday spirit:
Joyful winter
This winter-inspired color palette features warm, inviting hues of soft coral and deep red, balanced by a neutral blush and grounded by cool teal and navy. Incorporating these colors into your WordPress site creates a cozy and joyful vibe.
This winter color palette offers a harmonious blend of soft neutrals and cool blues, creating a warm and calm earthiness on your website. Perfect for a more sophisticated Hanukkah palette or a serene winter feel.
This palette captures the essence of a cozy, rustic holiday with its warm earthy tones and timeless charm—perfect for creating a welcoming, homey Christmas atmosphere. It’s so inviting, that you can almost smell the gingerbread baking!
This palette is the jewel box of winter—perfect for those who prefer bold, vibrant colors in their branding and design. Its rich, saturated tones add a pop of color that stand out beautifully against classic autumn and winter hues. Best of all, it’s incredibly versatile, making it easy to expand and adapt throughout the year.
Use any of these palettes as a starting point for your site’s color refresh. To begin, take a look at your existing site and see if one of these palettes align well with your existing site branding. You can do this by swapping in just a color or two—you likely won’t use every color in the palette.
After choosing a palette, consider updating product or lifestyle images to echo these colors. If you need help sourcing stock photos, we’ll dive into that below.
If you’re new to customizing your site’s look, don’t worry—the WordPress.com Editor makes it easy. You can set a custom palette, add custom colors, and apply updates across your site, covering all the consistent elements like text, headings, links, backgrounds, buttons, and more.
When you’re ready to start implementing your new color palette, this tutorial is the perfect guide to get you going: Custom Colors on WordPress.com.
Winter-inspired themes
If you’re looking for a bigger site refresh, changing not just your colors but your theme can instantly elevate the look and feel of your website in a more impactful way. Here are a few of our favorite themes that instantly bring the cozy-cottage charm to life:
Cottage
Cottage is a beautifully-crafted theme that brings the charm of the countryside to your online space. Featuring a warm palette of earthy tones, subtle textured backgrounds, and timeless serif fonts, Cottage is all about rustic simplicity and warm natural elements.
Nook
Nook is a classic two-column blog theme with a sidebar. Its versatile, timeless design creates a warm, familiar feel, providing the perfect space for sharing your DIY projects, tasty recipes, and creative inspirations.
Dorna
Dorna is a clean, product-focused theme, and its warm, inviting design and simple layout make it ideal for online shops featuring cozy, modern homewares and furniture.
Resources for seasonal photography and illustrations
Photography and illustrations are fantastic ways to bring your new color palette and/or theme to life. If you’re not capturing photos yourself or just want a fresh look, Pexels, Unsplash, and Pixabay all offer a wide selection of free, high-quality photos and illustrations. Even better, Pexels is fully integrated into your WordPress.com media library, allowing you to easily add copyright-free images directly to your site.
When searching for images to add to your site, here are a few seasonal keywords to get you started: warm ambiance, hygge, fall leaves, snug nook, warm lighting, autumnal vibes, natural tones, fireside, rustic charm, homey feel, earthy tones, woolen textures, and cozy fall.
You can also incorporate seasonal pops of color by adding custom graphics to your site. Canva is an excellent tool for creating custom visuals, with easy-to-use templates for everything from banners to sidebar graphics. It’s a simple, freemium way to add that extra festive touch to your WordPress site.
As we start looking at the new year ahead, it’s the perfect time to refresh your website with a look and feel that captures the spirit of the season—whether it’s fall and winter in the northern hemisphere or spring and summer in the southern hemisphere.
Everyone who uses the Internet looks at website layout examples every day. Yet, unless you are a designer or in the process of building your own site, few of us ever stop to think about what actually makes a good web-page structure.
You may instinctively feel it when you encounter one that is less than satisfactory. But do you know how to design a website layout that both pleases your visitors and allows you to achieve what you want with your site?
If the answer to that question is no, don’t fret. We’ll show you examples of different types of website layouts you can choose from and help you understand which are most appropriate in different situations. Then, we’ll explain how to choose a layout for your own website, as well as share some tips and tools you can use to create layout mockups.
In order to give you ideas about what a website layout can look like, let’s go over some common types, the kinds of websites they are most suitable for, and examples. Be aware that for some of these, the distinction is a bit fluid. You can often apply more than one layout principle to a single site.
1. Z-pattern
This Z-pattern layout is based on the way many people naturally look at website content. They start at the top left, scan to the top right, then go down to the left and to the right again.
You can take advantage of that, for example, by placing the logo in the upper left corner and the navigation menu across from it. Your most important information, such as your heading and visuals, appears diagonally down left from that, while the call to action is to the right of it again.
This website layout is very skim friendly and most appropriate for sites that have relatively little content that you want to give much attention to, like CTAs, forms, and buttons.
You can also line up several Z-patterns with alternating elements to lead visitors down in zigzag form and keep them engaged.
It is observable on both desktop and mobile and especially for more text-heavy sites. That makes it well suited for websites with lots of options or written content that needs to be scanned quickly, e.g. news sites or search result pages. You can take advantage of it by using the left side as an anchor.
However, it is important to note that NNG has come out in recent years saying that, while the F-pattern is a natural reading sequence, it is not good for users and websites. They state you should encourage readers to consume the rest of your content through text formatting like bullet points or visuals like icons and images.
3. Magazine
Magazine layouts are inspired by printed newspapers and magazines and there are many examples of this kind of website out there. They usually consist of multiple columns made up of individual containers that create a complex visual hierarchy.
In this website layout, different elements often have different weights assigned to them to show their relative importance. You can do this, for example, with bigger headlines or the use of images. This creates a multi-level hierarchy.
The goal is to allow visitors to scan a great amount of information quickly. As a consequence, it’s a great choice for content-heavy websites, especially those covering a multitude of topics. Dashboards, such as for web applications, are also good candidates. The Gazette theme is another great example for how to use a magazine layout.
4. Grid
Also called box-based website layouts, grid layouts distribute elements across the page according to a clear underlying order.
The result is a well-structured and geometrically-arranged design. It’s ideal for sites that have a lot of content of equal importance, e.g. portfolios. Linked pages often appear in the form of an image plus title and a short abstract.
If your content does not all have the same priority, there are lots of options to determine relative importance of different elements as well.
5. Modular
Next in our list of website layout examples, we have a special kind of grid structure, which is also known as block layout. In it, each unit of content has their own space, is evenly spaced, and thus easy to locate. You might be very familiar with it from Pinterest and other sites that use a card layout.
This website layout is also great for mobile design, as it rearranges well for smaller screens. If you want to use it, it is most suitable for business websites, content collections like product pages, or the display of custom post types.
6. Single-Column
Our next website layout example arranges all content in one vertical column and orders it sequentially.
Single-column layouts are popular and easy to use, especially on mobile, where users prefer to scroll over clicking from page to page. To that end, it benefits from a back-to-top button and sticky menu.
If your content is very text-heavy, remember to break it up with images to ensure readability. As you can imagine, this website layout is frequently used for blogs and anything that has a feed-like content pipeline. Landing pages are also a good candidate.
7. Content-Focused
As the name already suggests, this layout is most appropriate for websites whose primary appeal is (written) content. It’s similar to the single-column variety, often with one main column and one or more side columns for additional information.
While the focus is on the primary content, you can surround it by other elements that you want visitors to notice after landing on the page for the main attraction. This could be a newsletter signup form in the sidebar, advertisement for your product or service, or a sales banner.
Naturally, this page structure lends itself best to blogs or other websites that mainly deal in writing. At the same time, singular pages on websites with a different layout can also benefit from a content-focused approach.
8. Full-Screen
This is a website layout that covers the entire page. There are no sidebars, the screen comes across as a singular unit.
Sometimes this design is coupled with a modular build that scrolls screen by screen, so that each section is like a separate page. It often has an image or even video in the background.
Full-screen layouts are best suited for one-page designs, storytelling, and product pages. They work best if you couple them with captivating colors and/or visuals. If you like this look, the Afterlight theme might be a good option for you.
9. Hero
A special type of full-screen website layout with a large image at the top (also called “hero image”) that contains the main elements like your site title, CTA, etc.
Hero layouts are a good way to quickly capture attention and clarify the topic of the page, especially for products. It’s a big, bold visual statement with additional information in the form of text elements.
The layout works best for product pages and ecommerce websites in general. However, some blogs also use it.
10. Split-Screen
In this website layout, the screen is divided in the middle.
Split-screen layouts provide a balanced symmetry allowing you to represent two different ideas and give them the same consideration. Alternatively, you can also show off the same idea from different angles or use it to divide ecommerce customers at the start of their journey.
Split screen is a great option for websites that use two different types of content (e.g. images and text) or provide two distinct customer journeys. It’s also suitable simply for websites that want a modern look. However, it’s not so great for text-heavy designs because it doesn’t scale well, especially on mobile.
11. Asymmetrical
A design similar to split screen or grid but with uneven distribution, offering an added dynamic.
You can use scale, color, width, and more to provide different focal points and highlights on the page. However, asymmetry does not mean chaos. There’s an underlying order that provides elegance and congruity.
What are good candidates for asymmetrical website layouts?
Websites that want to go for something modern, innovative and guide the user’s attention in dynamic ways. Business websites, online portfolios, or landing pages are prime beneficiaries.
How to Choose a Website Layout
With a better idea about what types of website layouts exist, how do you pick the right one for your website? Here are a few practical tips to do so.
Understanding website layout vs. website structure
First, make sure that a website layout is what you’re looking to implement. In a sentence, this means the way that the elements on your web pages (content, navigation, header, footer, and everything else visible) are arranged to present the information included within them.
In contrast to website structure, layout focuses on the individual page experience and how users consume the content on your pages. It is less concerned about leading them around your site as a whole (though, of course, that’s part of it as well).
While different web pages on your site can (and should) have different layouts, the basic structure usually stays the same. For example, the information needed on a shop page is very different from that of a product page or something like an About section. At the same time, the basic layout elements, especially header and footer, usually stay constant across most pages.
This makes for a consistent user experience, while allowing for flexibility to deliver different types of content to users.
What Is the Goal of Your Website Layout?
Good layout has the power to keep users on your page longer and engage them. Bad layout can do the opposite. In times where most visitors leave your site within ten seconds, you need all the edge you can get. Here are some things that good website layout accomplishes:
Makes a good first impression – Users decide within less than half a second whether they like your site or not, so you better make sure your layout is on point.
Naturally leads the eye to important content – The focus of every website is content, whether that is products or information. Your page structure can either direct users towards it or away from it.
Provides strong user experience (UX) – A good layout helps visitors find what they are looking for, both on page as well as sitewide. It also sets elements in relation to each other, determines their sequence, and gives weight to the right elements.
Gives guidance – Layout provides guide rails for your users. It places the most important content at the top and leads them down the page toward your goal.
The best website layout is one that you barely notice because you can easily find every element you are looking for. It is also one aimed at your target group, their preferences, behaviors, and needs.
Consider the Type of Website You Are Building
As you have seen above, different website layouts are more or less suitable for different types of websites. Therefore, in order to choose the right one for you, you first need to be crystal clear about what kind of site you are building.
Business sites, shops, blogs – they all have very different focal points and demand different layouts. Clarity in this area is the first step towards making the right choice.
Do Your Research
Your website does not exist in a vacuum. Look at websites that are the same type as yours (e.g. blog, ecommerce, B2B, B2C, etc.) but sell different types of products/services or serve different industries/niches than your own.
When you do, identify common website layouts, best practices, what looks good, and see what you can do better with your layout.
Consider What You Like
Yes, a website is primarily there to serve other people. However, at the same time, it also needs to be something you like. If you are turned off by your own website, it’s unlikely that you will put in the energy and enthusiasm needed to run it and make it successful.
For that reason, while considering which website layout to choose, also do some introspection. Think about what you personally like and would like to see on your site.
Base Your Design on Common Layouts
The website layouts we discussed above are commonly known because they work. They have proven to be usable over time, are familiar to users, and ready to go. Therefore, it’s a good idea to go with one of the established layouts and then add your individual flavor to it.
Creating a website layout mockup
WordPress themes are flexible enough to support different types of page layouts out of the box. But what if you are designing your own theme or are working with a website developer? In this case, you might want to create a wireframe. This helps to map out your page layout and is also good to clarify your ideas and get them onto paper.
Wireframing your layout
A wireframe is like a map of your page. It’s not the finished design but something that shows its structure.
Here’s how to create a simple wireframe:
Think about the user journey – Be aware what your goals are with your layout, where you want to steer visitors and what you want them to do.
Get sketching (and start with mobile) – Wireframes are not meant to be superfancy or detailed. Therefore, you can get started right away (see the tools below). A good idea is to start with the mobile design, then move on to larger screen sizes.
Create the basic framework – Take a bird’s-eye view, tackle the basic design problems first. Think about where to place the navigation and other basic UI elements.
Identify content areas – Mark where your content goes. For that, it’s important to know the content you will use ahead of time (both word count and images) so that you can accurately include it in the map.
Iterate – Even if you are satisfied with your first idea, do a few more passes to give yourself options. It often takes a while for the best ideas to bubble to the surface.
Test – Once you have some website layout ideas collected, it’s time to put them in front of potential users and collect feedback. The tools listed below are suitable for that as well. Getting some real-life feedback is great to improve and get closer to the final version.
Rinse and repeat – Do this over and over until you are satisfied with the results and ready to move to the design phase.
Pro Tip: Did you know that sites hosted with WordPress.com includes wireframe block patterns that you can use? These are patterns that are closer to a blank slate for your page without much design, but they include a basic structural layout. Just choose a wireframe pattern you like from the patterns library and customize it to suit your needs.
Additional Tips
In order to create the best possible website layout, here are some tips and concepts to keep in mind:
Create a visual hierarchy – Decide which elements are the most important and build your website layout so that it focuses on them. Make sure that they are placed where they are easily noticeable and identifiable.
Use a grid – Almost all web design is based on some sort of grid. It provides order and a basic structure and scaffolding that you can order your page elements along.
Employ the rule of odds – Use odd numbers of elements rather than even. That way, the focus is always on one element instead of in between two of them.
Ensure scanability – We have already talked about reading patterns. When designing your website layout, be sure to accommodate the way visitors consume content to make it easy to catch the gist of your site.
Focus on the fold – The fold is where the screen cuts off when someone first gets to your site. Above it, in the part that visitors see first, you should have your most important content and call to action.
Use enough white space – Negative space, the part without content, is as important as the content itself. It provides space to breathe and allows the emphasis to be where you want users to focus.
Tools for Wireframing
You can use different kinds of tools to build wireframes:
Pen and paper – Classic but powerful, easy to use, and great to quickly whip up some website layout ideas without having to learn a new tool.
Whimsical – A collaboration tool that works for wireframes and also allows you to get feedback. It’s also easy to use and has a free plan.
Invision – Similar to Whimsical. Also works for collaborative designing. Comes with wireframe templates and has a free plan for up to three online whiteboards.
Figma – A popular tool for design and prototyping that has free wireframe kits to hit the ground running. Use the free plan to get started without paying.
WordPress.com’s wireframe patterns – If you want to start with an pre-designed wireframe template, and adjust from there, WordPress.com has some patterns to make this simple.
Find the Right Website Layout for Your WordPress Site
The layout is one of the most decisive factors for the usability of your website. For that reason, it deserves ample consideration so that you can serve your visitors in the best way possible.
Established page structures are a great way to get started. They have proven themselves over time and are able to fulfill established user expectations. While you can (and should) add your own flavor, you don’t have to reinvent the wheel. It’s also often feasible and sensible to use more than one layout in a website, especially on different pages.
When making decisions, consider your type of website, goals, industry, and personal likes. Then, use wireframing to capture your ideas for your website layout. And remember, it’s all about your users. The best layouts are those that they hardly notice.
Build fast, ship faster with Studio, a fast, free way to develop locally with WordPress. Get started now.
Welcome to the latest in WordPress innovation with the release of WordPress 6.7! This update brings a wave of new features, design flexibility, and performance enhancements to elevate your WordPress experience, whether you’re building your first site or fine-tuning a complex project.
From the introduction of the Twenty Twenty-Five theme to powerful new editing tools and developer capabilities, WordPress 6.7 empowers you to create a site that’s dynamic, engaging, and uniquely yours.
As always, WordPress.com sites are updated automatically, so you may already see these new features live. Read on to discover what’s new and how these updates make it easier than ever to build, design, and manage a standout site on WordPress.com.
WordPress 6.7 brings a host of new features, design tools, and bug fixes to enhance your website creation experience. WordPress.com updates sites automatically, so there’s nothing you need to do before you can enjoy these benefits.
As a WordPress.com user, you may have already enjoyed early access to some of these improvements, reflecting our commitment to keeping you equipped with the most up-to-date features. If you experience any issues, our Happiness Engineers are here to help at wordpress.com/help.
Let’s look at some new enhancements that can help take your site to the next level.
Twenty Twenty-Five theme release
As part of the annual tradition, WordPress 6.7 introduces a new default, block theme: Twenty Twenty-Five.
Twenty Twenty-Five is designed for bloggers of all scales—from hobbyist writers to major news sites—capturing a balance between simplicity and versatility. It allows you to intuitively create a site that feels truly personal while offering the flexibility for complex designs. With a diverse array of patterns and templates for everything from landing pages to photo blogs, the theme is tailored to enable seamless storytelling for any purpose. Natural, universal imagery and thoughtfully chosen typography bring warmth and a timeless aesthetic that resonates on a global scale.
Built to support multiple languages and visual styles, Twenty Twenty-Five includes a curated selection of color palettes and font pairings, ensuring both accessibility and elegance in design. Whether you lean toward a minimalist personal blog, a striking photo gallery, or a content-rich magazine layout, the theme’s templates and design tools empower you to build a site that is uniquely yours
Expanded block customization options
WordPress 6.7 also introduces even more styling flexibility, adding additional options for borders, backgrounds, shadows, and spacing across numerous blocks. These updates allow you to create custom designs without extra code. Notably, the Group block now supports shadow effects and the Content block allows for a background image, while blocks like Paragraph, Heading, and Buttons offer additional options for borders, color, and padding.
Streamlined creation with Zoom Out
The new Zoom Out feature offers a fresh way to view and design your content at a high level. By toggling to this zoomed-out perspective, you can easily style entire sections or adjust the arrangement of blocks across a page, all without getting caught up in the details of individual blocks.
With Zoom Out, you can make broader edits using patterns, giving you control over top-level containers and block groups. Click or drag-and-drop to add patterns and use the arrows to the left to rearrange them. When you’re ready to dive back in, simply double-click the content area or click the Zoom Out icon to return to the standard editor view. This feature is a game-changer for efficient layout creation, whether you’re building pages or fine-tuning templates.
Simplified Query Loop block
The Query Loop block, known for its power and complexity, has been refined to make it more user-friendly. A new toggle allows you to choose between “Default” and “Custom” modes, simplifying the creation of content-rich sections on your site. In Default mode, the block automatically inherits settings from your template, so posts display instantly without extra configuration. This means you can drop in the Query Loop block and see your content right away, saving setup time. For more specific use cases, switch to Custom mode for precise control over what content is displayed.
Additional refinements include a cleaner layout of the Settings Sidebar on the right, making it simple to adjust display options in one place.
Key features and updates to take note of:
Quick preview when adding the block from the inserter
Display controls moved from the toolbar to the sidebar
New post format filter for customized content display (on select themes)
Improved font management tools
The latest updates bring powerful new options to font management for block themes, making it easier to customize typography across your site. In the Global Styles section, you can now create, edit, and delete custom font size presets. These presets let you define reusable font sizes site-wide, with options to customize names, base sizes, and fluid scaling, which automatically adjusts font size based on screen dimensions.
Additionally, fonts are now grouped by source (theme or Google Fonts), giving you a clear view of where each font originates. A convenient “Select All” option lets you quickly activate or deactivate fonts as needed, with active fonts visibly highlighted for easy management.
Customizable Data Views
Data Views, a powerful tool for managing pages, patterns, and templates in the Site Editor, now features several enhancements to simplify navigation:
Grid Layout Preview Size: Choose the view that works best for you.
Customizable Columns: Reorder columns based on your preference.
Bulk Actions on Grid Layout: Select multiple items and take action quickly.
These refinements make it easier than ever to organize your site, whether you’re handling a few pages or hundreds.
Developer features
WordPress 6.7 introduces several enhancements for developers, making it easier to create unique site experiences.
Template Registration API
This release allows developers to register custom block templates directly within plugins, simplifying the process of creating and managing front-end template outputs. The Template Registration API enables developers to define default content for custom post types, taxonomies, and virtual pages—all built on the block system, so both themes and users can customize templates to their needs.
Data Views API
Developers can now use a new API to register and unregister Data Views actions, offering more flexibility in managing project-specific actions. Learn how to use Data Views in your own plugins and for adding images to the Media Library. This update is part of ongoing work in Gutenberg’s Phase 3 and the Admin Redesign project, providing expanded tools for custom workflows.
Block Bindings improvements
Building on Block Bindings introduced in previous releases, this update adds a user interface for admins and editors to connect block attributes with custom field data directly in a block.
And more
There are too many great updates to cover them all here, but here are a few smaller yet valuable enhancements worth noting:
Block inserter: The block inserter now stays open while you interact with the editor canvas, making it easier to navigate your content as you add blocks.
Editor topbar: The action icons in the top right corner have been reordered for improved accessibility.
Pre-publish check buttons: The second Publish (or Save) button has been repositioned within the pre-publish panel, so you won’t need to move your mouse after clicking the initial Publish (or Save).
WordPress 6.7 brings hundreds of improvements, developer features, and bug fixes. The above highlights are only a taste of what’s available. If you’d like to dive deeper, the official WordPress 6.7 Field Guide has all the technical details.
Click below if you’re a developer and want to leverage the benefits of hosting your sites with WordPress.com:
When you’re browsing the web, how quickly do you navigate elsewhere if a website isn’t instantly loading? We all know from experience that every second counts. If your website takes too long to load, visitors won’t hesitate to move on—sometimes straight to your competitors.
Faster load times not only improve user satisfaction but also boost your search engine rankings and ultimately drive more conversions.
That’s why you’re going to love using our new Site Speed Tool. It can quickly identify areas impacting your site’s Core Web Vitals (CWV), like load times, interactivity, and visual stability and provides actionable insights and recommendations, making it easier to optimize your site’s performance and deliver a smoother, faster user experience.
Nearly 70% of consumers admit that page speed impacts their willingness to buy from an online retailer.
Almost half of consumers say they’ll try to refresh a page at least once when it takes 3 seconds to load. But 22% say they’ll close the tab, and 14% say they’ll visit a competitor’s site.
47% of consumers expect a web page to load in 2 seconds or less.
Website performance plays a critical role in the success of any online business. Slow websites will cost you not only visitors but also potential revenue. Investing in performance optimization could be the difference between closing a sale and losing out to a competitor.
A faster website gives you a competitive edge by capturing traffic from slower sites. Visitors are more likely to stay, explore, and convert into customers when your site loads quickly. Speed isn’t just a nice-to-have—it’s a key driver of business growth.
Optimize your WordPress site for lightning-fast performance
Is your WordPress site as fast as it could be? Test the speed of your WordPress site with free our Site Speed Tool and get detailed performance metrics and tailored recommendations with just a few clicks. Simply enter any public WordPress URL, and we’ll run real-time tests on your site to assess its performance.
Our tool evaluates key areas, such as:
Loading speed: How fast your site loads for users.
Core Web Vitals: Metrics that focus on user experience, including loading, interactivity, and visual stability.
Historical performance: Tracking your site’s performance over time to spot trends and areas for improvement.
Once analyzed, you’ll receive an easy-to-understand performance score and WordPress-specific, AI-enhanced recommendations to boost your website’s speed and overall performance.
If you already have a site on WordPress.com with a Business or Commerce plan, you can also easily access the speed test directly in your dashboard. Test your performance across all of your sites to better understand correlations between site changes and performance.
Get weekly performance change alerts
Want to stay ahead of performance issues? Sign up for weekly performance change alerts, which provide a comprehensive overview of your website’s metrics over the last handful of weeks. These reports will highlight trends, performance fluctuations, and areas where further optimization is needed—keeping you informed and in control of your website’s health.
Test your site today
Your website’s performance can make or break your success online. With our easy-to-use performance measurement tool, you can take the guesswork out of optimizing your site.
Test your URL now for free and get personalized recommendations to ensure your site performs at its best, or head to the Performance tab in your site’s Hosting Overview menu to get automatic performance data about your WordPress.com sites.
Don’t leave your website’s success to chance—start optimizing today.
You’ll likely need the help of several WordPress plugins to build a successful food blog, but none are as important as the mighty recipe plugin. To put it in perspective, if I were thinking of a recipe blog as a pie, the recipe plugin would be the biggest piece of that pie and the ice cream à la mode. It’s that big of a deal.
A recipe plugin is basically a tiny little translator that meticulously parses and organizes the details of a recipe into robot-ready pieces of data that search engines need to display your content accurately and beautifully in search results. But that’s not all it does.
Recipe plugins serve three main purposes:
They supply search engines with the structured data needed to display your recipes accurately in search results with rich snippets. If this sounds like gobbledygook, don’t worry—we’ll explain it more below.
They provide an easy-to-use recipe template for you, making it simple to add a recipe to your WordPress post without hassle.
They give readers a visually consistent, well-organized recipe format, often including useful features like ingredient checkboxes, unit converters, and serving size adjustments.
Search Engine Optimization
Recipe plugins work behind the scenes (as the tiny translators) to add structured data to every recipe you publish. This structured data (specifically JSON-LD) makes it easy for search engines to understand and showcase your recipes in search results with extra details like images, videos, ingredients, cook times, ratings, and more.
When these enhanced details appear in search, they’re known as rich snippets, and they’re what makes your recipe stand out. This can increase your click-through rate (CTR) and boost your search rankings because of the extra information shown for your content within the search itself.
Luckily, you don’t need to worry too much about structured data. Just know that a good recipe plugin adds this data to display rich results, like Google’s rich snippets or Pinterest’s Rich Pins.
Here’s a fun fact: Pinterest, essentially a visual search engine, is a major traffic driver for food bloggers. With constant algorithm changes in search, diversifying your traffic sources is always a smart strategy.
Here are a few examples of how rich snippets are displayed in Google and Pinterest search results:
Templates for adding a recipe to a post
Let’s not forget that recipes are really just instructions. Using a clear, organized template helps you include all of the important details that your recipe plugin needs to create the structured data.
Here’s an example of a recipe card template from the WP Recipe Maker plugin. You’ll find a similar template with each of the plugins we recommend.
Improved reader experience
Recipe cards come jam-packed with reader-friendly features designed to make cooking easier—like the popular “jump to recipe” button at the top of recipe posts.
It’s easy to feel overwhelmed by all the options. Try to focus on a handful of features that truly add value for your readers. For instance, if your site is focused on baking, a unit converter is a must-have.
Some of the most useful reader-facing features include:
Accurate unit conversions – Test these out, as not all converters are created equally!
Recipe scaling options – Adjust servings by 1/2x, 2x, or 3x.
User ratings display – Helps readers feel confident in the recipe they’re about to make.
‘Jump to recipe’ button – A shortcut to “jump” the reader from the top of the post to the recipe.
Hands-free cook mode – Keeps the screen awake for readers while cooking.
Customizable templates – Allows you to easily style the recipe card to match your brand without the help of a developer.
Starting a food blog often comes with a bit of a learning curve, but being a great recipe writer doesn’t mean you also need to be a tech expert. When deciding on a recipe plugin, choose one that aligns with your current comfort level and can support your needs as you grow.
When evaluating plugins these are a few of the most important things we recommend looking for:
Actively maintained plugins
“Actively maintained” means the plugin receives regular updates, ideally every few months. Recipe publishing evolves quickly, and it’s essential that the team behind this vital part of your site stays on top of the latest changes in search, ad placements, and performance optimization.
Community feedback
The next thing you want to consider is reviews. If it’s free in the WordPress.com plugin repository and the WordPress.org plugin repository, then you can find reviews there. If it’s a premium plugin that’s not in the repository, you can look on the website for testimonials or reviews.
It’s also helpful to ask for recommendations from other food bloggers; Facebook groups and Reddit forums for food bloggers are excellent resources.
Evaluate support
Free plugins on WordPress offer a support forum—take a peek to see if questions are promptly answered. Premium plugins may handle support through a dedicated support channel or email. Try reaching out with pre-sales questions, and if you get a helpful response, that’s a great sign. If support seems lacking, you might want to keep looking.
The technical parts
JSON-LD is the preferred schema markup for search engines like Google and Pinterest, so verify that your recipe plugin includes it.
For search engines to interpret your recipe accurately, your plugin needs to support all required and recommended structured data fields. Google provides a list of these fields, so double-check that your plugin covers them all.
Once installed, test the plugin by completing the fields in the template and running the recipe post through Google’s Rich Results Test to catch any errors or warnings.
Popular recipe plugins
Investing in a paid recipe plugin may seem intimidating at first, but it’s one of the best (bite-sized) investments you can make as a food blogger because it offers you so many benefits that are important to get right from the start. Many plugins offer a lighter free version or a trial period, so I strongly encourage you to test out a few options before making a decision.
WP Recipe Maker
WP Recipe Maker (WPRM) is a powerful recipe plugin, with over 50,000 active installations. They offer a free version, along with premium upgrades that are definitely worth considering. This plugin is the most feature-rich of all of the options.
The main drawback is that WPRM can be somewhat complex to set up with so many features to enable, disable, and customize. It will require some effort, and if you have an eye for design, you may need to customize the templates to achieve a polished look.
Tasty Recipes
Tasty Recipes is part of the WP Tasty plugin suite of plugins, all built for bloggers. While they don’t offer a free version, they do have a 14-day free trial. It’s the easiest of the bunch to set up, and the cards are beautiful right out of the box. It has everything you need and nothing you don’t!
Create
Create is a popular free option developed by Mediavine, a full-service ad management company. With a selection of well-designed card templates and a responsive support team, it’s a solid choice for food bloggers. Create also offers built-in functionality for list and how-to cards if you publish more than recipes.
The only downside of Create is that it doesn’t receive updates as frequently as some other plugins.
Run ads and install plugins, including your favorite recipe plugin, on our Business plan, and let us manage the rest. Get unlimited traffic, unstoppable security, and the power of WordPress, all for one low price.
Imagine you’re sitting in your favorite coffee shop. Your latte is hot, your laptop is open, and you’re ready to write your next brilliant blog post. Where others see a blank page, you see a limitless sea of possibility, waiting to be filled with your persuasive prose and captivating copy.
You start tapping away at the keys, sipping your coffee, thrilled with your progress.
Then you try reading what you’ve written and realize it’s hard to follow. In fact, you’re not exactly sure what you’re even trying to say. If you’re confused, your readers will be confused too. The awesome article you hoped to write is turning into a mess.
Where did you go wrong? You started writing without creating an outline first.
It’s an easy mistake to make. Fortunately, it’s also a mistake you never need to make again. We’re going to show you how to create effective blog post outlines that will help you write better articles more quickly. Plus, we’ll give you a copy-and-paste template to make the task even easier.
Blog post outlines are simple documents that describe the angle and structure of your article. They make it easier to write clearly and efficiently while staying focused on your topic. At a minimum, a good outline should include the following items:
Your topic: What are you writing about?
Your angle: What’s your perspective on that topic?
Your structure: What specific points will you make to support your angle?
You can also include working titles, though some writers prefer to write headlines after their post is finished. This helps make sure your selected headline actually fits the finished article.
Different writers have different approaches to creating outlines. Steal this process to get started, then feel free to adapt it to fit your own needs.
Let’s say you want to write about your most recent vacation. You had an awesome time and you’re sure your readers want to hear about it. But rather than summarizing the entire trip, you want to share a story about something specific. You could start narrowing down your topic by asking:
Where did you go?
Why did you go there?
When did you visit?
How did you travel there?
What did you do at your destination?
These are simple questions but there is a purpose to this exercise. I’ll share some example answers from an actual vacation my wife and I went on:
Where: Acadia National Park in Bar Harbor, Maine.
Why: To see the fall colors, to see a state we’ve never been to before, and to see where the sun first rises in the United States.
When: In the fall (to see those leaves along the mountainside turning colors).
How: Plane and two rental cars (the first car got hit by a semi-truck).
What we did: All kinds of stuff! Hiking, climbing, catching lobsters in a net, and more.
From this simple list, you can see there are a ton of topics I could write about. What happens when you get into a vehicular accident with a rental car on vacation (and how did we survive)? What’s it like taking a tour on a lobster boat? What does it look like when the leaves hit peak fall colors in New England?
Suddenly, our blog post about a vacation just got a lot more interesting, and it might actually turn into multiple different blog posts on specific topics that people might enjoy. By asking yourself the five W’s (what, when, where, why, and the honorary 5th W, how), you can break down any broad topic into more specific points too.
Anyone can copy content they’ve found through Google but not everyone can bring a unique perspective to their topic. That’s where developing an angle for your blog post comes in.
An angle is the intersection of your topic and your perspective. It’s part of what blog post introductions are intended to establish, helping the reader to understand not only what they’re about to read, but why they should care about it in the first place.
For example, to continue with the vacation example from the previous section, let’s say our blog post is about Acadia National Park. Some good angles might include:
Why is Acadia National Park the best place to see the fall colors in New England?
What do you wish you knew before tackling the toughest trails in the park?
Where is the best destination to find a lobster roll near the park?
These angles not only address the topic but also the perspective. Instead of dry facts and information, they give the reader an incentive to care, and they’ll be more likely to click, read, and stick around the blog. That’s the power of having an angle.
Step 3: Determine the format for your post
Different topics will lend themselves more easily to different formats. Here are some types of posts you could consider and when each one might make the most sense for your article:
Type of blog post
Best suited for these types of topics
Example headline
How-to
Instructional guide on completing a task or learning a skill.
How to Get Started With Mountain Climbing
What-is
An extended definition of a term or topic.
What is the Most Difficult Mountain to Climb?
Why-is
Answering a question that people commonly ask (or perhaps don’t ask often enough).
Why is [PRODUCT] the Best Option for [TASK] When Mountain Climbing?
When
Informing readers about what to do in a given set of circumstances.
When Should You Avoid Mountain Climbing If You’re Unsure About the Weather?
Essay
Writing about a personal experience.
What I Learned From Climbing a Mountain
Review
Covering a product you’ve used or want to recommend.
Why I Recommend [PRODUCT] for Mountain Climbing
List
Rounding up your favorite things or options within a category or topic.
10 Things You Should Know Before Mountain Climbing
Comparison
Stacking two products or options against one another.
[MOUNTAIN A] vs. [MOUNTAIN B]: Which One Should Beginners Climb First?
Interview
Sharing a Q&A with an individual or a feature article based on an interview.
A Conversation With a Famous Mountain Climber
Feature Article
Deep dive into an interesting story based on interviews and research.
The Interesting Story About the World’s Best Mountain Climber
There are more types of blog posts that could consider writing, but these are some ideas for common formats that you might choose. What matters most is that you understand which one you are writing before you begin, rather than getting too deep into your post, and realizing that you need to change direction after you have already spent time working on a draft.
If you do decide to pivot or start over, that’s okay too. This process is only meant to avoid that from happening, but there’s no shame in changing your mind.
Step 4: Figure out the main points of your post
One blog post isn’t enough to cover everything about our vacation, so we’ve narrowed down one specific topic. We’ve also narrowed down an angle that combines our topic with our perspective. Next, we need to identify the main points that our blog post needs to make, in order to follow through on our angle.
In order to construct our outline, we’ll identify three to five points we want to make (you can include as many as you need, but if you have fewer than three main sections in your blog post, you might not need to write an outline).
Going back to our vacation example, let’s say I’m writing about what I wish I knew before hiking in Acadia National Park. Here are some things I might want to cover:
Know your skill level and choose trails accordingly.
Make sure you have the right footwear for the terrain.
If you’re afraid of scaling rock faces, how can you overcome that fear?
If you only have enough time for a few trails, which ones should you prioritize?
What times are the trails usually the most crowded?
That looks like a solid list. Next, we’ll need to figure out what we’ll say for each of these items.
Step 5: Nail down the specific subpoints you’ll make in each section
Once you have the main points of your blog post mapped out, think about what you’ll say for each one. This can be as simple as two or three bullet points per section.
Let’s take the first item from the list of trail tips in the previous section:
Know your skill level and choose trails accordingly
Some trails will stretch your abilities but some are for experts only
You can get a trail map that will help you find ones you’re comfortable with
Difficult trails sometimes have alternate routes you can take if you get tired
Straightforward stuff, right? Continue with each subsection until you have two or three subpoints for all of them.
Step 6: Think about your conclusion
Generally speaking, a conclusion should wrap up the main points of your blog post, and bring your topic to a resolution. But there may be other details here to consider. Take a moment to think through the following:
Is there a specific action I’d like the reader to take after reading the post, such as signing up for emails, making a donation, purchasing a product, or registering for an event?
Is there a specific point you really want to drive home before the reader moves on?
Are there other similar articles on your blog that you could direct the reader toward (and continue to hold onto their attention)?
It’s okay if the answer to one or all of these questions is “no,” but it’s worth taking the time to be intentional about how you’ll end your post.
Step 7: Review the structure of your outline
Follow steps one through four, and before you know it, you’ll have a completed outline. Take a moment to read it over and make sure your angle fits your topic and everything flows in a logical order. If it doesn’t, try moving some sections around, and see if it clicks. The time you spend on this now can save you much more time later.
An example blog post outline you can follow
Now, let’s take a look at an example outline you can follow. Here’s what the finished product might look like when it’s all said and done:
Headline: Five Things I Wish I Knew Before Hiking in Acadia National Park
Format: List
Introduction (angle): Acadia National Park is a great place to hike, but it’s even better when you know what to be prepared for. Here’s my personal experience.
Tip 1: Know your skill level and choose trails accordingly
Some trails will stretch your abilities but some are for experts only
You can get a trail map that will help you find ones you’re comfortable with
Difficult trails sometimes have alternate routes you can take if you get tired
Tip 2: Bring the Right Footwear
Good hiking boots are a must on most trails
However, decent sandals may be sufficient for some trails
Bring multiple pairs of boots and shoes for different situations
Tip 3: Overcome Your Fear of Treacherous Trails
Some trails will take you up rocky portions of mountainside on very narrow walkways
They are safe as long as you’re careful (just don’t look down)
The rewards are worthwhile when you see the views from the top
Tip 4: Prioritize Trails to Make the Most of Your Time
If you know there are certain types of scenery you want to see the most (mountains, forest, ocean, etc.) choose trails that provide those types of terrain and views
Tip 5: Hike at Off-Peak Hours (If Possible)
The park is very busy
Consider hiking in the early morning or evening to beat the crowds
Timing your trip outside of peak vacation season can also help alleviate crowding
Conclusion
End with a link to the park’s website to find more information
This is a very quick and simple outline but it’s sufficient for demonstration purposes.
Use this copy and paste template
Now that we’ve walked through the entire process of crafting an outline, here is an easy-to-use template that you can copy and paste into a document. You can edit and update this template however you’d like (some suggestions might be to add sample headlines or a brief two or three-sentence section describing your angle):
Introduction (what’s the angle of this post?)
Type of Post:
Main point 1
Subpoint 1
Subpoint 2
Subpoint 3
Main point 2
Subpoint 1
Subpoint 2
Subpoint 3
Main point 3
Subpoint 1
Subpoint 2
Subpoint 3
Conclusion
Optional CTA
When should you write an outline?
If you landed on this article, then odds are you already knew you wanted to write a blog post outline. But you might still have some questions about why we actually take the time to write them in the first place.
Personally, I know some writers who are meticulous about outlining, and some who skip them entirely. Sometimes you just want to let your consciousness flow onto the page and sometimes that can produce great writing that can’t be planned. I’ve even bounced between being in both camps, sometimes choosing to write outlines, and sometimes choosing to skip them.
So, when does it make sense to put one together, and when can they safely be skipped? Here are some thoughts based on personal experience:
You’re writing a long-form post (approximately 1,000 words or more).
You’re writing about a complex topic that requires a lot of research to accurately cover.
You’re assigning a post to another writer for your blog and need to make sure they understand what you want the post to touch on.
Does it ever make sense to skip an outline?
The point is to clarify your thinking so you can clarify your writing and produce better content more quickly. However, the point is not to follow rules for no reason, and there are times when it may not be necessary to write an outline.
For example, if you’re writing a personal essay for your blog, you might prefer to let your thoughts flow in a more stream of consciousness sort of way. Or if you’re crafting a short news blurb, you could probably write your entire post in the time it’d take to outline it. Use your own judgment, because when it comes to learning what works for you, experience will be your best teacher.
Writing outlines doesn’t have to take too much time in order to be an effective exercise. Once you get into the habit of writing them before starting on blog posts, and start to see the benefits of doing so, you won’t want to break the habit. Now, go forth and write better blog posts, faster!
Ready to start your own blog? Find out why more bloggers and creators choose WordPress.com. Start your journey here.
In the world of web development, creating custom layouts often feels like a balancing act between functionality and design. But with Gutenberg, WordPress’s powerful block editor, developers now have the tools to craft complex, unique layouts—all without the need for third-party page builders. Whether you’re building a site from scratch or looking to enhance an existing one, Gutenberg offers a streamlined, flexible approach to layout design.
In this post, we dive into five specific Gutenberg blocks that stand out for their versatility and power.
Group Block: Allows you to group multiple elements and apply consistent styling across them.
Columns Block: Enables developers to create multi-column layouts that are fully responsive across all devices.
Cover Block: Combines visuals with layered content, like text and buttons, to create immersive, standout sections.
Spacer Block: Provides an easy way to manage consistent spacing throughout a layout without adjusting individual block settings.
Query Loop Block: Dynamically displays lists of posts or other content, offering flexible filtering and layout options.
These blocks are essential tools for developers who want to create custom layouts that are both visually stunning and fully functional. Keep reading to explore how each block works, see examples of them in action, and learn about potential use cases that can elevate your next project.
Unlock Custom Layouts with the Group Block
When it comes to crafting custom layouts in WordPress, the Group block is one of the most versatile tools in your arsenal. This block allows you to combine multiple elements—such as text, images, and buttons—into a single, cohesive section. By grouping elements together and utilizing the Group block variations, you gain greater control over their positioning, styling, and responsiveness.
Why the Group Block is Powerful
The strength of the Group block lies in its ability to simplify your design process. Instead of having to adjust settings on each element individually, the Group block allows you to apply consistent styling to an entire section. This not only saves time but also ensures that your layouts are cohesive and visually appealing across different devices. It’s also the primary block used for creating fixed elements, such as a sticky header or sidebar.
How to Work with the Group Block
In the screen recording below, you’ll see how the Group block enhances the process of building a hero section by combining elements like images, text, and buttons into one cohesive section. Notice how easily you can adjust the spacing, colors, and alignment, streamlining your design workflow.
Putting the Group Block into Action
The Group block excels at creating reusable modular sections, such as a call-to-action or feature area, that can be deployed consistently across multiple pages. This block is also essential for organizing complex content arrangements into a single, unified section that can be easily updated site-wide. Whether you’re crafting a sticky header or organizing a product showcase, the Group block gives you precise control over how these elements are positioned and styled.
Design with Flexibility Using the Columns Block
The Columns block offers flexibility in organizing content side-by-side, allowing developers to create multi-column layouts that can accommodate grids, comparison sections, or any layout where parallel information is key.
Why Developers Love the Columns Block
The true power of the Columns block lies in its versatility for designing structured layouts. Its flexibility allows you to customize the number of columns, their width, and spacing, from simple two-column layouts to more complex grids. The Columns block is also fully responsive, ensuring layouts automatically adjust across different screen sizes, providing developers with seamless control over visually balanced designs.
See the Columns Block in Action
This recording showcases the Columns block used to create a three-column layout featuring services or products. Notice how columns with multiple components can be duplicated and edited.
When to Use the Columns Block for Maximum Impact
The Columns block is ideal when content needs to be displayed side by side, such as in service comparisons, product grids, or team member profiles. Combining it with the Group block allows for more complex, unified sections with consistent styling while still leveraging the flexibility of columns.
Create Stunning Visual Impact with the Cover Block
After organizing your content with the Group and Columns blocks, the Cover block steps in to add a bold, immersive visual experience. Whether it’s a full-width section with a background image or a full-screen video, the Cover block helps create standout moments on your page, perfect for grabbing your audience’s attention as they scroll.
Why the Cover Block Stands Out
What sets the Cover block apart is its ability to combine beautiful visuals with layered content like text and buttons. This block allows for a sleek, modern look with customizable overlays, and its parallax effect creates a sense of depth as users scroll. It offers developers a visually striking way to engage visitors and direct attention to key content.
How to Use the Cover Block as a Section Break
The following video demonstrates the Cover block being used to create a dynamic section break with a full-width image, overlay text, and a contrasting color filter. Pay attention to how this visually striking break guides users from one section to the next.
Where the Cover Block Shines
Whether for a hero section, a banner to break up sections, or a feature area to emphasize important content, the Cover block works best where you want to make an impression. It’s ideal for landing pages, events, or promotional areas where a mix of powerful visuals and actionable text is needed to guide visitors toward their next step.
Create Balance and Breathing Room with the Spacer Block
For developers, clean, balanced layouts are crucial to a great user experience. The Spacer block might seem simple at first glance, but its ability to fine-tune the spacing between elements gives you precise control over your design. Rather than manually adjusting margins or padding across multiple blocks, the Spacer block offers a streamlined approach for maintaining consistency throughout your layout.
Why Developers Choose the Spacer Block
One of the key benefits of the Spacer block is its ability to apply consistent spacing without needing to modify each block’s individual settings. For developers managing complex layouts, this can be a huge time-saver. You can insert Spacer blocks between sections to ensure consistent spacing, avoiding the need to repeatedly jump between block settings. This results in a cleaner workflow and a more polished design.
Simplifying Layout Spacing
This clip highlights how the Spacer block ensures balanced spacing between sections. You’ll see how adding Spacer blocks keeps the layout clean and cohesive without needing to adjust individual padding and margins for each element. Plus, see how changing the height of multiple Spacer blocks is one step when you create a Spacer synced pattern.
Where the Spacer Block Adds Efficiency
The Spacer block shines when you need to maintain uniform spacing throughout a project. You can preset its default dimensions or sync it within design patterns, and any future adjustments can be done in one place, saving you time when managing entire page or site-wide updates. For added flexibility, you can apply custom CSS classes to synced Spacer block patterns, making it simple to adjust spacing for different screen sizes. This not only improves the speed of implementation but also ensures consistency across your layouts, whether for landing pages, posts, or custom templates.
Dynamically Display Content with the Query Loop Block
The Query Loop block allows you to easily pull in lists of posts, pages, or custom post types, dynamically displaying content based on specific parameters such as categories, tags, or author. It’s an essential tool for developers who want to showcase content in customizable layouts without needing to manually curate each section.
Why Developers Rely on the Query Loop Block
The Query Loop block provides developers with powerful filtering and display options that are fully customizable. With complete control over how posts are pulled and arranged, developers can customize the Query Loop block to display filtered content based on categories, tags, or other criteria, allowing for tailored blog grids, portfolios, or archive pages that fit seamlessly into their overall site design.
Creating and Enhancing a Custom Query Loop Layout
This example shows how the Query Loop block is configured to display a custom set of blog posts, filtered by category. Notice the versatility and how integrating blocks together enhances the layout, resulting in a dynamic, visually balanced blog section that updates automatically.
Where the Query Loop Block Shines
On sites with frequently updated content, the Query Loop block provides a dynamic solution for showcasing new material. When integrated with other blocks it helps developers create visually engaging layouts that update automatically while keeping a consistent design structure.
Elevate Your Layouts with These 5 Powerful Blocks
These five versatile Gutenberg blocks—Group, Columns, Cover, Spacer, and Query Loop—can transform your layouts, helping you build dynamic, fully customized designs. Whether you’re creating responsive multi-column sections with the Columns block, adding visually striking breaks with the Cover block, or displaying dynamic content with the Query Loop block, these tools empower you to build and refine layouts with precision and creativity.
Each block offers unique strengths, and when used together, they give developers a powerful toolkit to craft sophisticated designs directly within the WordPress editor. By combining these blocks, you can streamline your workflow, maintain consistency, and create layouts that are both visually appealing and highly functional.
Try It Yourself!
Now it’s your turn. Experiment with these blocks in your next project and explore the different ways they can work together to create custom layouts tailored to your needs. In the comments below, share your unique Gutenberg-powered layouts and show us how you’ve applied these blocks to your projects. We’d love to see what you come up with!
Login
