Site-Building Made Simple: Introducing the Public Pattern Library – WordPress.com

WordPress.com News
Fredrik Rombach Ekelund
When it comes to website-building, WordPress themes set your site up for success by providing stylish, preselected options for fonts, colors, and layouts. Even though themes provide the overall aesthetic, you still need to build out the posts, pages, and templates on your site. That’s where block patterns come in!
The WordPress.com Pattern Library is your new go-to resource for finding any kind of pattern for your beautiful WordPress website. With hundreds of pre-built patterns to choose from across over a dozen categories, you’ll be covered no matter your website’s specific needs. 
Block patterns are collections of blocks made to work seamlessly with our modern themes. Need an “About” page? Check. A gallery? Check. A testimonial? Check. How about a newsletter? Check. We have just about anything you’ll need. 
Best of all: for each pattern, the fonts, colors, and spacing will adapt to your theme’s settings, making for a cohesive look. Still, patterns aren’t locked or static either—after you’ve added the pattern to your post, page, or template, you can tweak it however you like. 
This new public Pattern Library allows you to browse, preview, and easily share or implement whichever design speaks your tastes. Let’s take a look around. 
If you want to explore the Pattern Library and don’t have anything in particular that you’re looking for, click through each category to spark some ideas. 
At the top, you’ll find a fast and easy-to-use search box, allowing you to find exactly what you need. This is a great option if you don’t feel like browsing and want to jump right into a solution for your specific needs. 
Sometimes you just need the components of a post, page, or template: a header, a “Subscribe” box, a store module, etc. Other times, you want to be able to copy and paste an entire page into existence. Scroll down past the categories and you’ll find our full-page patterns for whole pages: About, Blog, Contact, Store, and more. 
When looking through the library on a desktop or laptop device, you’ll see a gray vertical bar next to each pattern. That’s a nifty little slider that we’ve built into the library which allows you to see how each pattern responds to different screen sizes. Using your cursor to move the bar to the left, you’ll see what that design looks like on a mobile device; in the middle is where most tablets fall; and scroll back all the way to the right for the desktop/laptop version. 
Like what you see? Simply click the blue “Copy pattern” button, open the WordPress.com editor to the post, page, or template you’re working on, and paste the design. It’s that easy. Once inserted, you can customize each block as needed using the right sidebar. 
The Pattern Library is especially useful if you build websites for clients. Each pattern is built to work with any theme that follows our technical standards, speeding up page-building not just for you but also for your clients—all while maintaining the overall style of your theme. 
In concrete terms, this means that our patterns take font, color, and spacing settings from the theme itself rather than using standard presets. This makes it far less likely for a site to break (or just look off) when you—or a client—experiment and make updates. 
Our goal is always to make your life both easier and more beautiful. This new resource does just that. Check out the WordPress.com Pattern Library today to enhance your website-building experience! 
Email Newsletter
Missing out on the latest WordPress.com developments? Enter your email below to receive future announcements direct to your inbox. An email confirmation will be sent before you will start receiving notifications—please check your spam folder if you don’t receive this.
Email Address:
Follow
Comments are closed.
Wow! Amazing! Great tool to design quickly.
LikeLiked by 4 people
Do I need the Explorer Plan or higher to enjoy/use these? I have Starter.
LikeLike
You can use patterns with all plans, even with the free plan 😉
LikeLiked by 5 people
Good afternoon dear sir , Sir I want Remove Jetpack from my website “micp.in”! Please Remove it’s. Thank you sir.
LikeLike
Hey there, your site is not hosted with WordPress.com. You can learn more about using Jetpack with self-hosted sites here. Hope this helps!
LikeLiked by 1 person
I am always grateful for Block Patterns. When I’m in the mood to be experimental with my designs or I am indecisive with the available themes, Block Patterns are a huge help!
LikeLiked by 7 people
Would a multisite installation have access to this?
LikeLiked by 3 people
Hey there! The pattern library is available for anyone to use. You can find the library here, and copy patterns to use with any site using the block editor.
LikeLike
I’m consistently appreciative of Block Patterns. Whether I’m feeling adventurous in my designs or struggling to decide among available themes, Block Patterns serve as a tremendous aid!
LikeLiked by 4 people
Get Started
An Automattic Experiment
You must be logged in to post a comment.

source