{"id":651,"date":"2024-06-27T21:04:52","date_gmt":"2024-06-27T21:04:52","guid":{"rendered":"https:\/\/www.yellowfalconmedia.com\/blog\/2024\/06\/27\/site-building-made-simple-introducing-the-public-pattern-library-wordpress-com\/"},"modified":"2024-06-27T21:04:52","modified_gmt":"2024-06-27T21:04:52","slug":"site-building-made-simple-introducing-the-public-pattern-library-wordpress-com","status":"publish","type":"post","link":"https:\/\/www.yellowfalconmedia.com\/blog\/2024\/06\/27\/site-building-made-simple-introducing-the-public-pattern-library-wordpress-com\/","title":{"rendered":"Site-Building Made Simple: Introducing the Public Pattern Library &#8211; WordPress.com"},"content":{"rendered":"<p><a href=\"https:\/\/wordpress.com\/blog\">WordPress.com News<\/a><br \/>Fredrik Rombach Ekelund<br \/>When it comes to website-building, <a href=\"http:\/\/wordpress.com\/themes\">WordPress themes<\/a> 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&#8217;s where block patterns come in!<br \/>The <a href=\"http:\/\/wordpress.com\/patterns?ref=blog\">WordPress.com Pattern Library<\/a> 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\u2019ll be covered no matter your website\u2019s specific needs.&nbsp;<br \/><a href=\"https:\/\/wordpress.com\/blog\/2020\/10\/28\/introducing-patterns\/\">Block patterns<\/a> are collections of blocks made to work seamlessly with our modern themes. Need an \u201cAbout\u201d page? Check. A gallery? Check. A testimonial? Check. How about a newsletter? Check. We have just about anything you\u2019ll need.&nbsp;<br \/>Best of all: for each pattern, the fonts, colors, and spacing will adapt to your theme\u2019s settings, making for a cohesive look. Still, patterns aren\u2019t locked or static either\u2014after you&#8217;ve added the pattern to your post, page, or template, you can tweak it however you like.&nbsp;<br \/>This new public <a href=\"http:\/\/wordpress.com\/patterns?ref=blog\">Pattern Library<\/a> allows you to browse, preview, and easily share or implement whichever design speaks your tastes. Let\u2019s take a look around.&nbsp;<br \/>If you want to explore the Pattern Library and don\u2019t have anything in particular that you\u2019re looking for, click through each category to spark some ideas.&nbsp;<br \/>At the top, you\u2019ll 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\u2019t feel like browsing and want to jump right into a solution for your specific needs.&nbsp;<br \/>Sometimes you just need the components of a post, page, or template: a header, a \u201cSubscribe\u201d 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\u2019ll find our full-page patterns for whole pages: About, Blog, Contact, Store, and more.&nbsp;<br \/>When looking through the library on a desktop or laptop device, you\u2019ll see a gray vertical bar next to each pattern. That\u2019s a nifty little slider that we\u2019ve 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\u2019ll 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.&nbsp;<br \/>Like what you see? Simply click the blue \u201cCopy pattern\u201d button, open the WordPress.com editor to the post, page, or template you\u2019re working on, and paste the design. It\u2019s that easy. Once inserted, you can customize each block as needed using the right sidebar.&nbsp;<br \/>The Pattern Library is especially useful if you build websites for clients. Each pattern is built to work with any theme that follows our <a href=\"https:\/\/developer.wordpress.com\/docs\/developer-tools\/block-patterns\/#building-with-patterns\">technical standards<\/a>, speeding up page-building not just for you but also for your clients\u2014all while maintaining the overall style of your theme.&nbsp;<br \/>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 <em>off<\/em>) when you\u2014or a client\u2014experiment and make updates.&nbsp;<br \/>Our goal is always to make your life both easier and more beautiful. This new resource does just that. Check out the <a href=\"http:\/\/wordpress.com\/patterns?ref=blog\">WordPress.com Pattern Library<\/a> today to enhance your website-building experience!&nbsp;<br \/><strong><label for=\"subscribe-field\">Email Newsletter<\/label><\/strong><br \/>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\u2014please check your spam folder if you don&#8217;t receive this.<br \/> \t\t\t\t\t<label \t\t\t\t\t\tid=\"subscribe-field-label\" \t\t\t\t\t\tfor=\"subscribe-field\" \t\t\t\t\t\tclass=\"screen-reader-text\" \t\t\t\t\t> \t\t\t\t\t\tEmail Address:\t\t\t\t\t<\/label>  \t\t\t\t\t<input \t\t\t\t\t\t\ttype=\"email\" \t\t\t\t\t\t\tname=\"email\" \t\t\t\t\t\t\t \t\t\t\t\t\t\tstyle=\"width: 95%; padding: 1px 10px\" \t\t\t\t\t\t\tplaceholder=\"Email Address\" \t\t\t\t\t\t\tvalue=\"\" \t\t\t\t\t\t\tid=\"subscribe-field\" \t\t\t\t\t\t\trequired\t\/>\t\t\t\t<br \/> \t\t\t\t\t<input type=\"hidden\" name=\"action\" value=\"subscribe\"\/> \t\t\t\t\t<input type=\"hidden\" name=\"blog_id\" value=\"3584907\"\/> \t\t\t\t\t<input type=\"hidden\" name=\"source\" value=\"https:\/\/wordpress.com\/blog\/2024\/04\/10\/pattern-library\/\"\/> \t\t\t\t\t<input type=\"hidden\" name=\"sub-type\" value=\"widget\"\/> \t\t\t\t\t<input type=\"hidden\" name=\"redirect_fragment\" value=\"subscribe-blog\"\/> \t\t\t\t\t<input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"0bcccb51a5\" \/>\t\t\t\t\t<button type=\"submit\" \t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"wp-block-button__link subscribe-button-custom\" \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t> \t\t\t\t\t\tFollow\t\t\t\t\t<\/button> \t\t\t\t<br \/><span>Comments are closed.<\/span><br \/>Wow! Amazing! Great tool to design quickly.<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/04\/10\/pattern-library\/?like_comment=441958&#038;_wpnonce=5dda81d0fe\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441958\" class=\"comment-like-feedback\">Liked by <a href=\"#\" class=\"view-likers\" data-like-count=\"4\">4 people<\/a><\/span><br \/>Do I need the Explorer Plan or higher to enjoy\/use these?  I have Starter.<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/04\/10\/pattern-library\/?like_comment=441961&#038;_wpnonce=1d57f19367\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441961\" class=\"comment-like-feedback\">Like<\/span><br \/>You can use patterns with all plans, even with the free plan \ud83d\ude09<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/04\/10\/pattern-library\/?like_comment=441969&#038;_wpnonce=5cd3b9e902\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441969\" class=\"comment-like-feedback\">Liked by <a href=\"#\" class=\"view-likers\" data-like-count=\"5\">5 people<\/a><\/span><br \/>Good afternoon dear sir , Sir I want Remove Jetpack from my website &ldquo;micp.in&rdquo;! Please Remove it&rsquo;s. Thank you sir.<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/04\/10\/pattern-library\/?like_comment=441989&#038;_wpnonce=0a93844c14\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441989\" class=\"comment-like-feedback\">Like<\/span><br \/>Hey there, your site is not hosted with WordPress.com. You can <a href=\"https:\/\/jetpack.com\/support\/reconnecting-reinstalling-jetpack\/\" target=\"_blank\" rel=\"noopener nofollow ugc\">learn more about using Jetpack with self-hosted sites here<\/a>. Hope this helps!<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/04\/10\/pattern-library\/?like_comment=442033&#038;_wpnonce=f8dcd20c8a\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-442033\" class=\"comment-like-feedback\">Liked by <a href=\"#\" class=\"view-likers\" data-like-count=\"1\">1 person<\/a><\/span><br \/>I am always grateful for Block Patterns. When I&rsquo;m in the mood to be experimental with my designs or I am indecisive with the available themes, Block Patterns are a huge help! <br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/04\/10\/pattern-library\/?like_comment=441966&#038;_wpnonce=567c281b1b\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441966\" class=\"comment-like-feedback\">Liked by <a href=\"#\" class=\"view-likers\" data-like-count=\"7\">7 people<\/a><\/span><br \/>Would a multisite installation have access to this?<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/04\/10\/pattern-library\/?like_comment=441993&#038;_wpnonce=e457bc5151\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441993\" class=\"comment-like-feedback\">Liked by <a href=\"#\" class=\"view-likers\" data-like-count=\"3\">3 people<\/a><\/span><br \/>Hey there! The pattern library is available for anyone to use. You can <a href=\"https:\/\/wordpress.com\/patterns?ref=blog\" target=\"_blank\" rel=\"noopener ugc\">find the library here<\/a>, and copy patterns to use with any site using the block editor.<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/04\/10\/pattern-library\/?like_comment=442032&#038;_wpnonce=077fe33aaa\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-442032\" class=\"comment-like-feedback\">Like<\/span><br \/>I&rsquo;m consistently appreciative of Block Patterns. Whether I&rsquo;m feeling adventurous in my designs or struggling to decide among available themes, Block Patterns serve as a tremendous aid!<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/04\/10\/pattern-library\/?like_comment=442082&#038;_wpnonce=044e8313fc\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-442082\" class=\"comment-like-feedback\">Liked by <a href=\"#\" class=\"view-likers\" data-like-count=\"4\">4 people<\/a><\/span><br \/><a id=\"enblog-cta-footer\" class=\"button is-primary is-large is-cta wpcom-button\" href=\"\/\/wordpress.com\/start\/?ref=enblog-cta-footer\">Get Started<\/a><br \/> \t\t<span>An <\/span><a class=\"automattic-logo\" href=\"https:\/\/automattic.com\/\">Automattic<\/a><span> Experiment<\/span>\t<br \/> \t\t\t\t\t\t\t\t\t\t\t\t\tYou must be <a href=\"#\" class=\"jp-carousel-comment-login\">logged in<\/a> to post a comment.\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n<p><a href=\"https:\/\/news.google.com\/rss\/articles\/CBMiNmh0dHBzOi8vd29yZHByZXNzLmNvbS9ibG9nLzIwMjQvMDQvMTAvcGF0dGVybi1saWJyYXJ5L9IBAA?oc=5\">source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress.com NewsFredrik Rombach EkelundWhen 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&#8217;s where block&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-651","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/posts\/651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/comments?post=651"}],"version-history":[{"count":0,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/posts\/651\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/media?parent=651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/categories?post=651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/tags?post=651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}