CINXE.COM

<!DOCTYPE html>      <html lang="en" class="no-js ">  <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="author" content="WordPress.com / Automattic Inc."> <meta name="viewport" content="width=device-width"> <title>WordPress Block Themes: Development Tutorial for Beginners </title> <meta name='robots' content='max-image-preview:large' /> <meta name="google-site-verification" content="gprBhnJ5dQ2j8I3RU2MexFOZp5a6Ty3tLmUpKk4cbPg" /> <link rel="alternate" hreflang="x-default" href="https://jetpack.com/resources/wordpress-block-themes/" /> <link rel="alternate" hreflang="en" href="https://jetpack.com/resources/wordpress-block-themes/" />  <script id="wpcom_remote_login_js"> var wpcom_remote_login_extra_auth = ''; function wpcom_remote_login_remove_dom_node_id( element_id ) { var dom_node = document.getElementById( element_id ); if ( dom_node ) { dom_node.parentNode.removeChild( dom_node ); } } function wpcom_remote_login_remove_dom_node_classes( class_name ) { var dom_nodes = document.querySelectorAll( '.' + class_name ); for ( var i = 0; i < dom_nodes.length; i++ ) { dom_nodes[ i ].parentNode.removeChild( dom_nodes[ i ] ); } } function wpcom_remote_login_final_cleanup() { wpcom_remote_login_remove_dom_node_classes( "wpcom_remote_login_msg" ); wpcom_remote_login_remove_dom_node_id( "wpcom_remote_login_key" ); wpcom_remote_login_remove_dom_node_id( "wpcom_remote_login_validate" ); wpcom_remote_login_remove_dom_node_id( "wpcom_remote_login_js" ); wpcom_remote_login_remove_dom_node_id( "wpcom_request_access_iframe" ); wpcom_remote_login_remove_dom_node_id( "wpcom_request_access_styles" ); } // Watch for messages back from the remote login window.addEventListener( "message", function( e ) { if ( e.origin === "https://r-login.wordpress.com" ) { var data = {}; try { data = JSON.parse( e.data ); } catch( e ) { wpcom_remote_login_final_cleanup(); return; } if ( data.msg === 'LOGIN' ) { // Clean up the login check iframe wpcom_remote_login_remove_dom_node_id( "wpcom_remote_login_key" ); var id_regex = new RegExp( /^[0-9]+$/ ); var token_regex = new RegExp( /^.*|.*|.*$/ ); if ( token_regex.test( data.token ) && id_regex.test( data.wpcomid ) ) { // We have everything we need to ask for a login var script = document.createElement( "script" ); script.setAttribute( "id", "wpcom_remote_login_validate" ); script.src = '/remote-login.php?wpcom_remote_login=validate' + '&wpcomid=' + data.wpcomid + '&token=' + encodeURIComponent( data.token ) + '&host=' + window.location.protocol + '//' + window.location.hostname + '&postid=227321' + '&is_singular=1'; document.body.appendChild( script ); } return; } // Safari ITP, not logged in, so redirect if ( data.msg === 'LOGIN-REDIRECT' ) { window.location = 'https://wordpress.com/log-in?redirect_to=' + window.location.href; return; } // Safari ITP, storage access failed, remove the request if ( data.msg === 'LOGIN-REMOVE' ) { var css_zap = 'html { -webkit-transition: margin-top 1s; transition: margin-top 1s; } /* 9001 */ html { margin-top: 0 !important; } * html body { margin-top: 0 !important; } @media screen and ( max-width: 782px ) { html { margin-top: 0 !important; } * html body { margin-top: 0 !important; } }'; var style_zap = document.createElement( 'style' ); style_zap.type = 'text/css'; style_zap.appendChild( document.createTextNode( css_zap ) ); document.body.appendChild( style_zap ); var e = document.getElementById( 'wpcom_request_access_iframe' ); e.parentNode.removeChild( e ); document.cookie = 'wordpress_com_login_access=denied; path=/; max-age=31536000'; return; } // Safari ITP if ( data.msg === 'REQUEST_ACCESS' ) { console.log( 'request access: safari' ); // Check ITP iframe enable/disable knob if ( wpcom_remote_login_extra_auth !== 'safari_itp_iframe' ) { return; } // If we are in a "private window" there is no ITP. var private_window = false; try { var opendb = window.openDatabase( null, null, null, null ); } catch( e ) { private_window = true; } if ( private_window ) { console.log( 'private window' ); return; } var iframe = document.createElement( 'iframe' ); iframe.id = 'wpcom_request_access_iframe'; iframe.setAttribute( 'scrolling', 'no' ); iframe.setAttribute( 'sandbox', 'allow-storage-access-by-user-activation allow-scripts allow-same-origin allow-top-navigation-by-user-activation' ); iframe.src = 'https://r-login.wordpress.com/remote-login.php?wpcom_remote_login=request_access&origin=' + encodeURIComponent( data.origin ) + '&wpcomid=' + encodeURIComponent( data.wpcomid ); var css = 'html { -webkit-transition: margin-top 1s; transition: margin-top 1s; } /* 9001 */ html { margin-top: 46px !important; } * html body { margin-top: 46px !important; } @media screen and ( max-width: 660px ) { html { margin-top: 71px !important; } * html body { margin-top: 71px !important; } #wpcom_request_access_iframe { display: block; height: 71px !important; } } #wpcom_request_access_iframe { border: 0px; height: 46px; position: fixed; top: 0; left: 0; width: 100%; min-width: 100%; z-index: 99999; background: #23282d; } '; var style = document.createElement( 'style' ); style.type = 'text/css'; style.id = 'wpcom_request_access_styles'; style.appendChild( document.createTextNode( css ) ); document.body.appendChild( style ); document.body.appendChild( iframe ); } if ( data.msg === 'DONE' ) { wpcom_remote_login_final_cleanup(); } } }, false ); // Inject the remote login iframe after the page has had a chance to load // more critical resources window.addEventListener( "DOMContentLoaded", function( e ) { var iframe = document.createElement( "iframe" ); iframe.style.display = "none"; iframe.setAttribute( "scrolling", "no" ); iframe.setAttribute( "id", "wpcom_remote_login_key" ); iframe.src = "https://r-login.wordpress.com/remote-login.php" + "?wpcom_remote_login=key" + "&origin=aHR0cHM6Ly9qZXRwYWNrLmNvbQ%3D%3D" + "&wpcomid=20115252" + "&time=1739887078"; document.body.appendChild( iframe ); }, false ); </script> <link rel='dns-prefetch' href='//s0.wp.com' /> <link rel='dns-prefetch' href='//s2.wp.com' /> <link rel='dns-prefetch' href='//stats.wp.com' /> <link rel='dns-prefetch' href='//cdn.parsely.com' /> <link rel='dns-prefetch' href='//s1.wp.com' /> <link rel='dns-prefetch' href='//jetpackme.wordpress.com' /> <link rel='dns-prefetch' href='//wordpress.com' /> <link rel="alternate" type="application/rss+xml" title="Jetpack » Feed" href="https://jetpack.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Jetpack » Comments Feed" href="https://jetpack.com/comments/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function () { oldonload(); func(); } } } /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s0.wp.com\/wp-content\/mu-plugins\/wpcom-smileys\/twemoji\/2\/72x72\/","ext":".png","svgUrl":"https:\/\/s0.wp.com\/wp-content\/mu-plugins\/wpcom-smileys\/twemoji\/2\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/s2.wp.com\/wp-includes\/js\/wp-emoji-release.min.js?m=1719498190i&ver=6.7.2-RC1-59780"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <link crossorigin='anonymous' rel='stylesheet' id='all-css-0-1' href='https://s1.wp.com/_static/??-eJxtzFsKgCAQheENZaMg+BStRXQI80oz0vbDCILo5cAHhx/OJlwtjIUhd9FS30Ih2JGbdfEx5FrH+J6Q4MBkGb1olfij2RFN8J9MIeIbvjXua16UUUZLLY3eL2BkNNM=&cssminify=yes' type='text/css' media='all' /> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-2-1' href='https://s2.wp.com/_static/??-eJylzksOwjAMBNALkbofJNoF4iz5WMHgppXjAL09FRU7WHXpGc2T4TkbPyXFpDBziZQyxLKeDiWujSA82rqqqwZcIQ7gePJ3w+TEygJZF8bK53yAfZBecfwP2aM1sxVNKCaQoNdp3WzON2fKSimaj7s9ZigFfO1SA6olzr/Vy3huTl0/tF3fDbc3ShV53Q==&cssminify=yes' type='text/css' media='all' /> <style id='wp-block-library-inline-css'> .has-text-align-justify { text-align:justify; } .has-text-align-justify{text-align:justify;} .wp-block-paragraph.is-style-jetpack-with-antispam-icon::before { width: 28px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQ1NDc0IDIxLjIwNjlMMTYuNDU0NyAzLjcwNjlMMTUuNTQ1MyAzLjI5MTE0TDE0LjI4MzcgNi4wNTA4MUMxMy41OTkxIDUuNjk4NzMgMTIuODIyOCA1LjQ5OTk5IDEyIDUuNDk5OTlDMTAuOTM4NSA1LjQ5OTk5IDkuOTU0MzEgNS44MzA3NiA5LjE0NDggNi4zOTQ4NUw3LjE4OTk0IDQuNDRMNi4xMjkyOCA1LjUwMDY2TDguMDU1NTYgNy40MjY5NEM3LjQ5MDQ0IDguMTUxMjcgNy4xMjA0NyA5LjAzNTMgNy4wMjQ2OSA5Ljk5OTk5SDVWMTEuNUg3VjEzSDVWMTQuNUg3LjEwMDAyQzcuMzUwODkgMTUuNzM1OSA4LjA1NzYgMTYuODA2MiA5LjAzNzAzIDE3LjUyNzlMNy41NDUyNiAyMC43OTExTDguNDU0NzQgMjEuMjA2OVpNOS42ODAyNCAxNi4xMjA5QzguOTU2MzMgMTUuNDc5NiA4LjUgMTQuNTQzMSA4LjUgMTMuNVYxMC41QzguNSA4LjU2NyAxMC4wNjcgNi45OTk5OSAxMiA2Ljk5OTk5QzEyLjYwMDMgNi45OTk5OSAxMy4xNjUzIDcuMTUxMTEgMTMuNjU5IDcuNDE3MzhMOS42ODAyNCAxNi4xMjA5Wk0xNS4zNTU1IDkuNTAxNTVMMTYuMTY0NSA3LjczMTkxQzE2LjYwNTMgOC4zOTM4MyAxNi44OTI2IDkuMTY2ODMgMTYuOTc1MyA5Ljk5OTk5SDE5VjExLjVIMTdWMTNIMTlWMTQuNUgxNi45QzE2LjQzNjcgMTYuNzgyMiAxNC40MTkgMTguNSAxMiAxOC41QzExLjc1MDggMTguNSAxMS41MDU4IDE4LjQ4MTggMTEuMjY2NCAxOC40NDY2TDExLjkyOCAxNi45OTkzQzExLjk1MTkgMTYuOTk5OCAxMS45NzU5IDE3IDEyIDE3QzEzLjkzMyAxNyAxNS41IDE1LjQzMyAxNS41IDEzLjVWMTAuNUMxNS41IDEwLjE1MzEgMTUuNDQ5NSA5LjgxNzk0IDE1LjM1NTUgOS41MDE1NVoiIGZpbGw9IiMwMDg3MTAiLz4KPC9zdmc+"); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-with-cloud-icon::before { width: 28px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzM5MjQwXzMxOTkzIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSI0IiB5PSI1IiB3aWR0aD0iMTYiIGhlaWdodD0iMTIiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE3LjMzMzEgMTAuMTEyM0MxNy4zMzMyIDEwLjA5NzIgMTcuMzMzMyAxMC4wODIgMTcuMzMzMyAxMC4wNjY3QzE3LjMzMzMgNy42MzY3IDE1LjE4NDMgNS42NjY3NSAxMi41MzMzIDUuNjY2NzVDMTAuMjk1NSA1LjY2Njc1IDguNDE1NDIgNy4wNzA0OCA3Ljg4MzcxIDguOTY5NzZDNy44MzM4MyA4Ljk2NzczIDcuNzgzNyA4Ljk2NjcgNy43MzMzMyA4Ljk2NjdDNS42NzE0NyA4Ljk2NjcgNCAxMC42OTA0IDQgMTIuODE2N0M0IDE0Ljk0MyA1LjY3MTQ3IDE2LjY2NjcgNy43MzMzMyAxNi42NjY3TDcuNzU1NTUgMTYuNjY2NkgxNi43ODE5QzE2Ljc4NzggMTYuNjY2NyAxNi43OTM3IDE2LjY2NjcgMTYuNzk5NiAxNi42NjY3QzE4LjU2NjkgMTYuNjY2NyAxOS45OTk2IDE1LjE4OTIgMTkuOTk5NiAxMy4zNjY3QzE5Ljk5OTYgMTEuNzMxNiAxOC44NDY1IDEwLjM3NDIgMTcuMzMzMSAxMC4xMTIzWiIgZmlsbD0id2hpdGUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzM5MjQwXzMxOTkzKSI+CjxwYXRoIGQ9Ik0xNy4zMzMxIDEwLjExMjNMMTUuODMzMiAxMC4wOTU3TDE1LjgxOTEgMTEuMzcyNkwxNy4wNzczIDExLjU5MDRMMTcuMzMzMSAxMC4xMTIzWk03Ljg4MzcxIDguOTY5NzZMNy44MjI0OCAxMC40Njg1TDkuMDA4MjQgMTAuNTE3TDkuMzI4MTcgOS4zNzQxNEw3Ljg4MzcxIDguOTY5NzZaTTcuNzMzMzMgMTYuNjY2N1YxOC4xNjY3SDcuNzM3ODRMNy43MzMzMyAxNi42NjY3Wk03Ljc1NTU1IDE2LjY2NjZWMTUuMTY2Nkg3Ljc1MTA1TDcuNzU1NTUgMTYuNjY2NlpNMTYuNzgxOSAxNi42NjY2TDE2Ljc5MDQgMTUuMTY2NkgxNi43ODE5VjE2LjY2NjZaTTE4LjgzMyAxMC4xMjg5QzE4LjgzMzIgMTAuMTA4MyAxOC44MzMzIDEwLjA4NzUgMTguODMzMyAxMC4wNjY3SDE1LjgzMzNDMTUuODMzMyAxMC4wNzY0IDE1LjgzMzMgMTAuMDg2MSAxNS44MzMyIDEwLjA5NTdMMTguODMzIDEwLjEyODlaTTE4LjgzMzMgMTAuMDY2N0MxOC44MzMzIDYuNjg4MDggMTUuODg3MiA0LjE2Njc1IDEyLjUzMzMgNC4xNjY3NVY3LjE2Njc1QzE0LjQ4MTQgNy4xNjY3NSAxNS44MzMzIDguNTg1MzEgMTUuODMzMyAxMC4wNjY3SDE4LjgzMzNaTTEyLjUzMzMgNC4xNjY3NUM5LjY4NDk3IDQuMTY2NzUgNy4xNjg1MSA1Ljk2MDQgNi40MzkyNCA4LjU2NTM4TDkuMzI4MTcgOS4zNzQxNEM5LjY2MjMyIDguMTgwNTcgMTAuOTA2MSA3LjE2Njc1IDEyLjUzMzMgNy4xNjY3NVY0LjE2Njc1Wk03Ljk0NDk0IDcuNDcxMDFDNy44NzQ2NiA3LjQ2ODE0IDcuODA0MTIgNy40NjY3IDcuNzMzMzMgNy40NjY3VjEwLjQ2NjdDNy43NjMyOCAxMC40NjY3IDcuNzkzIDEwLjQ2NzMgNy44MjI0OCAxMC40Njg1TDcuOTQ0OTQgNy40NzEwMVpNNy43MzMzMyA3LjQ2NjdDNC43OTk4NyA3LjQ2NjcgMi41IDkuOTA1ODIgMi41IDEyLjgxNjdINS41QzUuNSAxMS40NzUgNi41NDMwNyAxMC40NjY3IDcuNzMzMzMgMTAuNDY2N1Y3LjQ2NjdaTTIuNSAxMi44MTY3QzIuNSAxNS43Mjc2IDQuNzk5ODcgMTguMTY2NyA3LjczMzMzIDE4LjE2NjdWMTUuMTY2N0M2LjU0MzA3IDE1LjE2NjcgNS41IDE0LjE1ODQgNS41IDEyLjgxNjdIMi41Wk03LjczNzg0IDE4LjE2NjdMNy43NjAwNiAxOC4xNjY2TDcuNzUxMDUgMTUuMTY2Nkw3LjcyODgzIDE1LjE2NjdMNy43Mzc4NCAxOC4xNjY3Wk03Ljc1NTU1IDE4LjE2NjZIMTYuNzgxOVYxNS4xNjY2SDcuNzU1NTVWMTguMTY2NlpNMTYuNzk5NiAxNS4xNjY3QzE2Ljc5NjQgMTUuMTY2NyAxNi43OTM0IDE1LjE2NjYgMTYuNzkwNCAxNS4xNjY2TDE2Ljc3MzQgMTguMTY2NkMxNi43ODIyIDE4LjE2NjcgMTYuNzkxIDE4LjE2NjcgMTYuNzk5NiAxOC4xNjY3VjE1LjE2NjdaTTE4LjQ5OTYgMTMuMzY2N0MxOC40OTk2IDE0LjQwNDYgMTcuNjk1MyAxNS4xNjY3IDE2Ljc5OTYgMTUuMTY2N1YxOC4xNjY3QzE5LjQzODUgMTguMTY2NyAyMS40OTk2IDE1Ljk3MzggMjEuNDk5NiAxMy4zNjY3SDE4LjQ5OTZaTTE3LjA3NzMgMTEuNTkwNEMxNy44NTEyIDExLjcyNDMgMTguNDk5NiAxMi40NDA0IDE4LjQ5OTYgMTMuMzY2N0gyMS40OTk2QzIxLjQ5OTYgMTEuMDIyOCAxOS44NDE4IDkuMDI0MTkgMTcuNTg4OSA4LjYzNDMxTDE3LjA3NzMgMTEuNTkwNFoiIGZpbGw9IiMwMDg3MTAiLz4KPC9nPgo8L3N2Zz4K"); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-with-key-icon::before { width: 23px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3k9IjEyIiByPSIyLjc1IiBzdHJva2U9IiMwMDg3MTAiIHN0cm9rZS13aWR0aD0iMi41Ii8+CjxyZWN0IHg9IjExIiB5PSIxMC43NSIgd2lkdGg9IjgiIGhlaWdodD0iMi41IiBmaWxsPSIjMDA4NzEwIi8+CjxyZWN0IHg9IjE1IiB5PSIxMiIgd2lkdGg9IjIuNSIgaGVpZ2h0PSI0IiBmaWxsPSIjMDA4NzEwIi8+Cjwvc3ZnPgo="); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-with-shield-icon::before { width: 28px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAzLjE3NjE1TDE4Ljc1IDYuMjQ0MzNWMTAuODE4MkMxOC43NSAxNC43MTcxIDE2LjI0NTggMTguNDA4OCAxMi43MTQ3IDE5LjU3MzRDMTIuMjUwNyAxOS43MjY0IDExLjc0OTMgMTkuNzI2NCAxMS4yODUzIDE5LjU3MzRDNy43NTQxNiAxOC40MDg4IDUuMjUgMTQuNzE3MSA1LjI1IDEwLjgxODJWNi4yNDQzM0wxMiAzLjE3NjE1Wk02Ljc1IDcuMjEwMlYxMC44MTgyQzYuNzUgMTQuMTMxMSA4Ljg5NTE0IDE3LjIwNTYgMTEuNzU1MSAxOC4xNDg4QzExLjkxNCAxOC4yMDEyIDEyLjA4NiAxOC4yMDEyIDEyLjI0NDkgMTguMTQ4OEMxNS4xMDQ5IDE3LjIwNTYgMTcuMjUgMTQuMTMxMSAxNy4yNSAxMC44MTgyVjcuMjEwMkwxMiA0LjgyMzg0TDYuNzUgNy4yMTAyWiIgZmlsbD0iIzAwODcxMCIvPgo8L3N2Zz4="); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-with-ai-icon::before { width: 24px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGltYWdlLXJlbmRlcmluZz0ib3B0aW1pemVRdWFsaXR5IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPmpldHBhY2sgcHJvZHVjdCBpY29uIGFpPC90aXRsZT48ZyBjbGFzcz0ibmMtaWNvbi13cmFwcGVyIiBmaWxsPSIjMDA4NzEwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiMwMDg3MTAiIGQ9Ik02LjI1IDQuMjVjMC45NSAxLjE5IDIuMTEgMi4xOSAzLjUgMy0xLjQ2IDAuNTYtMi40NiAxLjU2LTMgMy0wLjU2LTEuNDYtMS41Ni0yLjQ2LTMtM2ExNi4xOCAxNi4xOCAwIDAgMSAyLjI1LTEuNWMwLjI0LTAuNDcgMC4zMy0wLjk3IDAuMjUtMS41eiIgb3BhY2l0eT0iLjcyOCI+PC9wYXRoPjxwYXRoIGZpbGw9IiMwMDg3MTAiIGQ9Ik0xNS4yNSA0LjI1YzAuNDQtMC4wNyAwLjc3IDAuMSAxIDAuNSAwLjM3IDEuOTQgMS41MyAzLjExIDMuNSAzLjUtMC43MSAwLjY1LTEuNTQgMS4wNy0yLjUgMS4yNWEzMC40IDMwLjQgMCAwIDAtMS41IDIuNzVjLTAuNjUtMC43MS0xLjA3LTEuNTQtMS4yNS0yLjVhMzAuNCAzMC40IDAgMCAwLTIuNzUtMS41IDEwLjI0IDEwLjI0IDAgMCAxIDIuNzUtMS41YzAuNS0wLjc2IDAuNzUtMS42IDAuNzUtMi41eiIgb3BhY2l0eT0iLjc4NiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMwMDg3MTAiIGQ9Ik0xMC4yNSAxMC4yNWMwLjQ0LTAuMDcgMC43NyAwLjEgMSAwLjUgMC40OSAyLjQ5IDEuOTkgMy45OSA0LjUgNC41YTguNzcgOC43NyAwIDAgMS0zIDEuNSAxOC4xNiAxOC4xNiAwIDAgMC0yIDMuNSA4Ljc3IDguNzcgMCAwIDEtMS41LTMgMTguMTYgMTguMTYgMCAwIDAtMy41LTJsMy41LTJjMC42Mi0wLjkxIDAuOTYtMS45MSAxLTN6IiBvcGFjaXR5PSIuODA5Ij48L3BhdGg+PC9nPjwvc3ZnPg=="); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-with-blaze-icon::before { width: 24px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDEzLjM0NzRDMjEgMTQuNDUxNSAyMC43NjUzIDE1LjUzOTggMjAuMzA2NiAxNi41NjAyQzE5Ljg0NzkgMTcuNTgwNSAxOS4xODEyIDE4LjUwNjcgMTguMzMzMiAxOS4yODYzQzE3LjQ5MDUgMjAuMDY2IDE2LjQ4NzggMjAuNjgzNCAxNS4zODM3IDIxLjEwNzNDMTQuODYxMSAyMS4zMDYxIDE0LjMyMjQgMjEuNDU3OCAxMy43NzMgMjEuNTYyNUwxNC4wMTgzIDIxLjQzMTdDMTQuMDE4MyAyMS40MzE3IDE2LjE0MTEgMjAuMjE3NyAxNi41NjI1IDE3LjQ5NjhDMTYuNzU5OCAxNS4wNjg5IDE0Ljc0MzcgMTQuMDA2NyAxNC43NDM3IDE0LjAwNjdDMTQuNzQzNyAxNC4wMDY3IDEzLjcxOTcgMTUuMzAzNSAxMi4yNjM2IDE1LjMwMzVDOS45NzU0OSAxNS4zMDM1IDEwLjM5MDYgMTEuNDk2NyAxMC4zOTA2IDExLjQ5NjdDMTAuMzkwNiAxMS40OTY3IDYuOTE5MzUgMTMuMjg0NiA2LjkxOTM1IDE3LjE3NzZDNi45MTkzNSAxOS42MTA4IDkuMzcyOCAyMS40MDU1IDkuMzcyOCAyMS40MDU1VjIxLjQxMDhDOS4wNTI3OSAyMS4zMjcgOC43MzgxMSAyMS4yMjI0IDguNDI4NzYgMjEuMTAyQzcuMzI0NzEgMjAuNjc4MiA2LjMyMTk5IDIwLjA2MDggNS40NzkyOSAxOS4yODExQzQuNjM2NTggMTguNTAxNSAzLjk2NDU1IDE3LjU3NTMgMy41MDU4NyAxNi41NTQ5QzMuMDQ3MTggMTUuNTM0NiAyLjgxMjUgMTQuNDQ2MiAyLjgxMjUgMTMuMzQyMkMyLjgxMjUgOS42MDYxIDcuMTc1MzcgNS45ODUxNyA3LjE3NTM3IDUuOTg1MTdDNy4xNzUzNyA1Ljk4NTE3IDcuNTkxMzkgOC44MjY0NSA5LjcxOTQ4IDguODI2NDVDMTMuNzE5NyA4LjgyNjQ1IDEyLjI2MzYgMi40Mzc1IDEyLjI2MzYgMi40Mzc1QzEyLjI2MzYgMi40Mzc1IDE1LjkwMTEgNC41NjcxNSAxNi45OTQ1IDEwLjI0NDVDMTguOTc5MiA5Ljk4Njg0IDE4LjgxMzIgNy40MDMyIDE4LjgxMzIgNy40MDMyQzE4LjgxMzIgNy40MDMyIDIxIDEwLjI0NDUgMjEgMTMuMzczNSIgZmlsbD0iIzA2OUUwOCIvPgo8L3N2Zz4K"); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-with-crm-icon::before { width: 28px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS41IDkuNUMxNi4wNTIzIDkuNSAxNi41IDkuMDUyMjggMTYuNSA4LjVDMTYuNSA3Ljk0NzcyIDE2LjA1MjMgNy41IDE1LjUgNy41QzE0Ljk0NzcgNy41IDE0LjUgNy45NDc3MiAxNC41IDguNUMxNC41IDkuMDUyMjggMTQuOTQ3NyA5LjUgMTUuNSA5LjVaTTE1LjUgMTFDMTYuODgwNyAxMSAxOCA5Ljg4MDcxIDE4IDguNUMxOCA3LjExOTI5IDE2Ljg4MDcgNiAxNS41IDZDMTQuMTE5MyA2IDEzIDcuMTE5MjkgMTMgOC41QzEzIDkuODgwNzEgMTQuMTE5MyAxMSAxNS41IDExWk0xMy4yNSAxN1YxNUMxMy4yNSAxMy40ODEyIDEyLjAxODggMTIuMjUgMTAuNSAxMi4yNUg2LjVDNC45ODEyMiAxMi4yNSAzLjc1IDEzLjQ4MTIgMy43NSAxNVYxN0g1LjI1VjE1QzUuMjUgMTQuMzA5NiA1LjgwOTY0IDEzLjc1IDYuNSAxMy43NUgxMC41QzExLjE5MDQgMTMuNzUgMTEuNzUgMTQuMzA5NiAxMS43NSAxNVYxN0gxMy4yNVpNMjAuMjUgMTVWMTdIMTguNzVWMTVDMTguNzUgMTQuMzA5NiAxOC4xOTA0IDEzLjc1IDE3LjUgMTMuNzVIMTVWMTIuMjVIMTcuNUMxOS4wMTg4IDEyLjI1IDIwLjI1IDEzLjQ4MTIgMjAuMjUgMTVaTTkuNSA4LjVDOS41IDkuMDUyMjggOS4wNTIyOCA5LjUgOC41IDkuNUM3Ljk0NzcyIDkuNSA3LjUgOS4wNTIyOCA3LjUgOC41QzcuNSA3Ljk0NzcyIDcuOTQ3NzIgNy41IDguNSA3LjVDOS4wNTIyOCA3LjUgOS41IDcuOTQ3NzIgOS41IDguNVpNMTEgOC41QzExIDkuODgwNzEgOS44ODA3MSAxMSA4LjUgMTFDNy4xMTkyOSAxMSA2IDkuODgwNzEgNiA4LjVDNiA3LjExOTI5IDcuMTE5MjkgNiA4LjUgNkM5Ljg4MDcxIDYgMTEgNy4xMTkyOSAxMSA4LjVaIiBmaWxsPSIjMDA4NzEwIi8+Cjwvc3ZnPgo="); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-with-social-icon::before { width: 28px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC40OTk4IDUuNTM4MDlWMjEuMzM3NEw5LjQ5OTc2IDE4LjYxMDFWMjMuNTYyN0g3LjgxMjI2VjE4LjA5ODdMNC43NDY2MSAxNy4xNjk4QzMuNTYwNzMgMTYuODEwNCAyLjc0OTc2IDE1LjcxNzMgMi43NDk3NiAxNC40NzgxVjEyLjM5NzNDMi43NDk3NiAxMS4xNTgyIDMuNTYwNzMgMTAuMDY1MSA0Ljc0NjYxIDkuNzA1NzFMMTguNDk5OCA1LjUzODA5Wk0xNi44MTIzIDE5LjA2MjdMOS40OTk3NiAxNi44NDY4TDkuNDk5NzYgMTAuMDI4NkwxNi44MTIzIDcuODEyNzNWMTkuMDYyN1pNNy44MTIyNiAxMC41NEw3LjgxMjI2IDE2LjMzNTVMNS4yMzYgMTUuNTU0OEM0Ljc2MTY0IDE1LjQxMSA0LjQzNzI2IDE0Ljk3MzggNC40MzcyNiAxNC40NzgxVjEyLjM5NzNDNC40MzcyNiAxMS45MDE3IDQuNzYxNjUgMTEuNDY0NCA1LjIzNiAxMS4zMjA3TDcuODEyMjYgMTAuNTRaTTIwLjc1MDEgMTQuMjgxNUgyNS4yNTAxVjEyLjU5NEgyMC43NTAxVjE0LjI4MTVaTTI1LjI1MDEgMTkuMDYyN0wyMC43NTAxIDE3LjkzNzdWMTYuMjUwMkwyNS4yNTAxIDE3LjM3NTJWMTkuMDYyN1pNMjAuNzUwMSAxMC42MjUyTDI1LjI1MDEgOS41MDAyM1Y3LjgxMjczTDIwLjc1MDEgOC45Mzc3M1YxMC42MjUyWiIgZmlsbD0iIzAwODcxMCIvPgo8L3N2Zz4K"); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-with-stats-icon::before { width: 24px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4yNSA1SDEyLjc1VjIwSDExLjI1VjVaTTYgMTBINy41VjIwSDZWMTBaTTE4IDE0SDE2LjVWMjBIMThWMTRaIiBmaWxsPSIjMDA4NzEwIi8+Cjwvc3ZnPgo="); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-with-newsletter-icon::before { width: 24px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMy43NSIgeT0iNS43NSIgd2lkdGg9IjE2LjUiIGhlaWdodD0iMTIuNSIgcng9IjEuMjUiIHN0cm9rZT0iIzAwODcxMCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTQgOC41TDEyIDE0LjVMMjAgOC41IiBzdHJva2U9IiMwMDg3MTAiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo="); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-with-performance-icon::before { width: 24px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDYuNUwxNyAxMkwxMiAxNy41TTYgNi41TDExIDEyTDYgMTcuNSIgc3Ryb2tlPSIjMDA4NzEwIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4="); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-with-growth-icon::before { width: 24px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjE5NTA1IDE2LjI1NDVDNC40NzM2OCAxNi41NjEgNC45NDgwMiAxNi41ODM2IDUuMjU0NTEgMTYuMzA0OUwxMC4yNTk1IDExLjc1NDlMMTQuMjg0MiAxNS4yNzY1TDE5IDEwLjU2MDdWMTMuNzVIMjAuNVY4SDE0Ljc1VjkuNUgxNy45MzkzTDE0LjIxNTggMTMuMjIzNUwxMC4yNDA1IDkuNzQ1MDdMNC4yNDU1IDE1LjE5NUMzLjkzOTAxIDE1LjQ3MzcgMy45MTY0MiAxNS45NDggNC4xOTUwNSAxNi4yNTQ1WiIgZmlsbD0iIzAwODcxMCIvPgo8L3N2Zz4K"); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-with-videopress-icon::before { width: 24px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMy43NSIgeT0iMy43NSIgd2lkdGg9IjIwLjUiIGhlaWdodD0iMjAuNSIgcng9IjIuMDQzNjUiIHN0cm9rZT0iIzAwODcxMCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTExLjU1NTcgMTcuNjY2OFYxMC4zMzM1TDE3LjY2NjggMTQuMDAwMkwxMS41NTU3IDE3LjY2NjhaIiBmaWxsPSIjMDA4NzEwIi8+Cjwvc3ZnPgo="); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-with-search-icon::before { width: 24px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMThMMTAgMTQuNSIgc3Ryb2tlPSIjMDA4NzEwIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8Y2lyY2xlIGN4PSIxMy41IiBjeT0iMTEuNSIgcj0iNC43NSIgc3Ryb2tlPSIjMDA4NzEwIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4="); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-with-complete-icon::before { width: 24px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01IDUuNUgxOUMxOS4yNzYxIDUuNSAxOS41IDUuNzIzODYgMTkuNSA2VjcuNUMxOS41IDcuNzc2MTQgMTkuMjc2MSA4IDE5IDhIMTguNUg1LjVINUM0LjcyMzg2IDggNC41IDcuNzc2MTQgNC41IDcuNVY2QzQuNSA1LjcyMzg2IDQuNzIzODYgNS41IDUgNS41Wk00IDkuMjMyNDRDMy40MDIyIDguODg2NjMgMyA4LjI0MDI4IDMgNy41VjZDMyA0Ljg5NTQzIDMuODk1NDMgNCA1IDRIMTlDMjAuMTA0NiA0IDIxIDQuODk1NDMgMjEgNlY3LjVDMjEgOC4yNDAyOCAyMC41OTc4IDguODg2NjMgMjAgOS4yMzI0NFY5LjVWMThDMjAgMTkuMTA0NiAxOS4xMDQ2IDIwIDE4IDIwSDZDNC44OTU0MyAyMCA0IDE5LjEwNDYgNCAxOFY5LjVWOS4yMzI0NFpNNS41IDkuNVYxOEM1LjUgMTguMjc2MSA1LjcyMzg2IDE4LjUgNiAxOC41SDE4QzE4LjI3NjEgMTguNSAxOC41IDE4LjI3NjEgMTguNSAxOFY5LjVINS41WiIgZmlsbD0iIzAwODcxMCIvPgo8L3N2Zz4="); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-with-forms-icon::before { width: 24px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDQuNUg2QzQuOSA0LjUgNCA1LjQgNCA2LjVWMTguNUM0IDE5LjYgNC45IDIwLjUgNiAyMC41SDE4QzE5LjEgMjAuNSAyMCAxOS42IDIwIDE4LjVWNi41QzIwIDUuNCAxOS4xIDQuNSAxOCA0LjVaTTE4LjUgMTguNUMxOC41IDE4LjggMTguMyAxOSAxOCAxOUg2QzUuNyAxOSA1LjUgMTguOCA1LjUgMTguNVY2LjVDNS41IDYuMiA1LjcgNiA2IDZIMThDMTguMyA2IDE4LjUgNi4yIDE4LjUgNi41VjE4LjVaTTcgMTdIMTdWMTUuNUg3VjE3Wk0xMCAxM0gxN1YxMS41SDEwVjEzWk05IDExLjVIN1YxM0g5VjExLjVaIiBmaWxsPSIjMDA4NzEwIi8+Cjwvc3ZnPgo="); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-with-creator-icon::before { width: 24px; height: auto; vertical-align: middle; display: inline-block; content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDI0IDI1IiBmaWxsPSJub25lIj4KICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC41KSIgZmlsbD0ibm9uZSIvPgogIDxtYXNrIGlkPSJwYXRoLTEtaW5zaWRlLTFfNDIwNl8xNTkwIiBmaWxsPSJ3aGl0ZSI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE3IDE1LjAxMDRDMTcgMTQuMzkzMSAxNy4yNDY5IDEzLjgwOTIgMTcuNTg3NCAxMy4yOTQzQzE4LjI0NyAxMi4yOTY3IDE4LjYzMSAxMS4xMDEgMTguNjMxIDkuODE1NTJDMTguNjMxIDYuMzI3NTYgMTUuODAzNSAzLjUgMTIuMzE1NSAzLjVDOC44Mjc1NiAzLjUgNiA2LjMyNzU2IDYgOS44MTU1MkM2IDExLjMwMDQgNi41MTI0OCAxMi42NjU3IDcuMzcwMjIgMTMuNzQ0QzcuNzM5NCAxNC4yMDgxIDggMTQuNzYzMiA4IDE1LjM1NjJDOCAxNi41NDAyIDguOTU5OCAxNy41IDEwLjE0MzggMTcuNUgxNC41MTA0QzE1Ljg4NTQgMTcuNSAxNyAxNi4zODU0IDE3IDE1LjAxMDRaIi8+CiAgPC9tYXNrPgogIDxwYXRoIGQ9Ik0xNy41ODc0IDEzLjI5NDNMMTguODM4NiAxNC4xMjE2TDE3LjU4NzQgMTMuMjk0M1pNMTcuMTMxIDkuODE1NTJDMTcuMTMxIDEwLjc5NzggMTYuODM4NSAxMS43MDcyIDE2LjMzNjIgMTIuNDY3TDE4LjgzODYgMTQuMTIxNkMxOS42NTU1IDEyLjg4NjIgMjAuMTMxIDExLjQwNDEgMjAuMTMxIDkuODE1NTJIMTcuMTMxWk0xMi4zMTU1IDVDMTQuOTc1MSA1IDE3LjEzMSA3LjE1NTk4IDE3LjEzMSA5LjgxNTUySDIwLjEzMUMyMC4xMzEgNS40OTkxMyAxNi42MzE5IDIgMTIuMzE1NSAyVjVaTTcuNSA5LjgxNTUyQzcuNSA3LjE1NTk4IDkuNjU1OTggNSAxMi4zMTU1IDVWMkM3Ljk5OTEzIDIgNC41IDUuNDk5MTMgNC41IDkuODE1NTJINy41Wk04LjU0NDEzIDEyLjgxMDJDNy44ODk5MyAxMS45ODc4IDcuNSAxMC45NDkzIDcuNSA5LjgxNTUySDQuNUM0LjUgMTEuNjUxNiA1LjEzNTAzIDEzLjM0MzYgNi4xOTYzMSAxNC42Nzc4TDguNTQ0MTMgMTIuODEwMlpNMTQuNTEwNCAxNkgxMC4xNDM4VjE5SDE0LjUxMDRWMTZaTTYuNSAxNS4zNTYyQzYuNSAxNy4zNjg2IDguMTMxMzggMTkgMTAuMTQzOCAxOVYxNkM5Ljc4ODIzIDE2IDkuNSAxNS43MTE4IDkuNSAxNS4zNTYySDYuNVpNNi4xOTYzMSAxNC42Nzc4QzYuNDMwNzcgMTQuOTcyNSA2LjUgMTUuMjA3NSA2LjUgMTUuMzU2Mkg5LjVDOS41IDE0LjMxODggOS4wNDgwMyAxMy40NDM3IDguNTQ0MTMgMTIuODEwMkw2LjE5NjMxIDE0LjY3NzhaTTE0LjUxMDQgMTlDMTYuNzEzOCAxOSAxOC41IDE3LjIxMzggMTguNSAxNS4wMTA0SDE1LjVDMTUuNSAxNS41NTcgMTUuMDU3IDE2IDE0LjUxMDQgMTZWMTlaTTE2LjMzNjIgMTIuNDY3QzE1LjkwMzggMTMuMTIxIDE1LjUgMTMuOTkzMSAxNS41IDE1LjAxMDRIMTguNUMxOC41IDE0Ljc5MzEgMTguNTkwMSAxNC40OTc1IDE4LjgzODYgMTQuMTIxNkwxNi4zMzYyIDEyLjQ2N1oiIGZpbGw9IiMwMDg3MTAiIG1hc2s9InVybCgjcGF0aC0xLWluc2lkZS0xXzQyMDZfMTU5MCkiLz4KICA8bGluZSB4MT0iOSIgeTE9IjE4Ljc1IiB4Mj0iMTYiIHkyPSIxOC43NSIgc3Ryb2tlPSIjMDA4NzEwIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogIDxsaW5lIHgxPSIxMSIgeTE9IjIwLjc1IiB4Mj0iMTQiIHkyPSIyMC43NSIgc3Ryb2tlPSIjMDA4NzEwIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K"); margin-right: 12px; } .wp-block-paragraph.is-style-jetpack-quote { position: relative } .wp-block-paragraph.is-style-jetpack-quote::before { content: open-quote; position: absolute; top: 4px; left: -3.5rem; padding: 3px; font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif; font-size: 5rem; color: #069e08; } .is-style-jetpack-checklist { padding-left: 0; margin-bottom: 24px; } .is-style-jetpack-checklist li {margin: .5rem 0;background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iZ3JpZGljb24gZ3JpZGljb25zLWNoZWNrbWFyayIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsIDIpIj48cGF0aCBmaWxsPSIjMDA4NzEwIiBkPSJNOSAxOS40MTRsLTYuNzA3LTYuNzA3IDEuNDE0LTEuNDE0TDkgMTYuNTg2IDIwLjI5MyA1LjI5M2wxLjQxNCAxLjQxNCI+PC9wYXRoPjwvZz48L3N2Zz4=) no-repeat 0px 0px;list-style: none;padding: 0px 0px 0px 36px; </style> <style id='wp-parsely-recommendations-style-inline-css'> .parsely-recommendations-list-title{font-size:1.2em}.parsely-recommendations-list{list-style:none;padding:unset}.parsely-recommendations-cardbody{overflow:hidden;padding:.8em;text-overflow:ellipsis;white-space:nowrap}.parsely-recommendations-cardmedia{padding:.8em .8em 0} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-4-1' href='https://s1.wp.com/_static/??-eJyVzDEOgCAMQNELiQU1Jg7Gs2AlDYpAaInx9ro5O/7hfbiywhTFRYEcKvnIQPXN1RVSa0h4MOxOssVDBXunKoqK34DlDq5F5gb+LIoVH4k/vpyzGYe+03oyw/4AcmU1KQ==&cssminify=yes' type='text/css' media='all' /> <style id='activitypub-followers-style-inline-css'> .activitypub-follower-block.is-style-compact .activitypub-handle,.activitypub-follower-block.is-style-compact .sep{display:none}.activitypub-follower-block.is-style-with-lines ul li{border-bottom:.5px solid;margin-bottom:.5rem;padding-bottom:.5rem}.activitypub-follower-block.is-style-with-lines ul li:last-child{border-bottom:none}.activitypub-follower-block.is-style-with-lines .activitypub-handle,.activitypub-follower-block.is-style-with-lines .activitypub-name{text-decoration:none}.activitypub-follower-block.is-style-with-lines .activitypub-handle:hover,.activitypub-follower-block.is-style-with-lines .activitypub-name:hover{text-decoration:underline}.activitypub-follower-block ul{margin:0!important;padding:0!important}.activitypub-follower-block li{display:flex;margin-bottom:1rem}.activitypub-follower-block img{border-radius:50%;height:40px;margin-right:var(--wp--preset--spacing--20,.5rem);width:40px}.activitypub-follower-block .activitypub-link{align-items:center;color:inherit!important;display:flex;flex-flow:row nowrap;max-width:100%;text-decoration:none!important}.activitypub-follower-block .activitypub-handle,.activitypub-follower-block .activitypub-name{text-decoration:underline;text-decoration-thickness:.8px;text-underline-position:under}.activitypub-follower-block .activitypub-handle:hover,.activitypub-follower-block .activitypub-name:hover{text-decoration:none}.activitypub-follower-block .activitypub-name{font-size:var(--wp--preset--font-size--normal,16px)}.activitypub-follower-block .activitypub-actor{font-size:var(--wp--preset--font-size--small,13px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activitypub-follower-block .sep{padding:0 .2rem}.activitypub-follower-block .wp-block-query-pagination{margin-top:1.5rem}.activitypub-follower-block .activitypub-pager{cursor:default}.activitypub-follower-block .activitypub-pager.current{opacity:.33}.activitypub-follower-block .page-numbers{padding:0 .2rem}.activitypub-follower-block .page-numbers.current{font-weight:700;opacity:1} </style> <style id='activitypub-follow-me-style-inline-css'> .activitypub__modal.components-modal__frame{background-color:#f7f7f7;color:#333}.activitypub__modal.components-modal__frame .components-modal__header-heading,.activitypub__modal.components-modal__frame h4{color:#333;letter-spacing:inherit;word-spacing:inherit}.activitypub__modal.components-modal__frame .components-modal__header .components-button:hover{color:var(--color-white)}.activitypub__dialog{max-width:40em}.activitypub__dialog h4{line-height:1;margin:0}.activitypub__dialog .activitypub-dialog__section{margin-bottom:2em}.activitypub__dialog .activitypub-dialog__remember{margin-top:1em}.activitypub__dialog .activitypub-dialog__description{font-size:var(--wp--preset--font-size--normal,.75rem);margin:.33em 0 1em}.activitypub__dialog .activitypub-dialog__button-group{align-items:flex-end;display:flex;justify-content:flex-end}.activitypub__dialog .activitypub-dialog__button-group svg{height:21px;margin-right:.5em;width:21px}.activitypub__dialog .activitypub-dialog__button-group input{background-color:var(--wp--preset--color--white);border-radius:50px 0 0 50px;border-width:1px;border:1px solid var(--wp--preset--color--black);color:var(--wp--preset--color--black);flex:1;font-size:16px;height:inherit;line-height:1;margin-right:0;padding:15px 23px}.activitypub__dialog .activitypub-dialog__button-group button{align-self:center;background-color:var(--wp--preset--color--black);border-radius:0 50px 50px 0;border-width:1px;color:var(--wp--preset--color--white);font-size:16px;height:inherit;line-height:1;margin-left:0;padding:15px 23px;text-decoration:none}.activitypub__dialog .activitypub-dialog__button-group button:hover{border:inherit}.activitypub-follow-me-block-wrapper{width:100%}.activitypub-follow-me-block-wrapper.has-background .activitypub-profile,.activitypub-follow-me-block-wrapper.has-border-color .activitypub-profile{padding-left:1rem;padding-right:1rem}.activitypub-follow-me-block-wrapper .activitypub-profile{align-items:center;display:flex;padding:1rem 0}.activitypub-follow-me-block-wrapper .activitypub-profile .activitypub-profile__avatar{border-radius:50%;height:75px;margin-right:1rem;width:75px}.activitypub-follow-me-block-wrapper .activitypub-profile .activitypub-profile__content{flex:1;min-width:0}.activitypub-follow-me-block-wrapper .activitypub-profile .activitypub-profile__handle,.activitypub-follow-me-block-wrapper .activitypub-profile .activitypub-profile__name{line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activitypub-follow-me-block-wrapper .activitypub-profile .activitypub-profile__name{font-size:1.25em}.activitypub-follow-me-block-wrapper .activitypub-profile .activitypub-profile__follow{align-self:center;background-color:var(--wp--preset--color--black);color:var(--wp--preset--color--white);margin-left:1rem} </style> <style id='activitypub-reactions-style-inline-css'> .activitypub-reactions h6{border-top:1px solid;border-top-color:var(--wp--preset--color--contrast-2);display:inline-block;padding-top:.5em}.activitypub-reactions .reaction-group{align-items:center;display:flex;gap:.75em;justify-content:flex-start;margin:.5em 0;position:relative;width:100%}@media(max-width:782px){.activitypub-reactions .reaction-group:has(.reaction-avatars:not(:empty)){justify-content:space-between}}.activitypub-reactions .reaction-avatars{align-items:center;display:flex;flex-direction:row;list-style:none;margin:0;padding:0}.activitypub-reactions .reaction-avatars li{margin:0 -10px 0 0;padding:0}.activitypub-reactions .reaction-avatars li:last-child{margin-right:0}.activitypub-reactions .reaction-avatars li a{display:block;text-decoration:none}.activitypub-reactions .reaction-avatars .reaction-avatar{border:.5px solid var(--wp--preset--color--contrast,hsla(0,0%,100%,.8));border-radius:50%;box-shadow:0 0 0 .5px hsla(0,0%,100%,.8),0 1px 3px rgba(0,0,0,.2);height:32px;transition:transform .6s cubic-bezier(.34,1.56,.64,1);width:32px;will-change:transform}.activitypub-reactions .reaction-avatars .reaction-avatar.wave-active{transform:translateY(-5px)}.activitypub-reactions .reaction-avatars .reaction-avatar.wave-active.rotate-clockwise{transform:translateY(-5px) rotate(30deg)}.activitypub-reactions .reaction-avatars .reaction-avatar.wave-active.rotate-counter{transform:translateY(-5px) rotate(-30deg)}.activitypub-reactions .reaction-avatars .reaction-avatar:hover{position:relative;z-index:1}.activitypub-reactions .reaction-label.components-button{color:var(--wp--preset--color--contrast,--wp--preset--color--secondary,#2271b1);flex:0 0 auto;height:auto;padding:0;text-decoration:none;white-space:nowrap}.activitypub-reactions .reaction-label.components-button:hover{color:var(--wp--preset--color--contrast,--wp--preset--color--secondary,#135e96);text-decoration:underline}.activitypub-reactions .reaction-label.components-button:focus:not(:disabled){box-shadow:none;outline:1px solid var(--wp--preset--color--contrast,#135e96);outline-offset:2px}.activitypub-reaction-list{background-color:var(--wp--preset--color--background,var(--wp--preset--color--custom-background,var(--wp--preset--color--base)));list-style:none;margin:0;max-width:300px;padding:.25em 1.3em .25em .7em;width:-moz-max-content;width:max-content}.activitypub-reaction-list ul{margin:0;padding:0}.activitypub-reaction-list li{font-size:var(--wp--preset--font-size--small);margin:0;padding:0}.activitypub-reaction-list a{align-items:center;color:var(--wp--preset--color--contrast,var(--wp--preset--color--secondary));display:flex;font-size:var(--wp--preset--font-size--small,.75rem);gap:.5em;justify-content:flex-start;padding:.5em;text-decoration:none}.activitypub-reaction-list a:hover{text-decoration:underline}.activitypub-reaction-list a img{border-radius:50%;flex:none;height:24px;width:24px} </style> <style id='jetpackme-new-hero-visual-style-inline-css'> .wp-block-jetpackme-new-hero-visual .home-hero-visual{margin-top:0}.wp-block-jetpackme-new-hero-visual .product-hero-visual__content img.product-hero-visual__img{max-width:unset;width:unset} </style> <style id='jetpackme-new-carousel-style-inline-css'> .wp-block-jetpackme-new-carousel{overflow:hidden;position:relative}.wp-block-jetpackme-new-carousel .jetpackme-new-swiper-slide{flex-shrink:0}.wp-block-jetpackme-new-carousel .jetpackme-new-swiper-controls{list-style:none;margin:0;padding:0}.wp-block-jetpackme-new-carousel .jetpackme-new-swiper-controls button{background:none;border:none;cursor:pointer}.wp-block-jetpackme-new-carousel .jetpackme-new-swiper-controls .swiper-button-disabled{display:none}.wp-block-jetpackme-new-carousel .jetpackme-new-swiper-controls .next-slide-icon,.wp-block-jetpackme-new-carousel .jetpackme-new-swiper-controls .prev-slide-icon{background-repeat:no-repeat;cursor:pointer;display:block;height:24px;width:13px}.wp-block-jetpackme-new-carousel .jetpackme-new-swiper-controls .jetpackme-new-swiper-prev{left:1rem}.wp-block-jetpackme-new-carousel .jetpackme-new-swiper-controls .jetpackme-new-swiper-prev .prev-slide-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMkMzMzM4IiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEyIDIzIDIgMTIgMTIgMSIvPjwvc3ZnPg==)}.wp-block-jetpackme-new-carousel .jetpackme-new-swiper-controls .jetpackme-new-swiper-next{right:1rem}.wp-block-jetpackme-new-carousel .jetpackme-new-swiper-controls .jetpackme-new-swiper-next .next-slide-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMkMzMzM4IiBzdHJva2Utd2lkdGg9IjEuNSIgZD0ibTEgMjMgMTAtMTFMMSAxIi8+PC9zdmc+)}.wp-block-jetpackme-new-carousel .jetpackme-new-swiper-controls .jetpackme-new-swiper-next,.wp-block-jetpackme-new-carousel .jetpackme-new-swiper-controls .jetpackme-new-swiper-prev{position:absolute;top:50%} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-18-1' href='https://s2.wp.com/_static/??-eJzTLy/QzcxLzilNSS3WzyrWz01NyUxMzUnNTc0rQeEU5CRWphbp5qSmJyZX6uVm5uklFxfr6OPTDpRD5sM02efaGpoZmFkYGRuZGmQBAHPvL0Y=&cssminify=yes' type='text/css' media='all' /> <style id='jetpack-sharing-buttons-style-inline-css'> .jetpack-sharing-buttons__services-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style-type:none;margin:5px;padding:0}.jetpack-sharing-buttons__services-list.has-small-icon-size{font-size:12px}.jetpack-sharing-buttons__services-list.has-normal-icon-size{font-size:16px}.jetpack-sharing-buttons__services-list.has-large-icon-size{font-size:24px}.jetpack-sharing-buttons__services-list.has-huge-icon-size{font-size:36px}@media print{.jetpack-sharing-buttons__services-list{display:none!important}}.editor-styles-wrapper .wp-block-jetpack-sharing-buttons{gap:0;padding-inline-start:0}ul.jetpack-sharing-buttons__services-list.has-background{padding:1.25em 2.375em} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-20-1' href='https://s0.wp.com/_static/??-eJx9jUsOwjAMRC+EY6UgCAvEWZrEKoG4jWq3hduTLvisurFG1nszuBQIQ6/UK5Y8dakXDIPPQ3gINsY6Y0ESl0ww0mwOGJPolwDRVyYTRHb4V8QT/LpGqn8ura4EU0wtZeKKbWlLih1p1eWTQem5rZQ6A96XkUSgXk4Tg97qlqzelS/26KzbN835dH8DjlpbIA==&cssminify=yes' type='text/css' media='all' /> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--jetpack-green-30: #2fb41f;--wp--preset--color--jetpack-green-40: #069e08;--wp--preset--color--jetpack-green-50: #008710;--wp--preset--color--jetpack-green-60: #007117;--wp--preset--color--gray-0: #f6f7f7;--wp--preset--color--gray-70: #3c434a;--wp--preset--color--gray-40: #787c82;--wp--preset--color--blue-0: #e9eff5;--wp--preset--color--blue-50: #2271b1;--wp--preset--color--green-0: #f0f2eb;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 15px;--wp--preset--font-size--medium: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.469), 20px);--wp--preset--font-size--large: 24px;--wp--preset--font-size--x-large: clamp(25.014px, 1.563rem + ((1vw - 3.2px) * 1.327), 42px);--wp--preset--font-size--normal: 18px;--wp--preset--font-size--huge: clamp(28px, 1.75rem + ((1vw - 3.2px) * 1.563), 48px);--wp--preset--font-size--xxl: clamp(68px, 4.25rem + ((1vw - 3.2px) * 1.25), 84px);--wp--preset--font-family--albert-sans: 'Albert Sans', sans-serif;--wp--preset--font-family--alegreya: Alegreya, serif;--wp--preset--font-family--arvo: Arvo, serif;--wp--preset--font-family--bodoni-moda: 'Bodoni Moda', serif;--wp--preset--font-family--bricolage-grotesque: 'Bricolage Grotesque', sans-serif;--wp--preset--font-family--cabin: Cabin, sans-serif;--wp--preset--font-family--chivo: Chivo, sans-serif;--wp--preset--font-family--commissioner: Commissioner, sans-serif;--wp--preset--font-family--cormorant: Cormorant, serif;--wp--preset--font-family--courier-prime: 'Courier Prime', monospace;--wp--preset--font-family--crimson-pro: 'Crimson Pro', serif;--wp--preset--font-family--dm-mono: 'DM Mono', monospace;--wp--preset--font-family--dm-sans: 'DM Sans', sans-serif;--wp--preset--font-family--dm-serif-display: 'DM Serif Display', serif;--wp--preset--font-family--domine: Domine, serif;--wp--preset--font-family--eb-garamond: 'EB Garamond', serif;--wp--preset--font-family--epilogue: Epilogue, sans-serif;--wp--preset--font-family--fahkwang: Fahkwang, sans-serif;--wp--preset--font-family--figtree: Figtree, sans-serif;--wp--preset--font-family--fira-sans: 'Fira Sans', sans-serif;--wp--preset--font-family--fjalla-one: 'Fjalla One', sans-serif;--wp--preset--font-family--fraunces: Fraunces, serif;--wp--preset--font-family--gabarito: Gabarito, system-ui;--wp--preset--font-family--ibm-plex-mono: 'IBM Plex Mono', monospace;--wp--preset--font-family--ibm-plex-sans: 'IBM Plex Sans', sans-serif;--wp--preset--font-family--ibarra-real-nova: 'Ibarra Real Nova', serif;--wp--preset--font-family--instrument-serif: 'Instrument Serif', serif;--wp--preset--font-family--inter: Inter, sans-serif;--wp--preset--font-family--josefin-sans: 'Josefin Sans', sans-serif;--wp--preset--font-family--jost: Jost, sans-serif;--wp--preset--font-family--libre-baskerville: 'Libre Baskerville', serif;--wp--preset--font-family--libre-franklin: 'Libre Franklin', sans-serif;--wp--preset--font-family--literata: Literata, serif;--wp--preset--font-family--lora: Lora, serif;--wp--preset--font-family--merriweather: Merriweather, serif;--wp--preset--font-family--montserrat: Montserrat, sans-serif;--wp--preset--font-family--newsreader: Newsreader, serif;--wp--preset--font-family--noto-sans-mono: 'Noto Sans Mono', sans-serif;--wp--preset--font-family--nunito: Nunito, sans-serif;--wp--preset--font-family--open-sans: 'Open Sans', sans-serif;--wp--preset--font-family--overpass: Overpass, sans-serif;--wp--preset--font-family--pt-serif: 'PT Serif', serif;--wp--preset--font-family--petrona: Petrona, serif;--wp--preset--font-family--piazzolla: Piazzolla, serif;--wp--preset--font-family--playfair-display: 'Playfair Display', serif;--wp--preset--font-family--plus-jakarta-sans: 'Plus Jakarta Sans', sans-serif;--wp--preset--font-family--poppins: Poppins, sans-serif;--wp--preset--font-family--raleway: Raleway, sans-serif;--wp--preset--font-family--roboto: Roboto, sans-serif;--wp--preset--font-family--roboto-slab: 'Roboto Slab', serif;--wp--preset--font-family--rubik: Rubik, sans-serif;--wp--preset--font-family--rufina: Rufina, serif;--wp--preset--font-family--sora: Sora, sans-serif;--wp--preset--font-family--source-sans-3: 'Source Sans 3', sans-serif;--wp--preset--font-family--source-serif-4: 'Source Serif 4', serif;--wp--preset--font-family--space-mono: 'Space Mono', monospace;--wp--preset--font-family--syne: Syne, sans-serif;--wp--preset--font-family--texturina: Texturina, serif;--wp--preset--font-family--urbanist: Urbanist, sans-serif;--wp--preset--font-family--work-sans: 'Work Sans', sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:root { --wp--style--global--content-size: 1200px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-jetpack-green-30-color{color: var(--wp--preset--color--jetpack-green-30) !important;}.has-jetpack-green-40-color{color: var(--wp--preset--color--jetpack-green-40) !important;}.has-jetpack-green-50-color{color: var(--wp--preset--color--jetpack-green-50) !important;}.has-jetpack-green-60-color{color: var(--wp--preset--color--jetpack-green-60) !important;}.has-gray-0-color{color: var(--wp--preset--color--gray-0) !important;}.has-gray-70-color{color: var(--wp--preset--color--gray-70) !important;}.has-gray-40-color{color: var(--wp--preset--color--gray-40) !important;}.has-blue-0-color{color: var(--wp--preset--color--blue-0) !important;}.has-blue-50-color{color: var(--wp--preset--color--blue-50) !important;}.has-green-0-color{color: var(--wp--preset--color--green-0) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-jetpack-green-30-background-color{background-color: var(--wp--preset--color--jetpack-green-30) !important;}.has-jetpack-green-40-background-color{background-color: var(--wp--preset--color--jetpack-green-40) !important;}.has-jetpack-green-50-background-color{background-color: var(--wp--preset--color--jetpack-green-50) !important;}.has-jetpack-green-60-background-color{background-color: var(--wp--preset--color--jetpack-green-60) !important;}.has-gray-0-background-color{background-color: var(--wp--preset--color--gray-0) !important;}.has-gray-70-background-color{background-color: var(--wp--preset--color--gray-70) !important;}.has-gray-40-background-color{background-color: var(--wp--preset--color--gray-40) !important;}.has-blue-0-background-color{background-color: var(--wp--preset--color--blue-0) !important;}.has-blue-50-background-color{background-color: var(--wp--preset--color--blue-50) !important;}.has-green-0-background-color{background-color: var(--wp--preset--color--green-0) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-jetpack-green-30-border-color{border-color: var(--wp--preset--color--jetpack-green-30) !important;}.has-jetpack-green-40-border-color{border-color: var(--wp--preset--color--jetpack-green-40) !important;}.has-jetpack-green-50-border-color{border-color: var(--wp--preset--color--jetpack-green-50) !important;}.has-jetpack-green-60-border-color{border-color: var(--wp--preset--color--jetpack-green-60) !important;}.has-gray-0-border-color{border-color: var(--wp--preset--color--gray-0) !important;}.has-gray-70-border-color{border-color: var(--wp--preset--color--gray-70) !important;}.has-gray-40-border-color{border-color: var(--wp--preset--color--gray-40) !important;}.has-blue-0-border-color{border-color: var(--wp--preset--color--blue-0) !important;}.has-blue-50-border-color{border-color: var(--wp--preset--color--blue-50) !important;}.has-green-0-border-color{border-color: var(--wp--preset--color--green-0) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-normal-font-size{font-size: var(--wp--preset--font-size--normal) !important;}.has-huge-font-size{font-size: var(--wp--preset--font-size--huge) !important;}.has-xxl-font-size{font-size: var(--wp--preset--font-size--xxl) !important;}.has-albert-sans-font-family{font-family: var(--wp--preset--font-family--albert-sans) !important;}.has-alegreya-font-family{font-family: var(--wp--preset--font-family--alegreya) !important;}.has-arvo-font-family{font-family: var(--wp--preset--font-family--arvo) !important;}.has-bodoni-moda-font-family{font-family: var(--wp--preset--font-family--bodoni-moda) !important;}.has-bricolage-grotesque-font-family{font-family: var(--wp--preset--font-family--bricolage-grotesque) !important;}.has-cabin-font-family{font-family: var(--wp--preset--font-family--cabin) !important;}.has-chivo-font-family{font-family: var(--wp--preset--font-family--chivo) !important;}.has-commissioner-font-family{font-family: var(--wp--preset--font-family--commissioner) !important;}.has-cormorant-font-family{font-family: var(--wp--preset--font-family--cormorant) !important;}.has-courier-prime-font-family{font-family: var(--wp--preset--font-family--courier-prime) !important;}.has-crimson-pro-font-family{font-family: var(--wp--preset--font-family--crimson-pro) !important;}.has-dm-mono-font-family{font-family: var(--wp--preset--font-family--dm-mono) !important;}.has-dm-sans-font-family{font-family: var(--wp--preset--font-family--dm-sans) !important;}.has-dm-serif-display-font-family{font-family: var(--wp--preset--font-family--dm-serif-display) !important;}.has-domine-font-family{font-family: var(--wp--preset--font-family--domine) !important;}.has-eb-garamond-font-family{font-family: var(--wp--preset--font-family--eb-garamond) !important;}.has-epilogue-font-family{font-family: var(--wp--preset--font-family--epilogue) !important;}.has-fahkwang-font-family{font-family: var(--wp--preset--font-family--fahkwang) !important;}.has-figtree-font-family{font-family: var(--wp--preset--font-family--figtree) !important;}.has-fira-sans-font-family{font-family: var(--wp--preset--font-family--fira-sans) !important;}.has-fjalla-one-font-family{font-family: var(--wp--preset--font-family--fjalla-one) !important;}.has-fraunces-font-family{font-family: var(--wp--preset--font-family--fraunces) !important;}.has-gabarito-font-family{font-family: var(--wp--preset--font-family--gabarito) !important;}.has-ibm-plex-mono-font-family{font-family: var(--wp--preset--font-family--ibm-plex-mono) !important;}.has-ibm-plex-sans-font-family{font-family: var(--wp--preset--font-family--ibm-plex-sans) !important;}.has-ibarra-real-nova-font-family{font-family: var(--wp--preset--font-family--ibarra-real-nova) !important;}.has-instrument-serif-font-family{font-family: var(--wp--preset--font-family--instrument-serif) !important;}.has-inter-font-family{font-family: var(--wp--preset--font-family--inter) !important;}.has-josefin-sans-font-family{font-family: var(--wp--preset--font-family--josefin-sans) !important;}.has-jost-font-family{font-family: var(--wp--preset--font-family--jost) !important;}.has-libre-baskerville-font-family{font-family: var(--wp--preset--font-family--libre-baskerville) !important;}.has-libre-franklin-font-family{font-family: var(--wp--preset--font-family--libre-franklin) !important;}.has-literata-font-family{font-family: var(--wp--preset--font-family--literata) !important;}.has-lora-font-family{font-family: var(--wp--preset--font-family--lora) !important;}.has-merriweather-font-family{font-family: var(--wp--preset--font-family--merriweather) !important;}.has-montserrat-font-family{font-family: var(--wp--preset--font-family--montserrat) !important;}.has-newsreader-font-family{font-family: var(--wp--preset--font-family--newsreader) !important;}.has-noto-sans-mono-font-family{font-family: var(--wp--preset--font-family--noto-sans-mono) !important;}.has-nunito-font-family{font-family: var(--wp--preset--font-family--nunito) !important;}.has-open-sans-font-family{font-family: var(--wp--preset--font-family--open-sans) !important;}.has-overpass-font-family{font-family: var(--wp--preset--font-family--overpass) !important;}.has-pt-serif-font-family{font-family: var(--wp--preset--font-family--pt-serif) !important;}.has-petrona-font-family{font-family: var(--wp--preset--font-family--petrona) !important;}.has-piazzolla-font-family{font-family: var(--wp--preset--font-family--piazzolla) !important;}.has-playfair-display-font-family{font-family: var(--wp--preset--font-family--playfair-display) !important;}.has-plus-jakarta-sans-font-family{font-family: var(--wp--preset--font-family--plus-jakarta-sans) !important;}.has-poppins-font-family{font-family: var(--wp--preset--font-family--poppins) !important;}.has-raleway-font-family{font-family: var(--wp--preset--font-family--raleway) !important;}.has-roboto-font-family{font-family: var(--wp--preset--font-family--roboto) !important;}.has-roboto-slab-font-family{font-family: var(--wp--preset--font-family--roboto-slab) !important;}.has-rubik-font-family{font-family: var(--wp--preset--font-family--rubik) !important;}.has-rufina-font-family{font-family: var(--wp--preset--font-family--rufina) !important;}.has-sora-font-family{font-family: var(--wp--preset--font-family--sora) !important;}.has-source-sans-3-font-family{font-family: var(--wp--preset--font-family--source-sans-3) !important;}.has-source-serif-4-font-family{font-family: var(--wp--preset--font-family--source-serif-4) !important;}.has-space-mono-font-family{font-family: var(--wp--preset--font-family--space-mono) !important;}.has-syne-font-family{font-family: var(--wp--preset--font-family--syne) !important;}.has-texturina-font-family{font-family: var(--wp--preset--font-family--texturina) !important;}.has-urbanist-font-family{font-family: var(--wp--preset--font-family--urbanist) !important;}.has-work-sans-font-family{font-family: var(--wp--preset--font-family--work-sans) !important;} :root :where(.wp-block-pullquote){font-size: clamp(0.984em, 0.984rem + ((1vw - 0.2em) * 0.645), 1.5em);line-height: 1.6;} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-22-1' href='https://s1.wp.com/_static/??/wp-content/mu-plugins/comment-likes/css/comment-likes.css,/i/noticons/noticons.css?m=1436783281j&cssminify=yes' type='text/css' media='all' /> <style id='akismet-widget-style-inline-css'> .a-stats { --akismet-color-mid-green: #357b49; --akismet-color-white: #fff; --akismet-color-light-grey: #f6f7f7; max-width: 350px; width: auto; } .a-stats * { all: unset; box-sizing: border-box; } .a-stats strong { font-weight: 600; } .a-stats a.a-stats__link, .a-stats a.a-stats__link:visited, .a-stats a.a-stats__link:active { background: var(--akismet-color-mid-green); border: none; box-shadow: none; border-radius: 8px; color: var(--akismet-color-white); cursor: pointer; display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; font-weight: 500; padding: 12px; text-align: center; text-decoration: none; transition: all 0.2s ease; } /* Extra specificity to deal with TwentyTwentyOne focus style */ .widget .a-stats a.a-stats__link:focus { background: var(--akismet-color-mid-green); color: var(--akismet-color-white); text-decoration: none; } .a-stats a.a-stats__link:hover { filter: brightness(110%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16); } .a-stats .count { color: var(--akismet-color-white); display: block; font-size: 1.5em; line-height: 1.4; padding: 0 13px; white-space: nowrap; } </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-24-1' href='https://s1.wp.com/_static/??-eJxtjEsOwjAQQy/EMCAQpQvEWdJg0pR8qsxUEbenXVQClZ2f9WyuI9mcFEk5TjSGyfkkXNCF7Obo2Mo37mfc8f+RQ6aQrVGf0w/QMxhfNlPtESFsrpYH6GjsK4ISKou+AzZ68B0vjwHkJoigkFSvtkfhNVD1DwddvbVevu7xdmxO7flyPDTt8AGh5VxK&cssminify=yes' type='text/css' media='all' /> <style id='jetpack-global-styles-frontend-style-inline-css'> :root { --font-headings: unset; --font-base: unset; --font-headings-default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; --font-base-default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-26-1' href='https://s2.wp.com/_static/??-eJyNjcEKwjAQRH/IuA1aehI/ReImJKmb3eAmFP9eW3oRL16GeTC8gaUaFG6BG5RuKvWYWWEOrTp87AxFZA3fKShocs/gnfevrWaOR1Q9wP+mW2YEFcyODEkU/YIfW0uhfH7TGSLJ3dE6uJaLneww2mkYT/MbUOlJHA==&cssminify=yes' type='text/css' media='all' /> <script type="text/javascript" id="jetpack_related-posts-js-extra"> /* <![CDATA[ */ var related_posts_js_options = {"post_heading":"h4"}; /* ]]> */ </script> <script type="text/javascript" id="jetpack-mu-wpcom-settings-js-before"> /* <![CDATA[ */ var JETPACK_MU_WPCOM_SETTINGS = {"assetsUrl":"https:\/\/s1.wp.com\/wp-content\/mu-plugins\/jetpack-mu-wpcom-plugin\/moon\/jetpack_vendor\/automattic\/jetpack-mu-wpcom\/src\/build\/"}; /* ]]> */ </script> <script crossorigin='anonymous' type='text/javascript' src='https://s0.wp.com/_static/??-eJxVjNEKwjAMAH/ILsyBwwfxU2S2UVLTpLSpur93gwn6eNxx8MrOqxiKQWouc7uTVIhoefKPjSGpClxIPFwbcYCCPBkGl7Va/acukXSx7uBnHJeGzeWi7/nrlhm3gHWVgarBEyVoWVVWnm/EvK3O6dSPwzAe9sd+iB9Fg0EP'></script> <script type="text/javascript" id="rlt-proxy-js-after"> /* <![CDATA[ */ rltInitialize( {"token":null,"iframeOrigins":["https:\/\/widgets.wp.com"]} ); /* ]]> */ </script> <script type="text/javascript" crossorigin='anonymous' src="https://s0.wp.com/wp-content/plugins/gutenberg-core/v20.0.1/build/hooks/index.min.js?m=1738846131i&ver=84e753e2b66eb7028d38" id="wp-hooks-js"></script> <script type="text/javascript" crossorigin='anonymous' src="https://s0.wp.com/wp-content/plugins/gutenberg-core/v20.0.1/build/i18n/index.min.js?m=1738846131i&ver=bd5a2533e717a1043151" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" id="wpcom-actionbar-placeholder-js-extra"> /* <![CDATA[ */ var actionbardata = {"siteID":"20115252","postID":"227321","siteURL":"http:\/\/jetpack.com","xhrURL":"https:\/\/jetpack.com\/wp-admin\/admin-ajax.php","nonce":"6f3859ce98","isLoggedIn":"","statusMessage":"","subsEmailDefault":"instantly","proxyScriptUrl":"https:\/\/s0.wp.com\/wp-content\/js\/wpcom-proxy-request.js?ver=20211021","shortlink":"https:\/\/wp.me\/p1moTy-X8t","i18n":{"followedText":"New posts from this site will now appear in your <a href=\"https:\/\/wordpress.com\/reader\">Reader<\/a>","foldBar":"Collapse this bar","unfoldBar":"Expand this bar","shortLinkCopied":"Shortlink copied to clipboard."}}; /* ]]> */ </script> <script crossorigin='anonymous' type='text/javascript' src='https://s2.wp.com/_static/??-eJyVjMsOQDAQRX9IDSEeC/Et1GBanTbapD5fba1I7urknAvRCWk5IAcIOxr0MHUSFAY3SW1QMEZQPi1pVhPmymfwNXJvO8GVLhFpsdHnhvjP3VMexBrPP9V82C35oxnKturrpizaXt3sk1kN'></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://jetpackme.wordpress.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress.com" /> <link rel='shortlink' href='https://wp.me/p1moTy-X8t' /> <style> @font-face { font-family: Recoleta; font-display: swap; src: url('https://s1.wp.com/i/fonts/recoleta/400.woff2') } </style> <link rel="alternate" type="application/json+oembed" href="https://public-api.wordpress.com/oembed/?format=json&url=https%3A%2F%2Fjetpack.com%2Fresources%2Fwordpress-block-themes%2F&for=wpcom-auto-discovery" /><link rel="alternate" type="application/xml+oembed" href="https://public-api.wordpress.com/oembed/?format=xml&url=https%3A%2F%2Fjetpack.com%2Fresources%2Fwordpress-block-themes%2F&for=wpcom-auto-discovery" />  <meta property="og:type" content="article" /> <meta property="og:title" content="WordPress Block Themes: Development Tutorial for Beginners " /> <meta property="og:url" content="https://jetpack.com/resources/wordpress-block-themes/" /> <meta property="og:description" content="What are block themes? Can you edit your entire WordPress site? What are the limits? 5 examples & step-by-step instructions for WordPress block themes." /> <meta property="article:published_time" content="2023-11-16T14:00:00+00:00" /> <meta property="article:modified_time" content="2025-01-31T12:19:57+00:00" /> <meta property="og:site_name" content="Jetpack" /> <meta property="og:image" content="https://jetpack.com/wp-content/uploads/2023/10/block_themes.png?w=1200" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="660" /> <meta property="og:image:alt" content="" /> <meta property="og:locale" content="en_US" /> <meta property="article:publisher" content="https://www.facebook.com/WordPresscom" /> <meta name="twitter:site" content="@jetpack" /> <meta name="twitter:text:title" content="WordPress Block Themes: Development Tutorial for Beginners" /> <meta name="twitter:image" content="https://jetpack.com/wp-content/uploads/2023/10/block_themes.png?w=640" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="description" content="What are block themes? Can you edit your entire WordPress site? What are the limits? 5 examples & step-by-step instructions for WordPress block themes." /> <meta name="twitter:app:name:iphone" content="Jetpack" /> <meta name="twitter:app:id:iphone" content="1565481562" /> <meta name="twitter:app:name:ipad" content="Jetpack" /> <meta name="twitter:app:id:ipad" content="1565481562" /> <meta name="twitter:app:name:googleplay" content="Jetpack" /> <meta name="twitter:app:id:googleplay" content="com.jetpack.android" /> <meta name="twitter:app:url:iphone" content="wordpress://viewpost?blogId=20115252&postId=227321" /> <meta name="twitter:app:url:ipad" content="wordpress://viewpost?blogId=20115252&postId=227321" /> <meta name="twitter:app:url:googleplay" content="wordpress://viewpost?blogId=20115252&postId=227321" />  <link rel='openid.server' href='https://jetpack.com/?openidserver=1' /> <link rel='openid.delegate' href='https://jetpack.com/' /> <link rel="search" type="application/opensearchdescription+xml" href="https://jetpack.com/osd.xml" title="Jetpack" /> <link rel="search" type="application/opensearchdescription+xml" href="https://s1.wp.com/opensearch.xml" title="WordPress.com" /> <meta name="parsely-title" content="WordPress Block Themes: Development Tutorial for Beginners" /> <meta name="parsely-link" content="https://jetpack.com/resources/wordpress-block-themes/" /> <meta name="parsely-type" content="post" /> <meta name="parsely-image-url" content="https://jetpack.com/wp-content/uploads/2023/10/block_themes.png?w=150" /> <meta name="parsely-pub-date" content="2023-11-16T14:00:00Z" /> <meta name="parsely-section" content="WordPress Tutorials" /> <meta name="parsely-author" content="Jen Swisher" /> <meta property="fediverse:creator" name="fediverse:creator" content="jetpack.com@jetpack.com" /> <meta name="ahrefs-site-verification" content="6fa21ec91fd22f37a48517db6b327918614366e821de0edc5b7f323cd1fc9dd4"> <link rel="canonical" href="https://jetpack.com/resources/wordpress-block-themes/" /> <script type="application/ld+json"> {"@context":"https:\/\/schema.org","@graph":[{"@type":"Corporation","@id":"https:\/\/automattic.com\/#organization","url":"https:\/\/automattic.com\/","name":"Automattic","legalName":"Automattic Inc.","foundingDate":"2005-08-01","slogan":"We don\u2019t make software for free, we make it for freedom.","description":"We are the people behind <a href=\"https:\/\/wordpress.com\/\">WordPress.com<\/a>, <a href=\"https:\/\/woocommerce.com\/\">WooCommerce<\/a>, <a href=\"https:\/\/jetpack.com\/\">Jetpack<\/a>, <a href=\"https:\/\/simplenote.com\/\">Simplenote<\/a>, <a href=\"https:\/\/longreads.com\/\">Longreads<\/a>, <a href=\"https:\/\/vaultpress.com\/\">VaultPress<\/a>, <a href=\"https:\/\/akismet.com\/\">Akismet<\/a>, <a href=\"https:\/\/gravatar.com\/\">Gravatar<\/a>, <a href=\"\">Crowdsignal<\/a>, <a href=\"https:\/\/cloudup.com\/\">Cloudup<\/a>, and more. We believe in making the web a better place, and <a href=\"https:\/\/github.com\/Automattic\">we believe in Open Source<\/a>. The vast majority of our work is available under the GPL.","logo":{"@type":"ImageObject","@id":"https:\/\/automattic.com\/#logo","url":"https:\/\/automattic.com\/wp-content\/themes\/a8c\/automattic-2011\/images\/automattic-logo-2x.png","width":552,"height":60,"caption":"Automattic"},"image":{"@id":"https:\/\/automattic.com\/#logo"},"address":{"@type":"PostalAddress","streetAddress":"60 29th Street #343","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94110","addressCountry":"US"},"founder":{"@type":"Person","@id":"https:\/\/wordpress.com\/schema.org\/author\/5#person","name":"Matt Mullenweg","description":"In 2002 I started contributing to Open Source software, and life has just gotten better from there. Co-founder of WordPress, founder Automattic.","image":{"@type":"ImageObject","@id":"https:\/\/wordpress.com\/schema.org\/author\/5#personimage","url":"https:\/\/secure.gravatar.com\/avatar\/767fc9c115a1b989744c755db47feb60?s=96&d=retro&r=g","width":96,"height":96,"caption":"Matt Mullenweg"}},"numberOfEmployees":1776,"sameAs":["https:\/\/twitter.com\/automattic","https:\/\/www.facebook.com\/AutomatticInc","https:\/\/www.linkedin.com\/company\/automattic\/","https:\/\/en.wikipedia.org\/wiki\/Automattic","https:\/\/www.youtube.com\/c\/automattic"],"subOrganization":{"@id":"https:\/\/jetpack.com\/#organization"}},{"@type":"Organization","@id":"https:\/\/jetpack.com\/#organization","url":"https:\/\/jetpack.com\/","name":"Jetpack.com","legalName":"Automattic Inc.","foundingDate":"2005-08-01","slogan":"Safer. Faster. More traffic.","description":"The ultimate WordPress plugin for security, backups, site performance, and growth tools.","logo":{"@type":"ImageObject","@id":"https:\/\/jetpack.com\/#logo","url":"https:\/\/jetpack.com\/wp-content\/themes\/a8c\/jetpackme-new\/images-2019\/jetpack-logo.png","width":700,"height":400,"caption":"Jetpack"},"image":{"@id":"https:\/\/jetpack.com\/#logo"},"address":{"@type":"PostalAddress","streetAddress":"60 29th Street #343","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94110","addressCountry":"US"},"founder":{"@type":"Person","@id":"https:\/\/wordpress.com\/schema.org\/author\/5#person","name":"Matt Mullenweg","description":"In 2002 I started contributing to Open Source software, and life has just gotten better from there. Co-founder of WordPress, founder Automattic.","image":{"@type":"ImageObject","@id":"https:\/\/wordpress.com\/schema.org\/author\/5#personimage","url":"https:\/\/secure.gravatar.com\/avatar\/767fc9c115a1b989744c755db47feb60?s=96&d=retro&r=g","width":96,"height":96,"caption":"Matt Mullenweg"}},"numberOfEmployees":1776,"sameAs":["https:\/\/twitter.com\/jetpack","https:\/\/www.facebook.com\/jetpackme","https:\/\/www.linkedin.com\/company\/jetpack-for-wordpress\/","https:\/\/www.youtube.com\/JetpackOfficial"],"parentOrganization":{"@id":"https:\/\/automattic.com\/#organization"}},{"@type":"WebSite","@id":"https:\/\/jetpack.com\/#website","url":"https:\/\/jetpack.com\/","name":"Jetpack","description":"The ultimate WordPress plugin for security, backups, site performance, and growth tools","potentialAction":{"@type":"SearchAction","target":"https:\/\/jetpack.com\/search\/{search_term_string}\/","query-input":"required name=search_term_string"},"publisher":{"@id":"https:\/\/jetpack.com\/#organization"},"image":{"@id":"https:\/\/jetpack.com\/#logo"},"sameAs":["https:\/\/twitter.com\/jetpack","https:\/\/www.facebook.com\/jetpackme","https:\/\/www.linkedin.com\/company\/jetpack-for-wordpress\/","https:\/\/www.youtube.com\/JetpackOfficial"]},{"@type":"BreadcrumbList","@id":"https:\/\/jetpack.com\/resources\/wordpress-block-themes\/#breadcrumbs","itemListElement":[{"@type":"ListItem","position":0,"item":{"@type":"WebSite","@id":"https:\/\/jetpack.com\/#website-breadcrumb","url":"https:\/\/jetpack.com\/","name":"Home"}},{"@type":"ListItem","position":1,"item":{"@type":"CollectionPage","@id":"https:\/\/jetpack.com\/resources\/category\/wordpress-tutorials\/#term-breadcrumb","url":"https:\/\/jetpack.com\/resources\/category\/wordpress-tutorials\/","name":"WordPress Tutorials"}},{"@type":"ListItem","position":2,"item":{"@type":"WebPage","@id":"https:\/\/jetpack.com\/resources\/wordpress-block-themes\/#webpage-breadcrumb","url":"https:\/\/jetpack.com\/resources\/wordpress-block-themes\/","name":"WordPress Block Themes: Development Tutorial for\u00a0Beginners"}}]},{"@type":"ImageObject","@id":"https:\/\/jetpack.com\/resources\/wordpress-block-themes\/#primaryimage","url":"https:\/\/jetpack.com\/wp-content\/uploads\/2014\/02\/firefox_screenshot_2022-03-01t23-47-35.489z.png","width":707,"height":726,"caption":"WordPress Block Themes: Development Tutorial for\u00a0Beginners"},{"@type":"WebPage","@id":"https:\/\/jetpack.com\/resources\/wordpress-block-themes\/#webpage","url":"https:\/\/jetpack.com\/resources\/wordpress-block-themes\/","name":"WordPress Block Themes: Development Tutorial for\u00a0Beginners","description":"The ultimate WordPress plugin for security, backups, site performance, and growth tools","inLanguage":"en","isPartOf":{"@id":"https:\/\/jetpack.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jetpack.com\/resources\/wordpress-block-themes\/#primaryimage"},"breadcrumb":{"@id":"https:\/\/jetpack.com\/resources\/wordpress-block-themes\/#breadcrumbs"},"publisher":{"@id":"https:\/\/jetpack.com\/#organization"},"datePublished":"2023-11-16T14:00:00+0000","dateModified":"2025-01-31T12:19:57+0000"},{"@type":"Person","@id":"https:\/\/wordpress.com\/schema.org\/author\/19475627#person","name":"Jen Swisher","description":"Jen is a Customer Experience Specialist for Jetpack. She has been working with WordPress and Jetpack for over a decade. Before starting at Automattic, Jen helped small businesses, local non-profits, and Fortune 50 companies create engaging web experiences for their customers. She is passionate about teaching others how to create on the web without fear.","image":{"@type":"ImageObject","@id":"https:\/\/wordpress.com\/schema.org\/author\/19475627#personimage","url":"https:\/\/secure.gravatar.com\/avatar\/39f84bff73a9f7408991e51ef154c754?s=96&d=retro&r=g","width":96,"height":96,"caption":"Jen Swisher"}},{"@type":"Article","@id":"https:\/\/jetpack.com\/resources\/wordpress-block-themes\/#article","headline":"WordPress Block Themes: Development Tutorial for\u00a0Beginners","commentCount":0,"keywords":"wordpress tutorials","datePublished":"2023-11-16T14:00:00+0000","dateModified":"2025-01-31T12:19:57+0000","mainEntityOfPage":{"@id":"https:\/\/jetpack.com\/resources\/wordpress-block-themes\/#webpage"},"isPartOf":{"@id":"https:\/\/jetpack.com\/resources\/wordpress-block-themes\/#webpage"},"image":{"@id":"https:\/\/jetpack.com\/resources\/wordpress-block-themes\/#primaryimage"},"publisher":{"@id":"https:\/\/jetpack.com\/#organization"},"author":{"@id":"https:\/\/wordpress.com\/schema.org\/author\/19475627#person"}}]} </script> <style type="text/css"> .recentcomments a { display: inline !important; padding: 0 !important; margin: 0 !important; } table.recentcommentsavatartop img.avatar, table.recentcommentsavatarend img.avatar { border: 0px; margin: 0; } table.recentcommentsavatartop a, table.recentcommentsavatarend a { border: 0px !important; background-color: transparent !important; } td.recentcommentsavatarend, td.recentcommentsavatartop { padding: 0px 0px 1px 0px; margin: 0px; } td.recentcommentstextend { border: none !important; padding: 0px 0px 2px 10px; } .rtl td.recentcommentstextend { padding: 0px 10px 2px 0px; } td.recentcommentstexttop { border: none; padding: 0px 0px 0px 10px; } .rtl td.recentcommentstexttop { padding: 0px 10px 0px 0px; } </style> <link rel="alternate" title="ActivityPub (JSON)" type="application/activity+json" href="https://jetpack.com/resources/wordpress-block-themes/" /> <script>var _activityPubOptions = {"namespace":"wpcom\/activitypub-1.0","defaultAvatarUrl":"https:\/\/s2.wp.com\/wp-content\/plugins\/activitypub\/5.1.0\/assets\/img\/mp.jpg","enabled":{"site":true,"users":false}};</script><link rel="icon" href="https://jetpack.com/wp-content/uploads/2022/06/cropped-jp-favicon-new-3.png?w=32" sizes="32x32" /> <link rel="icon" href="https://jetpack.com/wp-content/uploads/2022/06/cropped-jp-favicon-new-3.png?w=192" sizes="192x192" /> <link rel="apple-touch-icon" href="https://jetpack.com/wp-content/uploads/2022/06/cropped-jp-favicon-new-3.png?w=180" /> <meta name="msapplication-TileImage" content="https://jetpack.com/wp-content/uploads/2022/06/cropped-jp-favicon-new-3.png?w=270" /> <link rel="stylesheet" id="custom-css-css" type="text/css" href="https://s2.wp.com/?custom-css=1&csblog=1moTy&cscache=6&csrev=477" />  <script>document.querySelector('html').classList.remove('no-js');</script> </head> <body class="post-template-default single single-post postid-227321 single-format-standard wp-embed-responsive jps-theme-a8c/jetpackme-new customizer-styles-applied jetpack-reblog-enabled" > <header class="mast"> <header id='jetpack-header' class="header js-header force-opaque"> <nav class="header__content"> <a class="header__skip" href="#content"> Skip to main content </a> <a href="https://jetpack.com/" aria-label="Jetpack home" class="home-link header__home-link"> <svg class="jetpack-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 139.93 38" aria-hidden="true" width="140" height="38" > <path class="jetpack-emblem" d="M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0ZM18,22.15H8.56L18,3.73Zm1.92,12.08V15.81h9.47Z"/> <path d="M49.06,31.55c-.54-.84-1.05-1.67-1.56-2.47,2.68-1.63,3.59-2.94,3.59-5.4V9.43H47.94V6.71h6.7V23C54.64,27.09,53.45,29.41,49.06,31.55Z"/> <path d="M77.16,21.83c0,1.38,1,1.52,1.63,1.52a9.6,9.6,0,0,0,2.32-.43v2.53A10.63,10.63,0,0,1,77.6,26c-1.75,0-3.78-.65-3.78-3.69V14.87H72V12.29h1.84V8.48h3.34v3.81h4.21v2.58H77.16Z"/> <path d="M84.12,32.81V12.26h3.19v1.23a7,7,0,0,1,4.43-1.6c3,0,5.4,2.11,5.4,6.64S94.53,26,90.21,26a12.79,12.79,0,0,1-2.75-.33v7.11H84.12Zm6.75-18.16a5.38,5.38,0,0,0-3.38,1.49v7a11.81,11.81,0,0,0,2.51.26c2.35,0,3.69-1.49,3.69-4.61C93.69,15.92,92.72,14.65,90.87,14.65Z"/> <path d="M110.27,25.71h-3.12V24.22h-.08A6.89,6.89,0,0,1,102.65,26,3.62,3.62,0,0,1,99,22.12c0-3.45,2.94-4.1,5-4.39l2.94-.4v-.4c0-1.81-.73-2.39-2.43-2.39a13.37,13.37,0,0,0-4.39.91l-.29-2.69a17,17,0,0,1,5.11-.87c3.26,0,5.37,1.31,5.37,5.19v8.63Zm-3.34-6.27-2.76.43a1.79,1.79,0,0,0-1.7,1.85,1.5,1.5,0,0,0,1.52,1.7,5.51,5.51,0,0,0,2.94-1.23Z"/> <path d="M124,25.27a12.15,12.15,0,0,1-4.17.76c-5,0-7-2.86-7-7,0-4.39,2.75-7.11,7.21-7.11a10.91,10.91,0,0,1,3.81.66v2.82a11.45,11.45,0,0,0-3.77-.76c-2,0-3.77,1.09-3.77,4.21,0,3.44,1.74,4.49,4,4.49a10,10,0,0,0,3.77-.83v2.79Z"/> <path d="M130.35,18.06c.29-.33.51-.66,4.72-5.77h4.35L134,18.67l6,7.07h-4.36l-5.18-6.38v6.38h-3.34v-19h3.34V18.06Z"/> <path d="M69.47,25.27a15.54,15.54,0,0,1-5,.76c-4.28,0-6.93-2.13-6.93-7.14,0-3.66,2.25-7,6.56-7s5.77,3,5.77,5.8c0,.95-.07,1.46-.11,2H61.17c.07,2.94,1.74,3.62,4.24,3.62a11.57,11.57,0,0,0,4-.83v2.79Zm-3-7.79c0-1.63-.55-3.05-2.32-3.05s-2.69,1.2-2.9,3.05Z"/> </svg> </a> <a class="header__mobile-btn mobile-btn js-mobile-btn" href="#mobile-menu" aria-expanded="false" style="display:none;" > <span class="mobile-btn__icon" aria-hidden="true"> <span class="mobile-btn__inner"></span> </span> <span class="mobile-btn__label"> Menu </span> </a> <div class="header__nav-wrapper js-mobile-menu" id="mobile-menu"> <ul class="header__sections-list js-nav-list"> <li class=""> <a class="header__menu-btn js-menu-btn has-custom-dropdown" data-target="products" href="#" aria-expanded="false" > Products <svg class="gridicon gridicons-chevron-down" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M20 9l-8 8-8-8 1.414-1.414L12 14.172l6.586-6.586"/></g></svg> </a> <div id="products" class="header__submenu js-menu has-custom-dropdown" data-target="products" tabindex="-1" aria-label=" Products menu " > <div id="products" class="header__submenu-content"> <div class="header__submenu-wrapper"> <button class="header__back-btn js-menu-back" style="display:none;"> <svg class="gridicon gridicons-chevron-left" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M14 20l-8-8 8-8 1.414 1.414L8.828 12l6.586 6.586"/></g></svg> Back </button> <div class="header__submenu-category-wrapper"> <p class="header__submenu-category-title"> Individual products </p> <ul class="header__submenu-categories-list"> <li> <a class="header__submenu-category header__submenu-link" href="https://jetpack.com/features/security/" > <span class="header__submenu-label"> Security </span> </a> <ul class="header__submenu-links-list"> <li> <a class="header__submenu-link" href="https://jetpack.com/upgrade/backup/" > <span class="jp-product-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.3837 8.97C8.33383 8.96797 8.2837 8.96694 8.23333 8.96694C6.17147 8.96694 4.5 10.6906 4.5 12.8169C4.5 14.9432 6.17147 16.6669 8.23333 16.6669L8.25555 16.6668H17.2819L17.2996 16.6669C19.0669 16.6669 20.4996 15.1894 20.4996 13.3669C20.4996 11.7318 19.3465 10.3744 17.8331 10.1125L17.8333 10.0669C17.8333 7.63694 15.6843 5.66699 13.0333 5.66699C10.7955 5.66699 8.91541 7.07072 8.3837 8.97C8.38371 8.97 8.3837 8.97 8.3837 8.97ZM16.3191 11.3728L16.3332 10.0959L16.3333 10.0669C16.3333 8.58555 14.9814 7.16699 13.0333 7.16699C11.4061 7.16699 10.1623 8.18081 9.82817 9.37438L9.50824 10.5172L8.32248 10.4687C8.293 10.4675 8.26328 10.4669 8.23333 10.4669C7.04307 10.4669 6 11.4752 6 12.8169C6 14.1572 7.04088 15.1648 8.22957 15.1669L8.25105 15.1668H17.2904L17.2996 15.1669C18.1953 15.1669 18.9996 14.4048 18.9996 13.3669C18.9996 12.4406 18.3512 11.7245 17.5773 11.5906L16.3191 11.3728Z" fill="#0CED57"/> </svg> </span> <span class="header__submenu-label"> VaultPress Backup </span> </a> </li> <li> <a class="header__submenu-link" href="https://jetpack.com/upgrade/scan/" > <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 3.17578L19.25 6.24378V10.8178C19.25 14.7178 16.746 18.4078 13.215 19.5728C12.7506 19.7259 12.2494 19.7259 11.785 19.5728C8.255 18.4088 5.75 14.7168 5.75 10.8178V6.24378L12.5 3.17578ZM7.25 7.20978V10.8178C7.25 14.1308 9.395 17.2058 12.255 18.1478C12.414 18.2008 12.586 18.2008 12.745 18.1478C15.605 17.2058 17.75 14.1308 17.75 10.8178V7.20978L12.5 4.82378L7.25 7.20978Z" fill="#0CED57"/> </svg> </span> <span class="header__submenu-label"> Scan </span> </a> </li> <li> <a class="header__submenu-link" href="https://jetpack.com/upgrade/anti-spam/" > <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M8.95474 21.2068L16.9547 3.70678L16.0453 3.29102L14.7837 6.05069C14.0991 5.69861 13.3228 5.49987 12.5 5.49987C11.4385 5.49987 10.4543 5.83064 9.6448 6.39473L7.68994 4.43988L6.62928 5.50054L8.55556 7.42682C7.99044 8.15115 7.62047 9.03518 7.52469 9.99987H5.5V11.4999H7.5V12.9999H5.5V14.4999H7.60002C7.85089 15.7358 8.5576 16.8061 9.53703 17.5278L8.04526 20.791L8.95474 21.2068ZM10.1802 16.1208C9.45633 15.4795 9 14.543 9 13.4999V10.4999C9 8.56688 10.567 6.99987 12.5 6.99987C13.1003 6.99987 13.6653 7.15099 14.159 7.41726L10.1802 16.1208ZM15.8555 9.50143L16.6645 7.73179C17.1053 8.39371 17.3926 9.16671 17.4753 9.99987H19.5V11.4999H17.5V12.9999H19.5V14.4999H17.4C16.9367 16.7821 14.919 18.4999 12.5 18.4999C12.2508 18.4999 12.0058 18.4817 11.7664 18.4465L12.428 16.9992C12.4519 16.9997 12.4759 16.9999 12.5 16.9999C14.433 16.9999 16 15.4329 16 13.4999V10.4999C16 10.153 15.9495 9.81782 15.8555 9.50143Z" fill="#0CED57"/> </svg> </span> <span class="header__submenu-label"> Akismet Anti-spam </span> </a> </li> </ul> </li> <li> <a class="header__submenu-category header__submenu-link" href="https://jetpack.com/features/performance/" > <span class="header__submenu-label"> Performance </span> </a> <ul class="header__submenu-links-list"> <li> <a class="header__submenu-link" href="https://jetpack.com/upgrade/search/" > <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M13.5 5C10.2 5 7.5 7.7 7.5 11C7.5 12.4 8 13.7 8.8 14.7L5 18.5L6.1 19.6L9.9 15.8C10.9 16.6 12.2 17.1 13.6 17.1C16.9 17.1 19.6 14.4 19.6 11.1C19.6 7.8 16.8 5 13.5 5ZM13.5 15.5C11 15.5 9 13.5 9 11C9 8.5 11 6.5 13.5 6.5C16 6.5 18 8.5 18 11C18 13.5 16 15.5 13.5 15.5Z" fill="#0CED57"/> </svg> </span> <span class="header__submenu-label"> Site Search </span> </a> </li> <li> <a class="header__submenu-link" href="https://jetpack.com/boost/" > <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M7.0999 6L5.8999 7L10.3999 12L5.8999 17L6.9999 18L12.4999 12L7.0999 6ZM13.0999 6L11.9999 7L16.4999 12L11.9999 17L13.0999 18L18.5999 12L13.0999 6Z" fill="#0CED57"/> </svg> </span> <span class="header__submenu-label"> Boost </span> </a> </li> <li> <a class="header__submenu-link" href="https://jetpack.com/videopress/" > <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M19.2 3H5.8C4.5 3 3.5 4 3.5 5.3V18.7C3.5 20 4.5 21 5.8 21H19.2C20.5 21 21.5 20 21.5 18.7V5.3C21.5 4 20.5 3 19.2 3ZM20 18.7C20 19.1 19.6 19.5 19.2 19.5H5.8C5.4 19.5 5 19.1 5 18.7V5.3C5 4.9 5.4 4.5 5.8 4.5H19.2C19.6 4.5 20 4.9 20 5.3V18.7ZM10.5 15L15.5 12L10.5 9V15Z" fill="#0CED57"/> </svg> </span> <span class="header__submenu-label"> VideoPress </span> </a> </li> </ul> </li> <li> <a class="header__submenu-category header__submenu-link" href="https://jetpack.com/features/growth/" > <span class="header__submenu-label"> Growth </span> </a> <ul class="header__submenu-links-list"> <li> <a class="header__submenu-link" href="https://jetpack.com/stats/" > <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M11.75 5H13.25V20H11.75V5Z" fill="#0CED57"/> <path d="M6.5 10H8V20H6.5V10Z" fill="#0CED57"/> <path d="M18.5 14H17V20H18.5V14Z" fill="#0CED57"/> </svg> </span> <span class="header__submenu-label"> Stats </span> </a> </li> <li> <a class="header__submenu-link" href="https://jetpack.com/social/" > <span class="jp-product-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 5V17.2181L8.39977 15.1089V18.9383H7.04977V14.7135L4.59748 13.9951C3.64878 13.7172 3 12.8719 3 11.9136V10.3045C3 9.3462 3.64878 8.50085 4.59748 8.22295L15.6 5ZM14.25 15.459L8.39977 13.7453L8.39977 8.47274L14.25 6.75905V15.459ZM7.04977 8.86819L7.04977 13.3499L4.98899 12.7462C4.60951 12.635 4.35 12.2969 4.35 11.9136V10.3045C4.35 9.92116 4.60951 9.58302 4.98899 9.47186L7.04977 8.86819ZM17.4 11.7621H21V10.4571H17.4V11.7621ZM20.9996 15.4591L17.3996 14.5891V13.2841L20.9996 14.1541V15.4591ZM17.4 8.93412L21 8.06412V6.75913L17.4 7.62912V8.93412Z" fill="#0CED57"/> </svg> </span> <span class="header__submenu-label"> Social </span> </a> </li> <li> <a class="header__submenu-link" href="https://jetpack.com/blaze/" > <span class="jp-product-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 13.3474C21 14.4515 20.7653 15.5398 20.3066 16.5602C19.8479 17.5805 19.1812 18.5067 18.3332 19.2863C17.4905 20.066 16.4878 20.6834 15.3837 21.1073C14.8611 21.3061 14.3224 21.4578 13.773 21.5625L14.0183 21.4317C14.0183 21.4317 16.1411 20.2177 16.5625 17.4968C16.7598 15.0689 14.7437 14.0067 14.7437 14.0067C14.7437 14.0067 13.7197 15.3035 12.2636 15.3035C9.97549 15.3035 10.3906 11.4967 10.3906 11.4967C10.3906 11.4967 6.91935 13.2846 6.91935 17.1776C6.91935 19.6108 9.3728 21.4055 9.3728 21.4055V21.4108C9.05279 21.327 8.73811 21.2224 8.42876 21.102C7.32471 20.6782 6.32199 20.0608 5.47929 19.2811C4.63658 18.5015 3.96455 17.5753 3.50587 16.5549C3.04718 15.5346 2.8125 14.4462 2.8125 13.3422C2.8125 9.6061 7.17537 5.98517 7.17537 5.98517C7.17537 5.98517 7.59139 8.82645 9.71948 8.82645C13.7197 8.82645 12.2636 2.4375 12.2636 2.4375C12.2636 2.4375 15.9011 4.56715 16.9945 10.2445C18.9792 9.98684 18.8132 7.4032 18.8132 7.4032C18.8132 7.4032 21 10.2445 21 13.3735" fill="#0CED57"/> </svg> </span> <span class="header__submenu-label"> Blaze </span> </a> </li> </ul> </li> <li> <a class="header__submenu-category header__submenu-link" href="https://jetpack.com/pro-dashboard/" > <span class="header__submenu-label"> Management </span> </a> <ul class="header__submenu-links-list"> <li> <a class="header__submenu-link" href="https://jetpack.com/for-agencies/" > <span class="jp-product-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0002 3.2998C7.2002 3.2998 3.2002 7.1998 3.2002 12.0998C3.2002 16.8998 7.1002 20.8998 12.0002 20.8998C16.8002 20.8998 20.8002 16.9998 20.8002 12.0998C20.8002 7.1998 16.8002 3.2998 12.0002 3.2998ZM18.5002 8.7998H15.9002C15.4002 7.2998 14.8002 5.9998 14.0002 4.9998C16.0002 5.5998 17.6002 6.9998 18.5002 8.7998ZM19.2002 11.9998C19.2002 12.5998 19.1002 13.1998 19.0002 13.7998H16.1002C16.2002 13.1998 16.2002 12.5998 16.2002 11.9998C16.2002 11.3998 16.1002 10.7998 16.1002 10.1998H19.0002C19.2002 10.7998 19.2002 11.3998 19.2002 11.9998ZM12.0002 18.6998C11.0002 17.9998 10.2002 16.7998 9.7002 15.1998H14.3002C13.8002 16.7998 13.0002 18.0998 12.0002 18.6998ZM9.4002 13.7998C9.3002 13.1998 9.3002 12.6998 9.3002 11.9998C9.3002 11.3998 9.4002 10.7998 9.4002 10.1998H14.6002C14.7002 10.7998 14.7002 11.2998 14.7002 11.9998C14.7002 12.6998 14.6002 13.1998 14.6002 13.7998H9.4002ZM4.8002 11.9998C4.8002 11.3998 4.9002 10.7998 5.0002 10.1998H7.9002C7.8002 10.7998 7.8002 11.3998 7.8002 11.9998C7.8002 12.5998 7.9002 13.1998 7.9002 13.7998H5.0002C4.8002 13.1998 4.8002 12.5998 4.8002 11.9998ZM12.0002 5.2998C13.0002 5.9998 13.8002 7.1998 14.3002 8.7998H9.7002C10.2002 7.1998 11.0002 5.8998 12.0002 5.2998ZM10.0002 4.9998C9.2002 5.9998 8.6002 7.2998 8.2002 8.7998H5.5002C6.4002 6.9998 8.0002 5.5998 10.0002 4.9998ZM5.5002 15.2998H8.1002C8.5002 16.7998 9.1002 18.0998 9.9002 18.9998C8.1002 18.3998 6.4002 16.9998 5.5002 15.2998ZM14.0002 18.9998C14.8002 17.9998 15.4002 16.7998 15.8002 15.2998H18.4002C17.6002 16.9998 16.0002 18.3998 14.0002 18.9998Z" fill="#0CED57"/> </svg> </span> <span class="header__submenu-label"> For Agencies </span> </a> </li> <li> <a class="header__submenu-link" href="https://jetpackcrm.com/?utm_medium=automattic_referred&utm_source=jpcom_header" > <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16 9.5C16.2652 9.5 16.5196 9.39464 16.7071 9.20711C16.8946 9.01957 17 8.76522 17 8.5C17 8.23478 16.8946 7.98043 16.7071 7.79289C16.5196 7.60536 16.2652 7.5 16 7.5C15.7348 7.5 15.4804 7.60536 15.2929 7.79289C15.1054 7.98043 15 8.23478 15 8.5C15 8.76522 15.1054 9.01957 15.2929 9.20711C15.4804 9.39464 15.7348 9.5 16 9.5ZM16 11C16.663 11 17.2989 10.7366 17.7678 10.2678C18.2366 9.79893 18.5 9.16304 18.5 8.5C18.5 7.83696 18.2366 7.20107 17.7678 6.73223C17.2989 6.26339 16.663 6 16 6C15.337 6 14.7011 6.26339 14.2322 6.73223C13.7634 7.20107 13.5 7.83696 13.5 8.5C13.5 9.16304 13.7634 9.79893 14.2322 10.2678C14.7011 10.7366 15.337 11 16 11ZM13.75 17V15C13.75 14.2707 13.4603 13.5712 12.9445 13.0555C12.4288 12.5397 11.7293 12.25 11 12.25H7C6.27065 12.25 5.57118 12.5397 5.05546 13.0555C4.53973 13.5712 4.25 14.2707 4.25 15V17H5.75V15C5.75 14.31 6.31 13.75 7 13.75H11C11.69 13.75 12.25 14.31 12.25 15V17H13.75ZM20.75 15V17H19.25V15C19.25 14.31 18.69 13.75 18 13.75H15.5V12.25H18C18.7293 12.25 19.4288 12.5397 19.9445 13.0555C20.4603 13.5712 20.75 14.2707 20.75 15ZM10 8.5C10 8.76522 9.89464 9.01957 9.70711 9.20711C9.51957 9.39464 9.26522 9.5 9 9.5C8.73478 9.5 8.48043 9.39464 8.29289 9.20711C8.10536 9.01957 8 8.76522 8 8.5C8 8.23478 8.10536 7.98043 8.29289 7.79289C8.48043 7.60536 8.73478 7.5 9 7.5C9.26522 7.5 9.51957 7.60536 9.70711 7.79289C9.89464 7.98043 10 8.23478 10 8.5ZM11.5 8.5C11.5 9.16304 11.2366 9.79893 10.7678 10.2678C10.2989 10.7366 9.66304 11 9 11C8.33696 11 7.70107 10.7366 7.23223 10.2678C6.76339 9.79893 6.5 9.16304 6.5 8.5C6.5 7.83696 6.76339 7.20107 7.23223 6.73223C7.70107 6.26339 8.33696 6 9 6C9.66304 6 10.2989 6.26339 10.7678 6.73223C11.2366 7.20107 11.5 7.83696 11.5 8.5Z" fill="#0CED57"/> </svg> </span> <span class="header__submenu-label"> CRM </span> </a> </li> <li> <a class="header__submenu-link" href="https://jetpack.com/mobile/" > <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M15.5 4H9.5C8.4 4 7.5 4.9 7.5 6V18C7.5 19.1 8.4 20 9.5 20H15.5C16.6 20 17.5 19.1 17.5 18V6C17.5 4.9 16.6 4 15.5 4ZM16 18C16 18.3 15.8 18.5 15.5 18.5H9.5C9.2 18.5 9 18.3 9 18V6C9 5.7 9.2 5.5 9.5 5.5H15.5C15.8 5.5 16 5.7 16 6V18ZM11.5 17.5H13.5V16H11.5V17.5Z" fill="#0CED57"/> </svg> </span> <span class="header__submenu-label"> Mobile app </span> </a> </li> </ul> </li> <li> <a class="header__submenu-category header__submenu-link" href="https://jetpack.com/ai/" > <span class="header__submenu-label"> Create </span> </a> <ul class="header__submenu-links-list"> <li> <a class="header__submenu-link" href="https://jetpack.com/ai/" > <span class="jp-product-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_14950_15510)"> <path d="M6.37497 3L7.32956 5.42042L9.74995 6.37502L7.32956 7.32961L6.37497 9.75003L5.42039 7.32961L3 6.37502L5.42039 5.42042L6.37497 3Z" fill="#0CED57"/> <path d="M16.5001 3L17.7729 6.22722L21.0001 7.50002L17.7729 8.77282L16.5001 12L15.2273 8.77282L12.0001 7.50002L15.2273 6.22722L16.5001 3Z" fill="#0CED57"/> <path d="M10.875 9.75L12.4659 13.784L16.4999 15.375L12.4659 16.966L10.875 21L9.28398 16.966L5.25 15.375L9.28398 13.784L10.875 9.75Z" fill="#0CED57"/> </g> <defs> <clipPath id="clip0_14950_15510"> <rect width="18" height="18" fill="white" transform="translate(3 3)"/> </clipPath> </defs> </svg> </span> <span class="header__submenu-label"> AI Assistant </span> </a> </li> </ul> </li> </ul> </div> <div class="header__submenu-bundles-section"> <div class="header__submenu-bundles-wrapper"> <p class="header__submenu-category-title"> Product Bundles </p> <ul class="header__submenu-bundles-list"> <li> <a class="header__submenu-link" href="https://jetpack.com/complete/" > <p class="header__submenu-label"> <span> Complete </span> </p> <div class="header__submenu-bundle-icons"> <span class="jp-product-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.3837 8.97C8.33383 8.96797 8.2837 8.96694 8.23333 8.96694C6.17147 8.96694 4.5 10.6906 4.5 12.8169C4.5 14.9432 6.17147 16.6669 8.23333 16.6669L8.25555 16.6668H17.2819L17.2996 16.6669C19.0669 16.6669 20.4996 15.1894 20.4996 13.3669C20.4996 11.7318 19.3465 10.3744 17.8331 10.1125L17.8333 10.0669C17.8333 7.63694 15.6843 5.66699 13.0333 5.66699C10.7955 5.66699 8.91541 7.07072 8.3837 8.97C8.38371 8.97 8.3837 8.97 8.3837 8.97ZM16.3191 11.3728L16.3332 10.0959L16.3333 10.0669C16.3333 8.58555 14.9814 7.16699 13.0333 7.16699C11.4061 7.16699 10.1623 8.18081 9.82817 9.37438L9.50824 10.5172L8.32248 10.4687C8.293 10.4675 8.26328 10.4669 8.23333 10.4669C7.04307 10.4669 6 11.4752 6 12.8169C6 14.1572 7.04088 15.1648 8.22957 15.1669L8.25105 15.1668H17.2904L17.2996 15.1669C18.1953 15.1669 18.9996 14.4048 18.9996 13.3669C18.9996 12.4406 18.3512 11.7245 17.5773 11.5906L16.3191 11.3728Z" fill="#0CED57"/> </svg> </span> <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M8.95474 21.2068L16.9547 3.70678L16.0453 3.29102L14.7837 6.05069C14.0991 5.69861 13.3228 5.49987 12.5 5.49987C11.4385 5.49987 10.4543 5.83064 9.6448 6.39473L7.68994 4.43988L6.62928 5.50054L8.55556 7.42682C7.99044 8.15115 7.62047 9.03518 7.52469 9.99987H5.5V11.4999H7.5V12.9999H5.5V14.4999H7.60002C7.85089 15.7358 8.5576 16.8061 9.53703 17.5278L8.04526 20.791L8.95474 21.2068ZM10.1802 16.1208C9.45633 15.4795 9 14.543 9 13.4999V10.4999C9 8.56688 10.567 6.99987 12.5 6.99987C13.1003 6.99987 13.6653 7.15099 14.159 7.41726L10.1802 16.1208ZM15.8555 9.50143L16.6645 7.73179C17.1053 8.39371 17.3926 9.16671 17.4753 9.99987H19.5V11.4999H17.5V12.9999H19.5V14.4999H17.4C16.9367 16.7821 14.919 18.4999 12.5 18.4999C12.2508 18.4999 12.0058 18.4817 11.7664 18.4465L12.428 16.9992C12.4519 16.9997 12.4759 16.9999 12.5 16.9999C14.433 16.9999 16 15.4329 16 13.4999V10.4999C16 10.153 15.9495 9.81782 15.8555 9.50143Z" fill="#0CED57"/> </svg> </span> <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 3.17578L19.25 6.24378V10.8178C19.25 14.7178 16.746 18.4078 13.215 19.5728C12.7506 19.7259 12.2494 19.7259 11.785 19.5728C8.255 18.4088 5.75 14.7168 5.75 10.8178V6.24378L12.5 3.17578ZM7.25 7.20978V10.8178C7.25 14.1308 9.395 17.2058 12.255 18.1478C12.414 18.2008 12.586 18.2008 12.745 18.1478C15.605 17.2058 17.75 14.1308 17.75 10.8178V7.20978L12.5 4.82378L7.25 7.20978Z" fill="#0CED57"/> </svg> </span> <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M13.5 5C10.2 5 7.5 7.7 7.5 11C7.5 12.4 8 13.7 8.8 14.7L5 18.5L6.1 19.6L9.9 15.8C10.9 16.6 12.2 17.1 13.6 17.1C16.9 17.1 19.6 14.4 19.6 11.1C19.6 7.8 16.8 5 13.5 5ZM13.5 15.5C11 15.5 9 13.5 9 11C9 8.5 11 6.5 13.5 6.5C16 6.5 18 8.5 18 11C18 13.5 16 15.5 13.5 15.5Z" fill="#0CED57"/> </svg> </span> <span class="jp-product-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 5V17.2181L8.39977 15.1089V18.9383H7.04977V14.7135L4.59748 13.9951C3.64878 13.7172 3 12.8719 3 11.9136V10.3045C3 9.3462 3.64878 8.50085 4.59748 8.22295L15.6 5ZM14.25 15.459L8.39977 13.7453L8.39977 8.47274L14.25 6.75905V15.459ZM7.04977 8.86819L7.04977 13.3499L4.98899 12.7462C4.60951 12.635 4.35 12.2969 4.35 11.9136V10.3045C4.35 9.92116 4.60951 9.58302 4.98899 9.47186L7.04977 8.86819ZM17.4 11.7621H21V10.4571H17.4V11.7621ZM20.9996 15.4591L17.3996 14.5891V13.2841L20.9996 14.1541V15.4591ZM17.4 8.93412L21 8.06412V6.75913L17.4 7.62912V8.93412Z" fill="#0CED57"/> </svg> </span> <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M19.2 3H5.8C4.5 3 3.5 4 3.5 5.3V18.7C3.5 20 4.5 21 5.8 21H19.2C20.5 21 21.5 20 21.5 18.7V5.3C21.5 4 20.5 3 19.2 3ZM20 18.7C20 19.1 19.6 19.5 19.2 19.5H5.8C5.4 19.5 5 19.1 5 18.7V5.3C5 4.9 5.4 4.5 5.8 4.5H19.2C19.6 4.5 20 4.9 20 5.3V18.7ZM10.5 15L15.5 12L10.5 9V15Z" fill="#0CED57"/> </svg> </span> <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M7.0999 6L5.8999 7L10.3999 12L5.8999 17L6.9999 18L12.4999 12L7.0999 6ZM13.0999 6L11.9999 7L16.4999 12L11.9999 17L13.0999 18L18.5999 12L13.0999 6Z" fill="#0CED57"/> </svg> </span> <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16 9.5C16.2652 9.5 16.5196 9.39464 16.7071 9.20711C16.8946 9.01957 17 8.76522 17 8.5C17 8.23478 16.8946 7.98043 16.7071 7.79289C16.5196 7.60536 16.2652 7.5 16 7.5C15.7348 7.5 15.4804 7.60536 15.2929 7.79289C15.1054 7.98043 15 8.23478 15 8.5C15 8.76522 15.1054 9.01957 15.2929 9.20711C15.4804 9.39464 15.7348 9.5 16 9.5ZM16 11C16.663 11 17.2989 10.7366 17.7678 10.2678C18.2366 9.79893 18.5 9.16304 18.5 8.5C18.5 7.83696 18.2366 7.20107 17.7678 6.73223C17.2989 6.26339 16.663 6 16 6C15.337 6 14.7011 6.26339 14.2322 6.73223C13.7634 7.20107 13.5 7.83696 13.5 8.5C13.5 9.16304 13.7634 9.79893 14.2322 10.2678C14.7011 10.7366 15.337 11 16 11ZM13.75 17V15C13.75 14.2707 13.4603 13.5712 12.9445 13.0555C12.4288 12.5397 11.7293 12.25 11 12.25H7C6.27065 12.25 5.57118 12.5397 5.05546 13.0555C4.53973 13.5712 4.25 14.2707 4.25 15V17H5.75V15C5.75 14.31 6.31 13.75 7 13.75H11C11.69 13.75 12.25 14.31 12.25 15V17H13.75ZM20.75 15V17H19.25V15C19.25 14.31 18.69 13.75 18 13.75H15.5V12.25H18C18.7293 12.25 19.4288 12.5397 19.9445 13.0555C20.4603 13.5712 20.75 14.2707 20.75 15ZM10 8.5C10 8.76522 9.89464 9.01957 9.70711 9.20711C9.51957 9.39464 9.26522 9.5 9 9.5C8.73478 9.5 8.48043 9.39464 8.29289 9.20711C8.10536 9.01957 8 8.76522 8 8.5C8 8.23478 8.10536 7.98043 8.29289 7.79289C8.48043 7.60536 8.73478 7.5 9 7.5C9.26522 7.5 9.51957 7.60536 9.70711 7.79289C9.89464 7.98043 10 8.23478 10 8.5ZM11.5 8.5C11.5 9.16304 11.2366 9.79893 10.7678 10.2678C10.2989 10.7366 9.66304 11 9 11C8.33696 11 7.70107 10.7366 7.23223 10.2678C6.76339 9.79893 6.5 9.16304 6.5 8.5C6.5 7.83696 6.76339 7.20107 7.23223 6.73223C7.70107 6.26339 8.33696 6 9 6C9.66304 6 10.2989 6.26339 10.7678 6.73223C11.2366 7.20107 11.5 7.83696 11.5 8.5Z" fill="#0CED57"/> </svg> </span> </div> </a> </li> <li> <a class="header__submenu-link" href="https://jetpack.com/features/security/" > <p class="header__submenu-label"> <span> Security </span> </p> <div class="header__submenu-bundle-icons"> <span class="jp-product-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.3837 8.97C8.33383 8.96797 8.2837 8.96694 8.23333 8.96694C6.17147 8.96694 4.5 10.6906 4.5 12.8169C4.5 14.9432 6.17147 16.6669 8.23333 16.6669L8.25555 16.6668H17.2819L17.2996 16.6669C19.0669 16.6669 20.4996 15.1894 20.4996 13.3669C20.4996 11.7318 19.3465 10.3744 17.8331 10.1125L17.8333 10.0669C17.8333 7.63694 15.6843 5.66699 13.0333 5.66699C10.7955 5.66699 8.91541 7.07072 8.3837 8.97C8.38371 8.97 8.3837 8.97 8.3837 8.97ZM16.3191 11.3728L16.3332 10.0959L16.3333 10.0669C16.3333 8.58555 14.9814 7.16699 13.0333 7.16699C11.4061 7.16699 10.1623 8.18081 9.82817 9.37438L9.50824 10.5172L8.32248 10.4687C8.293 10.4675 8.26328 10.4669 8.23333 10.4669C7.04307 10.4669 6 11.4752 6 12.8169C6 14.1572 7.04088 15.1648 8.22957 15.1669L8.25105 15.1668H17.2904L17.2996 15.1669C18.1953 15.1669 18.9996 14.4048 18.9996 13.3669C18.9996 12.4406 18.3512 11.7245 17.5773 11.5906L16.3191 11.3728Z" fill="#0CED57"/> </svg> </span> <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M8.95474 21.2068L16.9547 3.70678L16.0453 3.29102L14.7837 6.05069C14.0991 5.69861 13.3228 5.49987 12.5 5.49987C11.4385 5.49987 10.4543 5.83064 9.6448 6.39473L7.68994 4.43988L6.62928 5.50054L8.55556 7.42682C7.99044 8.15115 7.62047 9.03518 7.52469 9.99987H5.5V11.4999H7.5V12.9999H5.5V14.4999H7.60002C7.85089 15.7358 8.5576 16.8061 9.53703 17.5278L8.04526 20.791L8.95474 21.2068ZM10.1802 16.1208C9.45633 15.4795 9 14.543 9 13.4999V10.4999C9 8.56688 10.567 6.99987 12.5 6.99987C13.1003 6.99987 13.6653 7.15099 14.159 7.41726L10.1802 16.1208ZM15.8555 9.50143L16.6645 7.73179C17.1053 8.39371 17.3926 9.16671 17.4753 9.99987H19.5V11.4999H17.5V12.9999H19.5V14.4999H17.4C16.9367 16.7821 14.919 18.4999 12.5 18.4999C12.2508 18.4999 12.0058 18.4817 11.7664 18.4465L12.428 16.9992C12.4519 16.9997 12.4759 16.9999 12.5 16.9999C14.433 16.9999 16 15.4329 16 13.4999V10.4999C16 10.153 15.9495 9.81782 15.8555 9.50143Z" fill="#0CED57"/> </svg> </span> <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 3.17578L19.25 6.24378V10.8178C19.25 14.7178 16.746 18.4078 13.215 19.5728C12.7506 19.7259 12.2494 19.7259 11.785 19.5728C8.255 18.4088 5.75 14.7168 5.75 10.8178V6.24378L12.5 3.17578ZM7.25 7.20978V10.8178C7.25 14.1308 9.395 17.2058 12.255 18.1478C12.414 18.2008 12.586 18.2008 12.745 18.1478C15.605 17.2058 17.75 14.1308 17.75 10.8178V7.20978L12.5 4.82378L7.25 7.20978Z" fill="#0CED57"/> </svg> </span> </div> </a> </li> <li> <a class="header__submenu-link" href="https://jetpack.com/features/growth/" > <p class="header__submenu-label"> <span> Growth </span> </p> <div class="header__submenu-bundle-icons"> <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M11.75 5H13.25V20H11.75V5Z" fill="#0CED57"/> <path d="M6.5 10H8V20H6.5V10Z" fill="#0CED57"/> <path d="M18.5 14H17V20H18.5V14Z" fill="#0CED57"/> </svg> </span> <span class="jp-product-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 5V17.2181L8.39977 15.1089V18.9383H7.04977V14.7135L4.59748 13.9951C3.64878 13.7172 3 12.8719 3 11.9136V10.3045C3 9.3462 3.64878 8.50085 4.59748 8.22295L15.6 5ZM14.25 15.459L8.39977 13.7453L8.39977 8.47274L14.25 6.75905V15.459ZM7.04977 8.86819L7.04977 13.3499L4.98899 12.7462C4.60951 12.635 4.35 12.2969 4.35 11.9136V10.3045C4.35 9.92116 4.60951 9.58302 4.98899 9.47186L7.04977 8.86819ZM17.4 11.7621H21V10.4571H17.4V11.7621ZM20.9996 15.4591L17.3996 14.5891V13.2841L20.9996 14.1541V15.4591ZM17.4 8.93412L21 8.06412V6.75913L17.4 7.62912V8.93412Z" fill="#0CED57"/> </svg> </span> <span class="jp-product-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3 7C3 5.89543 3.89543 5 5 5H19C20.1046 5 21 5.89543 21 7V17C21 18.1046 20.1046 19 19 19H5C3.89543 19 3 18.1046 3 17V7ZM5 6.5H19C19.2761 6.5 19.5 6.72386 19.5 7V7.93754L12 13.5625L4.5 7.93746V7C4.5 6.72386 4.72386 6.5 5 6.5ZM4.5 9.81246V17C4.5 17.2761 4.72386 17.5 5 17.5H19C19.2761 17.5 19.5 17.2761 19.5 17V9.81254L12 15.4375L4.5 9.81246Z" fill="#0CED57"/> </svg> </span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </li> <li class=""> <a class=" " data-target="pricing" href="https://jetpack.com/pricing/" > Pricing </a> </li> <li class=""> <a class=" " data-target="partners" href="https://jetpack.com/jetpack-partners/" > Partners </a> </li> <li class=""> <a class=" " data-target="support" href="https://jetpack.com/support/" > Support </a> </li> <li class=""> <a class=" " data-target="blog" href="https://jetpack.com/resources/" > Resources </a> </li> </ul> <ul class="header__actions-list"> <li> <a class="header__search-btn jetpack-search-filter__link" href="/?s=" aria-labelledby="jetpack-search-label"> <span aria-hidden="true"> <svg class="gridicon gridicons-search" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M21 19l-5.154-5.154C16.574 12.742 17 11.42 17 10c0-3.866-3.134-7-7-7s-7 3.134-7 7 3.134 7 7 7c1.42 0 2.742-.426 3.846-1.154L19 21l2-2zM5 10c0-2.757 2.243-5 5-5s5 2.243 5 5-2.243 5-5 5-5-2.243-5-5z"/></g></svg> </span> <span id="jetpack-search-label" class="header__search-label">Search</span> </a> </li> <li class="header__user-menu user-menu "> <a class="header__action-link js-login" href="https://jetpack.com/login/"> Log in </a> </li> <li class="header__cta"> <a class="secondary-button js-get-started" href="https://jetpack.com/pricing/"> Get started </a> </li> </ul> </div> </nav> </header> <div class="in revolving-headers"> </div> </header> <div class="j-content"> <div class="content-wrapper"> <div class="post-categories"><a href="https://jetpack.com/resources/topic/jetpack-101/">Jetpack 101</a></div> <h1 class="entry-title">WordPress Block Themes: Development Tutorial for Beginners</h1> <div class="post-meta"> <div class="author-post-meta"> <img alt='Author avatar' src='https://0.gravatar.com/avatar/f1ea129c5360abe6eeae8e3085d30e42427bbc07eee6db46b0a19f484637dfc1?s=48&d=retro&r=G' srcset='https://0.gravatar.com/avatar/f1ea129c5360abe6eeae8e3085d30e42427bbc07eee6db46b0a19f484637dfc1?s=48&d=retro&r=G 1x, https://0.gravatar.com/avatar/f1ea129c5360abe6eeae8e3085d30e42427bbc07eee6db46b0a19f484637dfc1?s=72&d=retro&r=G 1.5x, https://0.gravatar.com/avatar/f1ea129c5360abe6eeae8e3085d30e42427bbc07eee6db46b0a19f484637dfc1?s=96&d=retro&r=G 2x, https://0.gravatar.com/avatar/f1ea129c5360abe6eeae8e3085d30e42427bbc07eee6db46b0a19f484637dfc1?s=144&d=retro&r=G 3x, https://0.gravatar.com/avatar/f1ea129c5360abe6eeae8e3085d30e42427bbc07eee6db46b0a19f484637dfc1?s=192&d=retro&r=G 4x' class='avatar avatar-48 is-rounded' height='48' width='48' loading='lazy' decoding='async' /> <div class="author-name-wrapper"> <span class="author-name">Jen Swisher</span> <time datetime="2023-11-16T09:00:00+00:00">November 16, 2023</time> </div> </div> <div class="post-meta-share"> <ul class="wp-block-jetpack-sharing-buttons has-normal-icon-size jetpack-sharing-buttons__services-list jetpackme-custom-sharing-buttons is-content-justification-left is-layout-flex wp-container-jetpack-sharing-buttons-is-layout-1 wp-block-jetpack-sharing-buttons-is-layout-flex" id="jetpack-sharing-serivces-list"><li class="jetpack-sharing-button__list-item"><a href="https://jetpack.com/resources/wordpress-block-themes/?share=facebook&nb=1" target="_blank" rel="nofollow noopener noreferrer" class="jetpack-sharing-button__button style-icon share-facebook" style="color:#003010;background-color:#ffffff00;" data-service="facebook" data-shared="sharing-facebook-227321" aria-label="Share on Facebook"><svg class="social-logo social-logo-facebook" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"/></g></svg><span class="jetpack-sharing-button__service-label" aria-hidden="true">Facebook</span></a></li> <li class="jetpack-sharing-button__list-item"><a href="https://jetpack.com/resources/wordpress-block-themes/?share=x&nb=1" target="_blank" rel="nofollow noopener noreferrer" class="jetpack-sharing-button__button style-icon share-x" style="color:#003010;background-color:#ffffff00;" data-service="x" data-shared="sharing-x-227321" aria-label="Share on X"><svg class="social-logo social-logo-x" height="24" width="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><path d="M13.982 10.622L20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378zm-2.128 2.474l-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787z"/></g></svg><span class="jetpack-sharing-button__service-label" aria-hidden="true">X</span></a></li> <li class="jetpack-sharing-button__list-item"><a href="mailto:?subject=%5BShared%20Post%5D%20Wordpress%20Block%20Themes%3A%20Development%20Tutorial%20for%20Beginners&body=https%3A%2F%2Fjetpack.com%2Fresources%2Fwordpress-block-themes%2F&share=email" target="_blank" rel="nofollow noopener noreferrer" class="jetpack-sharing-button__button style-icon share-mail" style="color:#003010;background-color:#ffffff00;" data-service="mail" data-shared="sharing-mail-227321" aria-label="Share on Mail"><svg class="social-logo social-logo-mail" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4.236l-8 4.882-8-4.882V6h16v2.236z"/></g></svg><span class="jetpack-sharing-button__service-label" aria-hidden="true">Mail</span></a></li> <li class="jetpack-sharing-button__list-item tooltip"><a href="https://jetpack.com/resources/wordpress-block-themes/" target="_blank" rel="nofollow noopener noreferrer" class="jetpack-sharing-button__button style-icon share-share" style="color:#003010;background-color:#ffffff00;" data-service="share" data-shared="sharing-share-227321" aria-label="Share using Native tools"><svg class="social-logo social-logo-share" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M18 16c-.788 0-1.499.31-2.034.807L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.048 4.118A2.981 2.981 0 0015 19a3 3 0 103-3z"/></g></svg><span class="jetpack-sharing-button__service-label" aria-hidden="true">Share</span><span class="tooltiptext" aria-live="assertive">Copied to clipboard</span></a></li></ul> </div> </div> <img width="850" height="468" srcset="https://jetpack.com/wp-content/uploads/2023/10/block_themes.png?w=850 1x, https://jetpack.com/wp-content/uploads/2023/10/block_themes.png?w=1700 2x, https://jetpack.com/wp-content/uploads/2023/10/block_themes.png?w=2550 3x" src="https://jetpack.com/wp-content/uploads/2023/10/block_themes.png?w=850" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://jetpack.com/wp-content/uploads/2023/10/block_themes.png?w=850 850w, https://jetpack.com/wp-content/uploads/2023/10/block_themes.png?w=1700 1700w, https://jetpack.com/wp-content/uploads/2023/10/block_themes.png?w=150 150w, https://jetpack.com/wp-content/uploads/2023/10/block_themes.png?w=300 300w, https://jetpack.com/wp-content/uploads/2023/10/block_themes.png?w=768 768w, https://jetpack.com/wp-content/uploads/2023/10/block_themes.png?w=1024 1024w" sizes="(max-width: 850px) 100vw, 850px" data-attachment-id="227323" data-permalink="https://jetpack.com/resources/wordpress-block-themes/block_themes/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/block_themes.png" data-orig-size="3000,1650" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Block_Themes" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/block_themes.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/block_themes.png?w=850" /> <div class="entry-content"> <p>Whether you’ve been working in the WordPress community for a while or are new to the platform, you’ve probably heard the term “block themes”. Perhaps you’re currently using a classic theme on your site and are curious about switching to a block theme. Or maybe you’re not sure where to start when it comes to choosing a theme to begin with.</p> <p>So let’s dive into the topic of block themes. In this post, we’ll talk about what they are and explore their benefits. Then, we’ll briefly touch on how to switch to a block theme, see some examples, and learn how to set up and use a block theme. </p> <span id="more-227321"></span> <h2 class="wp-block-heading">What are block themes in WordPress?</h2> <p>Block themes are an incredibly powerful type of theme that allow site owners to edit all aspects of their WordPress website without code, including headers, footers, and page templates. They do this with blocks — individual elements like paragraphs, images, and columns — that users can drag and drop to build their website. </p> <p>With block themes, even the most inexperienced website owner can design and build a beautiful site. But, at the same time, developers can harness the power of block themes to speed up their workflow and create even more intricate, effective sites.</p> <h2 class="wp-block-heading">What is full site editing (FSE) in WordPress?</h2> <p><a href="https://developer.wordpress.org/block-editor/getting-started/full-site-editing/" target="_blank" rel="noreferrer noopener">Full site editing</a> (FSE) encompasses the features used to expand blocks beyond content to reach all aspects of a website. This allows everyone to build and design everything from pages and posts to checkout processes and sidebars without needing to work with code.</p> <p>The key elements of full site editing include:</p> <ul class="wp-block-list"> <li>The Site Editor, which is the interface used for building pages, templates, template parts, and more with blocks</li> <li>A Styles tool, which allows you to configure the look and feel of blocks and your site as a whole</li> <li>Templates, which are layouts for things like blog posts and Checkout pages</li> <li>Template parts, which include individual elements like headers and footers</li> <li>Block patterns, which are unique design groupings that you can use across your site, such as a pricing table</li> <li>The <em>theme.json </em>file, which is a tool for those familiar with code to configure default block styles and settings in more detail</li> </ul> <p>Block themes unlock the features of full site editing. Without a block theme activated, a website cannot use these tools.</p> <h2 class="wp-block-heading">What are the benefits of using a block theme?</h2> <p>There are a number of benefits to block themes. Let’s take a closer look at just a few.</p> <h3 class="wp-block-heading">1. The ability to edit your entire WordPress site without code</h3> <p>Thanks to full site editing, you can use blocks to build everything from pages and posts to Checkout pages, blog post templates, and headers. Simply drag and drop elements into the page, then use a simple settings panel to customize the look and functionality of each one.</p> <p>You can also take advantage of features like the Styles panel, where you can set colors, fonts, spacing, and other design options across your entire website.</p> <p>This means that everyone has the capability to build a beautiful, functional website, even if they aren’t a developer. </p> <h3 class="wp-block-heading">2. An improved workflow</h3> <p>Both experienced WordPress developers and beginners can work much faster using block themes. Instead of needing to edit theme files or write code to make changes to templates and other site elements, users can simply drag, drop, and edit settings.</p> <p>With reusable blocks, you can create and configure a block exactly how you’d like, save it, then use it as many times as you’d like across your website. And when you make a change to one, it will update for every instance. </p> <p>And with block patterns, you can quickly add entire sections to pages and templates, reducing the need to create individual elements.</p> <h3 class="wp-block-heading">3. Better website performance</h3> <p>Using a block theme enables you to build a full-featured website without needing to install a page builder plugin. This can eliminate the bloat involved with these types of tools, while still allowing you to benefit from advanced features.</p> <p>In addition, the code output from the block editor is both lighter and cleaner than that of page builder plugins. So if the same template is built with the block editor rather than a page builder, it should load faster.</p> <h3 class="wp-block-heading">4. The ability to adapt to the future of WordPress</h3> <p>Block themes and full site editing are the future of WordPress. There are constantly new themes and features being released that can make your site even better. And plugin developers are always working to release new tools that make integrating their features into the Site Editor even simpler.</p> <p>If you want to future-proof your WordPress site, then a block theme is the way to go.</p> <h2 class="wp-block-heading">How do block themes differ from classic WordPress themes?</h2> <p>In simple terms, block themes are made entirely of blocks, while classic WordPress themes only use blocks for content like pages and posts. Instead of the WordPress Customizer, Navigation, and Widget areas, the ability to edit the design and functionality of your site is housed in the Site Editor.</p> <p>At the code level, block themes are composed of block-based HTML templates. Classic themes, however, rely on PHP files. The file storage for classic and block themes is also set up differently.</p> <h2 class="wp-block-heading">Can a classic theme be converted into a block theme?</h2> <p>Yes, absolutely! While the steps involved in converting a classic theme to a block theme vary depending on the themes you’re working with, the process typically consists of these steps:</p> <ol class="wp-block-list"> <li><a href="https://jetpack.com/blog/how-to-back-up-your-wordpress-site/" target="_blank" rel="noreferrer noopener">Back up your website</a> and use a staging site if possible.</li> <li>Copy all existing widget content and custom code. Then, ensure that existing plugins are compatible with your new block theme.</li> <li>Choose and activate your new block theme.</li> <li>Configure your sitewide styles.</li> <li>Build the framework of your site.</li> <li>Tweak (or rebuild) any pages or posts, as necessary.</li> <li>Test the site in full, then push the new design live.</li> </ol> <p>Read all the details in our guide to <a href="https://jetpack.com/blog/wordpress-switch-from-classic-to-block-theme/" target="_blank" rel="noreferrer noopener">switching from a classic theme to a block theme</a>.</p> <h2 class="wp-block-heading">Five examples of WordPress block themes</h2> <p>Want to see some examples of block themes in action? There are lots of great options to choose from, but let’s look at five of them in more detail.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227328" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-68-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-68.png" data-orig-size="1600,827" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-68" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-68.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-68.png?w=850" width="1600" height="827" src="https://jetpack.com/wp-content/uploads/2023/10/image-68.png" alt="The Twenty Twenty-Three theme is a community theme, which means that not only is it free, it’s also built and supported by the WordPress community." class="wp-image-227328" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-68.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-68.png?w=150&h=78 150w, https://jetpack.com/wp-content/uploads/2023/10/image-68.png?w=300&h=155 300w, https://jetpack.com/wp-content/uploads/2023/10/image-68.png?w=768&h=397 768w, https://jetpack.com/wp-content/uploads/2023/10/image-68.png?w=1024&h=529 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <h3 class="wp-block-heading">1. <em>Twenty Twenty-Three</em></h3> <p>The <em>Twenty Twenty-Three </em>theme is a community theme, which means that not only is it free, it’s also built and supported by the WordPress community.</p> <p>It has a clean foundation, which makes it the perfect option for getting your feet wet with block themes. It’s also an excellent choice for simple websites, and gives you a lot of opportunity to add your personal touch.</p> <p>It includes ten unique style variations, along with various straightforward templates, including 404, Search, and Archive. </p> <figure class="wp-block-image size-full"><img data-attachment-id="227329" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-69-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-69.png" data-orig-size="1600,1012" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-69" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-69.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-69.png?w=850" width="1600" height="1012" src="https://jetpack.com/wp-content/uploads/2023/10/image-69.png" alt="Bricksy is another free option available from the WordPress.org theme repository full of block patterns that can make designing a modern website super quick and easy." class="wp-image-227329" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-69.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-69.png?w=150&h=95 150w, https://jetpack.com/wp-content/uploads/2023/10/image-69.png?w=300&h=190 300w, https://jetpack.com/wp-content/uploads/2023/10/image-69.png?w=768&h=486 768w, https://jetpack.com/wp-content/uploads/2023/10/image-69.png?w=1024&h=648 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <h3 class="wp-block-heading">2. <a href="https://wordpress.org/themes/bricksy/" target="_blank" rel="noreferrer noopener"><em>Bricksy</em></a></h3> <p><em>Bricksy</em> is another free option available from the WordPress.org theme repository. It’s chock-full of block patterns that can make designing a modern website super quick and easy. For example, you can drag and drop image grids, beautiful column designs, or even entire page patterns. Then, just customize them to your liking and you’re good to go!</p> <p>The <em>Bricksy </em>theme does offer a premium version that includes additional features along with support from the development team.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227331" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-70-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-70.png" data-orig-size="1600,762" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-70" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-70.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-70.png?w=850" loading="lazy" width="1600" height="762" src="https://jetpack.com/wp-content/uploads/2023/10/image-70.png" alt="The Blockpress theme markets itself as a “feature rich block theme,” and that’s a great description. It really dives into performance." class="wp-image-227331" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-70.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-70.png?w=150&h=71 150w, https://jetpack.com/wp-content/uploads/2023/10/image-70.png?w=300&h=143 300w, https://jetpack.com/wp-content/uploads/2023/10/image-70.png?w=768&h=366 768w, https://jetpack.com/wp-content/uploads/2023/10/image-70.png?w=1024&h=488 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <h3 class="wp-block-heading">3. <a href="https://blockpresswp.com/" target="_blank" rel="noreferrer noopener"><em>Blockpress</em></a> </h3> <p>The <em>Blockpress</em> theme markets itself as a “feature rich block theme,” and that’s a great description. It really dives into performance, with features like conditional asset loading and optimized WooCommerce templates.</p> <p>Not only does it embrace full site editing, it also includes tons of block patterns and full page templates that make designing your site simple and fast.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227332" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-71-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-71.png" data-orig-size="1600,735" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-71" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-71.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-71.png?w=850" loading="lazy" width="1600" height="735" src="https://jetpack.com/wp-content/uploads/2023/10/image-71.png" alt="Mugistore premium block theme ($59) caters specifically to ecommerce stores." class="wp-image-227332" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-71.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-71.png?w=150&h=69 150w, https://jetpack.com/wp-content/uploads/2023/10/image-71.png?w=300&h=138 300w, https://jetpack.com/wp-content/uploads/2023/10/image-71.png?w=768&h=353 768w, https://jetpack.com/wp-content/uploads/2023/10/image-71.png?w=1024&h=470 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <h3 class="wp-block-heading">4. <a href="https://ainoblocks.io/themes/mugistore/" target="_blank" rel="noreferrer noopener"><em>Mugistore</em></a></h3> <p>This premium block theme ($59) caters specifically to ecommerce stores, including blocks for mini carts, product categories, calls to action, pricing pages, and more. It also offers predefined style variations and page designs for a truly custom site.</p> <p>If you’re not a merchant, you can also check out <a href="https://ainoblocks.io/themes/" target="_blank" rel="noreferrer noopener">the other themes</a> from AinoBlocks, with designs for small businesses, online news sites, and resumes. </p> <figure class="wp-block-image size-full"><img data-attachment-id="227334" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-72-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-72.png" data-orig-size="1600,1046" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-72" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-72.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-72.png?w=850" loading="lazy" width="1600" height="1046" src="https://jetpack.com/wp-content/uploads/2023/10/image-72.png" alt="The Tove theme is another free block theme option available from the WordPress.org repository. Built with cafés and restaurants in mind." class="wp-image-227334" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-72.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-72.png?w=150&h=98 150w, https://jetpack.com/wp-content/uploads/2023/10/image-72.png?w=300&h=196 300w, https://jetpack.com/wp-content/uploads/2023/10/image-72.png?w=768&h=502 768w, https://jetpack.com/wp-content/uploads/2023/10/image-72.png?w=1024&h=669 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <h3 class="wp-block-heading">5. <a href="https://wordpress.org/themes/tove/" target="_blank" rel="noreferrer noopener">Tove</a></h3> <p>The <em>Tove</em> theme is another free block theme option available from the WordPress.org repository. While it was built with cafés and restaurants in mind, you can use the power of full site editing to make it look great for any industry. </p> <p>It includes more than 40 block patterns — pricing tables, calls to action, hero images, FAQs, and more — including several header and footer designs. </p> <div class="cta-install blog-insert"> <div class="color-blobs"> <span class="blob green"></span> <span class="blob yellow"></span> </div> <div class="cta-content no-icon"> <p class="cta-heading no-widows"> Explore the benefits of Jetpack </p> <p class="cta-body"> Learn how Jetpack can help you protect, speed up, and grow your WordPress site. <a class="inline-cta no-widows" href="https://jetpack.com/pricing/" > Get up to 50% off your first year. </a> </p> <a id="blog-post-id-227321" class="wp-button is-primary" href="https://jetpack.com/pricing/" data-product="jetpack" data-location="blog-middle-inline-product-banner" > Explore plans </a> </div> </div> <br /> <h2 class="wp-block-heading">How to set up and use a WordPress block theme</h2> <p>Once you’ve chosen a block theme, it’s time to install and activate it on your website. If you’re working with an existing website, make sure you make a full backup before following the instructions below. The best option for this is a tool like <a href="https://jetpack.com/upgrade/backup/" target="_blank" rel="noreferrer noopener">Jetpack VaultPress Backup</a>, which includes real-time backups and fast, easy restores.</p> <p>Now, log into your WordPress dashboard and navigate to <strong>Appearance → Themes. </strong>Then, click <strong>Add New</strong> at the top.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227335" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-73-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-73.png" data-orig-size="1600,500" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-73" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-73.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-73.png?w=850" loading="lazy" width="1600" height="500" src="https://jetpack.com/wp-content/uploads/2023/10/image-73.png" alt="Once you’ve chosen a block theme, it’s time to install and activate it on your website. Jetpack VaultPress Backup, which includes real-time backups and fast, easy restores." class="wp-image-227335" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-73.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-73.png?w=150&h=47 150w, https://jetpack.com/wp-content/uploads/2023/10/image-73.png?w=300&h=94 300w, https://jetpack.com/wp-content/uploads/2023/10/image-73.png?w=768&h=240 768w, https://jetpack.com/wp-content/uploads/2023/10/image-73.png?w=1024&h=320 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>If the block theme you want to use is available in the WordPress.org theme repository, look for it using the search bar at the top right.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227336" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-74-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-74.png" data-orig-size="1600,575" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-74" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-74.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-74.png?w=850" loading="lazy" width="1600" height="575" src="https://jetpack.com/wp-content/uploads/2023/10/image-74.png" alt="If the block theme you want to use is available in the WordPress.org theme repository, look for it using the search bar at the top right." class="wp-image-227336" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-74.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-74.png?w=150&h=54 150w, https://jetpack.com/wp-content/uploads/2023/10/image-74.png?w=300&h=108 300w, https://jetpack.com/wp-content/uploads/2023/10/image-74.png?w=768&h=276 768w, https://jetpack.com/wp-content/uploads/2023/10/image-74.png?w=1024&h=368 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>Or, if you downloaded a theme from another source, such as a premium theme developer, you can click the <strong>Upload Theme</strong> button at the top left. There, you can choose the theme file and upload it to your site.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227337" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-75-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-75.png" data-orig-size="1448,422" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-75" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-75.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-75.png?w=850" loading="lazy" width="1448" height="422" src="https://jetpack.com/wp-content/uploads/2023/10/image-75.png" alt="If you downloaded a theme from another source, you can click the Upload Theme button at the top left." class="wp-image-227337" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-75.png 1448w, https://jetpack.com/wp-content/uploads/2023/10/image-75.png?w=150&h=44 150w, https://jetpack.com/wp-content/uploads/2023/10/image-75.png?w=300&h=87 300w, https://jetpack.com/wp-content/uploads/2023/10/image-75.png?w=768&h=224 768w, https://jetpack.com/wp-content/uploads/2023/10/image-75.png?w=1024&h=298 1024w" sizes="(max-width: 1448px) 100vw, 1448px" /></figure> <p>Hover over the theme you want to use and click <strong>Install → Activate. </strong>Now you can start using and customizing your theme!</p> <h2 class="wp-block-heading">How to customize the design of a block theme</h2> <p>Once you’ve installed your theme, you’ll want to customize it to match your needs and brand. Let’s take a look at a few ways to do this.</p> <p>Note that for the purposes of this tutorial, we’re using the <em>Twenty Twenty-Three </em>theme.</p> <h3 class="wp-block-heading">Edit your block theme’s navigation</h3> <p>Start by going to <strong>Appearance → Editor </strong>in your site’s dashboard. Then, select <strong>Navigation. </strong></p> <figure class="wp-block-image size-full"><img data-attachment-id="227338" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-76-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-76.png" data-orig-size="1600,772" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-76" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-76.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-76.png?w=850" loading="lazy" width="1600" height="772" src="https://jetpack.com/wp-content/uploads/2023/10/image-76.png" alt="Start by going to Appearance → Editor in your site’s dashboard. Then, select Navigation. " class="wp-image-227338" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-76.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-76.png?w=150&h=72 150w, https://jetpack.com/wp-content/uploads/2023/10/image-76.png?w=300&h=145 300w, https://jetpack.com/wp-content/uploads/2023/10/image-76.png?w=768&h=371 768w, https://jetpack.com/wp-content/uploads/2023/10/image-76.png?w=1024&h=494 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>While you may have navigation in other places, like your footer or sidebar, let’s focus on the main menu, which typically lives in the header. </p> <p>In the Navigation panel, you’ll see a list of the pages in your main menu. If you want to move them around, simply click on one and drag and drop it into place. You can also click the vertical ellipses that appear when hovering over a page, and choose to move it up or down, visit the page, or remove the page from the menu entirely.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227339" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-77-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-77.png" data-orig-size="1600,784" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-77" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-77.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-77.png?w=850" loading="lazy" width="1600" height="784" src="https://jetpack.com/wp-content/uploads/2023/10/image-77.png" alt="In the Navigation panel, you’ll notice a list of the pages in your main menu. You can move it up or down, visit the page, or remove the page from the menu entirely." class="wp-image-227339" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-77.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-77.png?w=150&h=74 150w, https://jetpack.com/wp-content/uploads/2023/10/image-77.png?w=300&h=147 300w, https://jetpack.com/wp-content/uploads/2023/10/image-77.png?w=768&h=376 768w, https://jetpack.com/wp-content/uploads/2023/10/image-77.png?w=1024&h=502 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>If you click the pencil icon next to the menu name, it will take you to a new page, where you can add and remove items from the menu using the Navigation block.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227340" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-78-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-78.png" data-orig-size="1600,757" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-78" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-78.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-78.png?w=850" loading="lazy" width="1600" height="757" src="https://jetpack.com/wp-content/uploads/2023/10/image-78.png" alt="If you click the pencil icon near the menu name, it will take you to a new page, where you can add and remove items from the menu using the Navigation block." class="wp-image-227340" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-78.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-78.png?w=150&h=71 150w, https://jetpack.com/wp-content/uploads/2023/10/image-78.png?w=300&h=142 300w, https://jetpack.com/wp-content/uploads/2023/10/image-78.png?w=768&h=363 768w, https://jetpack.com/wp-content/uploads/2023/10/image-78.png?w=1024&h=484 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>On the right-hand side, you’ll see the list of pages again. If you click the black <strong>+ </strong>icon, you can choose from various items that you can add, including page links, custom links, social icons, and search bars. Click <strong>Browse All </strong>if you want to see all of your options.</p> <p>To simply add a link to a page on your site, click <strong>Page Link. </strong></p> <figure class="wp-block-image size-full"><img data-attachment-id="227341" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-79-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-79.png" data-orig-size="1600,757" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-79" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-79.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-79.png?w=850" loading="lazy" width="1600" height="757" src="https://jetpack.com/wp-content/uploads/2023/10/image-79.png" alt="To simply add a link to a page on your site, click Page Link. " class="wp-image-227341" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-79.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-79.png?w=150&h=71 150w, https://jetpack.com/wp-content/uploads/2023/10/image-79.png?w=300&h=142 300w, https://jetpack.com/wp-content/uploads/2023/10/image-79.png?w=768&h=363 768w, https://jetpack.com/wp-content/uploads/2023/10/image-79.png?w=1024&h=484 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>Now, search for the page you want to add, select it, and it will show up in your menu. In the preview of the menu at the top left, click on an individual item to edit the options for it using the panel on the right side of the page. For example, you might rename the page or switch the URL.</p> <p>In the menu that appears directly above the item you want to edit, you can bold or italicize the text, add a dropdown menu, and more.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227342" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-80-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-80.png" data-orig-size="1380,498" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-80" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-80.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-80.png?w=850" loading="lazy" width="1380" height="498" src="https://jetpack.com/wp-content/uploads/2023/10/image-80.png" alt="In the menu that appears directly above the item you want to edit, you can bold or italicize the text, add a dropdown menu, and more." class="wp-image-227342" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-80.png 1380w, https://jetpack.com/wp-content/uploads/2023/10/image-80.png?w=150&h=54 150w, https://jetpack.com/wp-content/uploads/2023/10/image-80.png?w=300&h=108 300w, https://jetpack.com/wp-content/uploads/2023/10/image-80.png?w=768&h=277 768w, https://jetpack.com/wp-content/uploads/2023/10/image-80.png?w=1024&h=370 1024w" sizes="(max-width: 1380px) 100vw, 1380px" /></figure> <p>You can experiment with all of these tools and add pages until you get the exact look and functionality that you’re going for. When you’re made all your changes, click the blue <strong>Save</strong> button at the top right.</p> <h3 class="wp-block-heading">Change your block theme’s styles</h3> <p>Back in the Editor, choose <strong>Styles </strong>this time to navigate to all the style options for the theme you’re using. Right out of the box, you’ll see a grid of predefined theme styles that you can choose from. Select one to preview it on the right side of the page.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227343" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-81-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-81.png" data-orig-size="1600,767" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-81" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-81.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-81.png?w=850" loading="lazy" width="1600" height="767" src="https://jetpack.com/wp-content/uploads/2023/10/image-81.png" alt="In the Editor, choose Styles this time to navigate to all the style options for the theme you’re using. " class="wp-image-227343" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-81.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-81.png?w=150&h=72 150w, https://jetpack.com/wp-content/uploads/2023/10/image-81.png?w=300&h=144 300w, https://jetpack.com/wp-content/uploads/2023/10/image-81.png?w=768&h=368 768w, https://jetpack.com/wp-content/uploads/2023/10/image-81.png?w=1024&h=491 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>You can choose one of these, then make edits as you see fit, or simply proceed to the next steps. Click the pencil icon to open the Styles panel on the right side of the Editor.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227345" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-82-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-82.png" data-orig-size="1600,781" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-82" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-82.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-82.png?w=850" loading="lazy" width="1600" height="781" src="https://jetpack.com/wp-content/uploads/2023/10/image-82.png" alt="You can choose one of these, then make edits as you see fit, or simply proceed to the next steps. " class="wp-image-227345" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-82.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-82.png?w=150&h=73 150w, https://jetpack.com/wp-content/uploads/2023/10/image-82.png?w=300&h=146 300w, https://jetpack.com/wp-content/uploads/2023/10/image-82.png?w=768&h=375 768w, https://jetpack.com/wp-content/uploads/2023/10/image-82.png?w=1024&h=500 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>The first option you’ll see is <strong>Typography. </strong>Clicking this will present you with a list of elements like text, links, and headings. </p> <figure class="wp-block-image size-full"><img data-attachment-id="227346" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-83-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-83.png" data-orig-size="1600,684" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-83" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-83.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-83.png?w=850" loading="lazy" width="1600" height="684" src="https://jetpack.com/wp-content/uploads/2023/10/image-83.png" alt="The first option you’ll see is Typography. Clicking this will present you with a list of elements like text, links, and headings. " class="wp-image-227346" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-83.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-83.png?w=150&h=64 150w, https://jetpack.com/wp-content/uploads/2023/10/image-83.png?w=300&h=128 300w, https://jetpack.com/wp-content/uploads/2023/10/image-83.png?w=768&h=328 768w, https://jetpack.com/wp-content/uploads/2023/10/image-83.png?w=1024&h=438 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>For example, select <strong>Headings</strong> to choose the typography for the headings across your site. Choose the font, appearance (bold, italic, etc.), line height, letter spacing, and letter case.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227347" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-84-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-84.png" data-orig-size="1600,683" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-84" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-84.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-84.png?w=850" loading="lazy" width="1600" height="683" src="https://jetpack.com/wp-content/uploads/2023/10/image-84.png" alt="Select Headings to choose the typography for the headings across your site. " class="wp-image-227347" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-84.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-84.png?w=150&h=64 150w, https://jetpack.com/wp-content/uploads/2023/10/image-84.png?w=300&h=128 300w, https://jetpack.com/wp-content/uploads/2023/10/image-84.png?w=768&h=328 768w, https://jetpack.com/wp-content/uploads/2023/10/image-84.png?w=1024&h=437 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>Back in the <strong>Styles</strong> panel, select <strong>Colors. </strong>There, you can set your <strong>Palette</strong>, which controls the options you can choose from when creating pages, posts, and templates throughout your site. This is extremely beneficial when it comes to accelerating your design process and equipping everyone working on your site with the information they need to be consistent.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227348" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-85-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-85.png" data-orig-size="1600,756" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-85" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-85.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-85.png?w=850" loading="lazy" width="1600" height="756" src="https://jetpack.com/wp-content/uploads/2023/10/image-85.png" alt="Back in the Styles panel, select Colors and set your Palette, which controls the options you can choose from when creating pages, posts, and templates throughout your site. " class="wp-image-227348" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-85.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-85.png?w=150&h=71 150w, https://jetpack.com/wp-content/uploads/2023/10/image-85.png?w=300&h=142 300w, https://jetpack.com/wp-content/uploads/2023/10/image-85.png?w=768&h=363 768w, https://jetpack.com/wp-content/uploads/2023/10/image-85.png?w=1024&h=484 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>You can also set the default colors for elements like text, background, links, and more.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227349" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-86-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-86.png" data-orig-size="1600,1227" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-86" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-86.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-86.png?w=850" loading="lazy" width="1600" height="1227" src="https://jetpack.com/wp-content/uploads/2023/10/image-86.png" alt="You can also set the default colors for elements like text, background, links, and more." class="wp-image-227349" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-86.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-86.png?w=150&h=115 150w, https://jetpack.com/wp-content/uploads/2023/10/image-86.png?w=300&h=230 300w, https://jetpack.com/wp-content/uploads/2023/10/image-86.png?w=768&h=589 768w, https://jetpack.com/wp-content/uploads/2023/10/image-86.png?w=1024&h=785 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>Again in the <strong>Styles </strong>panel, choose the <strong>Layout </strong>option. This lets you set the width of the main content area on your site, along with its padding and block spacing.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227350" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-87-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-87.png" data-orig-size="1600,750" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-87" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-87.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-87.png?w=850" loading="lazy" width="1600" height="750" src="https://jetpack.com/wp-content/uploads/2023/10/image-87.png" alt="In the Styles panel, choose the Layout option. This lets you set the width of the main content area on your site, along with its padding and block spacing." class="wp-image-227350" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-87.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-87.png?w=150&h=70 150w, https://jetpack.com/wp-content/uploads/2023/10/image-87.png?w=300&h=141 300w, https://jetpack.com/wp-content/uploads/2023/10/image-87.png?w=768&h=360 768w, https://jetpack.com/wp-content/uploads/2023/10/image-87.png?w=1024&h=480 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>The final element in the <strong>Styles </strong>panel is <strong>Blocks. </strong>This section allows you to configure global settings for specific blocks. When you first open it, you’ll see a list of all the blocks in your library. You can scroll through these or use the search box to look for a specific one. </p> <figure class="wp-block-image size-full"><img data-attachment-id="227351" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-88-3/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-88.png" data-orig-size="1600,758" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-88" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-88.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-88.png?w=850" loading="lazy" width="1600" height="758" src="https://jetpack.com/wp-content/uploads/2023/10/image-88.png" alt="The final element in the Styles panel is Blocks. This section allows you to configure global settings for specific blocks. " class="wp-image-227351" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-88.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-88.png?w=150&h=71 150w, https://jetpack.com/wp-content/uploads/2023/10/image-88.png?w=300&h=142 300w, https://jetpack.com/wp-content/uploads/2023/10/image-88.png?w=768&h=364 768w, https://jetpack.com/wp-content/uploads/2023/10/image-88.png?w=1024&h=485 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>The options for each will vary, but let’s take a look at the Button block. Once it’s open, you’ll see a list of settings specific to that block. For example, here you’ll see choices like text and background color, typography, padding, border, and effects. </p> <p>Any changes that you make will apply to all instances of that block across your site. As you can see, this can save you a tremendous amount of time.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227353" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-89-2/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-89.png" data-orig-size="1600,662" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-89" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-89.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-89.png?w=850" loading="lazy" width="1600" height="662" src="https://jetpack.com/wp-content/uploads/2023/10/image-89.png" alt="Any changes that you make will apply to all instances of that block across your site. " class="wp-image-227353" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-89.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-89.png?w=150&h=62 150w, https://jetpack.com/wp-content/uploads/2023/10/image-89.png?w=300&h=124 300w, https://jetpack.com/wp-content/uploads/2023/10/image-89.png?w=768&h=318 768w, https://jetpack.com/wp-content/uploads/2023/10/image-89.png?w=1024&h=424 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <h3 class="wp-block-heading">Create and edit your site’s pages</h3> <p>Back in the Site Editor, you’ll also see an option for <strong>Pages. </strong>Here, you’ll see a list of the pages on your website. You can click on one to view information, edit it, or move it to the trash. Or, choose <strong>Manage all Pages </strong>to navigate to the <strong>Pages</strong> section of the WordPress dashboard.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227354" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-90-2/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-90.png" data-orig-size="1600,776" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-90" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-90.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-90.png?w=850" loading="lazy" width="1600" height="776" src="https://jetpack.com/wp-content/uploads/2023/10/image-90.png" alt="Back in the Site Editor, you’ll also notice an option for Pages. Here, you’ll see a list of the pages on your website to view information, edit, or move to the trash." class="wp-image-227354" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-90.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-90.png?w=150&h=73 150w, https://jetpack.com/wp-content/uploads/2023/10/image-90.png?w=300&h=146 300w, https://jetpack.com/wp-content/uploads/2023/10/image-90.png?w=768&h=372 768w, https://jetpack.com/wp-content/uploads/2023/10/image-90.png?w=1024&h=497 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>We’re not going to go into creating and editing pages in this particular article because you can do so with the block editor even if you’re not using a block theme. For a full tutorial, read our complete guide to the <a href="https://jetpack.com/blog/wordpress-block-editor/">WordPress block editor</a>.</p> <h3 class="wp-block-heading">Edit the templates included with your block theme</h3> <p>Now, click on <strong>Templates</strong> in the Site Editor. This will take you to a list of the templates included with your theme. </p> <figure class="wp-block-image size-full"><img data-attachment-id="227355" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-91-2/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-91.png" data-orig-size="1600,780" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-91" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-91.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-91.png?w=850" loading="lazy" width="1600" height="780" src="https://jetpack.com/wp-content/uploads/2023/10/image-91.png" alt="Click on Templates in the Site Editor. This will take you to a list of the templates included with your theme. " class="wp-image-227355" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-91.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-91.png?w=150&h=73 150w, https://jetpack.com/wp-content/uploads/2023/10/image-91.png?w=300&h=146 300w, https://jetpack.com/wp-content/uploads/2023/10/image-91.png?w=768&h=374 768w, https://jetpack.com/wp-content/uploads/2023/10/image-91.png?w=1024&h=499 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>These will vary depending on your theme, but let’s take a look at a standard one: the Single template, which is used for blog posts. Once you click on <strong>Single</strong>, you’ll see all the blocks that are there by default, including things like the Title block, Post Content block, and Post Featured Image block. </p> <p>You can make edits to these as you see fit. For example, you might move the featured image below the title, or change the font of the blog post text. </p> <p>You can also add new blocks to this template. In our example, below, we’ve already added a call to action that will display at the bottom of each blog post, before the comments.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227356" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-92-2/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-92.png" data-orig-size="1600,754" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-92" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-92.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-92.png?w=850" loading="lazy" width="1600" height="754" src="https://jetpack.com/wp-content/uploads/2023/10/image-92.png" alt="You can also add new blocks to this template. " class="wp-image-227356" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-92.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-92.png?w=150&h=71 150w, https://jetpack.com/wp-content/uploads/2023/10/image-92.png?w=300&h=141 300w, https://jetpack.com/wp-content/uploads/2023/10/image-92.png?w=768&h=362 768w, https://jetpack.com/wp-content/uploads/2023/10/image-92.png?w=1024&h=483 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>Now, let’s add some social media icons below the blog post title, so that readers can easily navigate to your social accounts for more content. To do this, find the Social Icons block and drag it directly beneath the Title block.</p> <p>Click the <strong>+ </strong>icon at the far right to add a social account. </p> <figure class="wp-block-image size-full"><img data-attachment-id="227357" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-93-2/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-93.png" data-orig-size="1600,521" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-93" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-93.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-93.png?w=850" loading="lazy" width="1600" height="521" src="https://jetpack.com/wp-content/uploads/2023/10/image-93.png" alt="Add some social media icons below the blog post title - find the Social Icons block and drag it directly beneath the Title block." class="wp-image-227357" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-93.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-93.png?w=150&h=49 150w, https://jetpack.com/wp-content/uploads/2023/10/image-93.png?w=300&h=98 300w, https://jetpack.com/wp-content/uploads/2023/10/image-93.png?w=768&h=250 768w, https://jetpack.com/wp-content/uploads/2023/10/image-93.png?w=1024&h=333 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>You can either select one from the list, click <strong>Browse all</strong> to see all the options, or use the search bar to find the one you’re looking for. Repeat this for all the accounts you want to include.</p> <p>Then, click on an individual icon to add a link to your account.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227358" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-94-2/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-94.png" data-orig-size="702,326" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-94" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-94.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-94.png?w=702" loading="lazy" width="702" height="326" src="https://jetpack.com/wp-content/uploads/2023/10/image-94.png" alt="Then, click on an individual icon to add a link to your account." class="wp-image-227358" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-94.png 702w, https://jetpack.com/wp-content/uploads/2023/10/image-94.png?w=150&h=70 150w, https://jetpack.com/wp-content/uploads/2023/10/image-94.png?w=300&h=139 300w" sizes="(max-width: 702px) 100vw, 702px" /></figure> <p>You can use the toolbar that appears above the Social Icons block to change the alignment, move icons around, and more. Or, use the Settings panel at the right to make additional changes, such as the shape and color of the icons.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227359" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-95-2/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-95.png" data-orig-size="1600,679" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-95" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-95.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-95.png?w=850" loading="lazy" width="1600" height="679" src="https://jetpack.com/wp-content/uploads/2023/10/image-95.png" alt="You can use the toolbar that appears above the Social Icons block to change the alignment, move icons around, and more. " class="wp-image-227359" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-95.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-95.png?w=150&h=64 150w, https://jetpack.com/wp-content/uploads/2023/10/image-95.png?w=300&h=127 300w, https://jetpack.com/wp-content/uploads/2023/10/image-95.png?w=768&h=326 768w, https://jetpack.com/wp-content/uploads/2023/10/image-95.png?w=1024&h=435 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>Once you’ve made all the changes, click the blue <strong>Save </strong>button at the top right. All the updates will be reflected across any post types that use that template.</p> <p>You can imagine the possibilities with being able to customize templates this easily. Quickly create a beautiful, branded 404 page. Simplify your Checkout process. Add a call to action to your Search page. Include size charts on all of your product pages. The options are truly unlimited.</p> <h3 class="wp-block-heading">Edit patterns and template parts</h3> <p>Back in the Site Editor, open the <strong>Patterns</strong> section. Here, you’ll see a list of your patterns, which are essentially block-based layouts for segments of your pages — e.g. forms, banners, and calls to action.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227360" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-96-2/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-96.png" data-orig-size="1600,782" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-96" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-96.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-96.png?w=850" loading="lazy" width="1600" height="782" src="https://jetpack.com/wp-content/uploads/2023/10/image-96.png" alt="Back in the Site Editor, open the Patterns section. Here, you’ll see a list of your patterns, which are essentially block-based layouts for segments of your pages." class="wp-image-227360" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-96.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-96.png?w=150&h=73 150w, https://jetpack.com/wp-content/uploads/2023/10/image-96.png?w=300&h=147 300w, https://jetpack.com/wp-content/uploads/2023/10/image-96.png?w=768&h=375 768w, https://jetpack.com/wp-content/uploads/2023/10/image-96.png?w=1024&h=500 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>Template parts are similarly composed of blocks, but are typically part of your overall site structure rather than individual pages and posts — e.g. your header and footer. For the purposes of this tutorial, let’s open the <strong>Footer </strong>template part.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227361" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-97-2/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-97.png" data-orig-size="1600,780" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-97" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-97.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-97.png?w=850" loading="lazy" width="1600" height="780" src="https://jetpack.com/wp-content/uploads/2023/10/image-97.png" alt="Template parts are similarly composed of blocks, but are typically part of your overall site structure rather than individual pages and posts." class="wp-image-227361" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-97.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-97.png?w=150&h=73 150w, https://jetpack.com/wp-content/uploads/2023/10/image-97.png?w=300&h=146 300w, https://jetpack.com/wp-content/uploads/2023/10/image-97.png?w=768&h=374 768w, https://jetpack.com/wp-content/uploads/2023/10/image-97.png?w=1024&h=499 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>You’ll see that it’s set, in this case, to display a Site Title block and a Paragraph block. Let’s instead create something with a bit more content. First, we’ll remove what’s currently there. Then, we’ll add a Columns block and select <strong>33 / 33 / 33.</strong> This will create three equally-sized columns.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227362" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-98-2/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-98.png" data-orig-size="1600,675" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-98" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-98.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-98.png?w=850" loading="lazy" width="1600" height="675" src="https://jetpack.com/wp-content/uploads/2023/10/image-98.png" alt="Add a Columns block and select 33 / 33 / 33 in the list of column variations. This will create three equally-sized columns." class="wp-image-227362" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-98.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-98.png?w=150&h=63 150w, https://jetpack.com/wp-content/uploads/2023/10/image-98.png?w=300&h=127 300w, https://jetpack.com/wp-content/uploads/2023/10/image-98.png?w=768&h=324 768w, https://jetpack.com/wp-content/uploads/2023/10/image-98.png?w=1024&h=432 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>In the first column, we’ll add a Social Icons block. In the second, we’ll add a Recent Posts block. Then, in the third, we’ll include our logo.</p> <figure class="wp-block-image size-full"><img data-attachment-id="227363" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-99-2/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-99.png" data-orig-size="1600,520" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-99" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-99.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-99.png?w=850" loading="lazy" width="1600" height="520" src="https://jetpack.com/wp-content/uploads/2023/10/image-99.png" alt="In the first column, we’ll add a Social Icons block. In the second, we’ll add a Recent Posts block. Then, in the third, we’ll include our logo." class="wp-image-227363" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-99.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-99.png?w=150&h=49 150w, https://jetpack.com/wp-content/uploads/2023/10/image-99.png?w=300&h=98 300w, https://jetpack.com/wp-content/uploads/2023/10/image-99.png?w=768&h=250 768w, https://jetpack.com/wp-content/uploads/2023/10/image-99.png?w=1024&h=333 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>Again, when you click <strong>Save, </strong>the changes will be reflected across the entire site.</p> <h2 class="wp-block-heading">Advanced: How to create a block theme from scratch</h2> <p>There are several instances in which you may want to create your own theme. Perhaps you’re a developer and want to create something custom that you can use for client sites. Or maybe you run multiple websites and want to use the same theme, with the same customizations, across each one. Thankfully, with full site editing, this process isn’t nearly as complicated as you might think.</p> <p>Your first step is to download a block theme of your choosing as a starting point. Then, make any theme customizations that you’d like, following the steps outlined above. </p> <p>Your next step is to install the <a href="https://wordpress.org/plugins/create-block-theme/" target="_blank" rel="noreferrer noopener">Create Block Theme plugin</a>, which is free from the WordPress repository. Once the plugin is activated, go to <strong>Appearance → Create Block Theme</strong> in your WordPress dashboard. </p> <figure class="wp-block-image size-full"><img data-attachment-id="227364" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-100-2/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-100.png" data-orig-size="1600,1093" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-100" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-100.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-100.png?w=850" loading="lazy" width="1600" height="1093" src="https://jetpack.com/wp-content/uploads/2023/10/image-100.png" alt="Install the Create Block Theme plugin (free from the WordPress repository)." class="wp-image-227364" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-100.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-100.png?w=150&h=102 150w, https://jetpack.com/wp-content/uploads/2023/10/image-100.png?w=300&h=205 300w, https://jetpack.com/wp-content/uploads/2023/10/image-100.png?w=768&h=525 768w, https://jetpack.com/wp-content/uploads/2023/10/image-100.png?w=1024&h=700 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>You’ll see several ways that you can export your theme:</p> <ul class="wp-block-list"> <li>Export (export the active theme with the changes you made)</li> <li>Create child (create a new child theme with the activated theme as the parent)</li> <li>Clone (clone the active theme)</li> <li>Overwrite (save user changes as theme changes and delete the user changes)</li> <li>Create blank theme (generate blank theme inside of the theme directory)</li> <li>Create a style variation (save user changes as a style variation of the active theme)</li> </ul> <p>Depending on the one you choose, you may have to fill out a few additional fields, like the theme name and author name. You can then generate the theme, download it as a .zip file, and use it on any site that you’d like.</p> <p>Want to develop a block theme completely from scratch? Learn all about creating a block theme from the <a href="https://developer.wordpress.org/themes/block-themes/" target="_blank" rel="noreferrer noopener">WordPress developer resources</a> handbook.</p> <h2 class="wp-block-heading">Frequently asked questions about block themes</h2> <p>Still have questions? Let’s answer some common ones about block themes.</p> <h3 class="wp-block-heading">Are there any limitations to using block themes?</h3> <p>In general, block themes are incredibly flexible. They allow you to create any sort of design you’d like for your site, even without working with code. </p> <p>However, there are some plugins that aren’t currently compatible with block themes. Examples of these include plugins that are designed for editing classic menus, managing comments that don’t work with the comment blocks, and using the WordPress Customizer.</p> <p>The majority of established WordPress plugins, though, are adapting to work seamlessly with block themes and the Site Editor.</p> <h3 class="wp-block-heading">Are block themes compatible with all WordPress plugins?</h3> <p>While the majority of established plugins work seamlessly with block themes, there are a few cases in which you might need to find an alternative solution. Examples include:</p> <ul class="wp-block-list"> <li>A plugin that works using widgets only</li> <li>A tool that was designed to modify classic menus rather than the Navigation block</li> <li>A comment management plugin that doesn’t work with the comment blocks</li> <li>A plugin that solely uses the WordPress Customizer</li> </ul> <p>However, in most situations, you should be able to use the tools you need.</p> <h3 class="wp-block-heading">Can I use custom CSS to style my block theme?</h3> <p>Yes, absolutely. Go to <strong>Appearance → Editor </strong>and select <strong>Styles. </strong>Then, click the “Edit Styles” icon shaped like a pencil. This will open the Styles panel. Once there, click the vertical ellipses at the top right, followed by <strong>Additional CSS.</strong></p> <figure class="wp-block-image size-full"><img data-attachment-id="227366" data-permalink="https://jetpack.com/resources/wordpress-block-themes/image-101-2/" data-orig-file="https://jetpack.com/wp-content/uploads/2023/10/image-101.png" data-orig-size="1600,789" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image-101" data-image-description="" data-image-caption="" data-medium-file="https://jetpack.com/wp-content/uploads/2023/10/image-101.png?w=300" data-large-file="https://jetpack.com/wp-content/uploads/2023/10/image-101.png?w=850" loading="lazy" width="1600" height="789" src="https://jetpack.com/wp-content/uploads/2023/10/image-101.png" alt="Click the “Edit Styles” icon shaped like a pencil. This will open the Styles panel. Once there, click the vertical ellipses at the top right, followed by Additional CSS." class="wp-image-227366" srcset="https://jetpack.com/wp-content/uploads/2023/10/image-101.png 1600w, https://jetpack.com/wp-content/uploads/2023/10/image-101.png?w=150&h=74 150w, https://jetpack.com/wp-content/uploads/2023/10/image-101.png?w=300&h=148 300w, https://jetpack.com/wp-content/uploads/2023/10/image-101.png?w=768&h=379 768w, https://jetpack.com/wp-content/uploads/2023/10/image-101.png?w=1024&h=505 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure> <p>Now, you can add any CSS you’d like to customize the look of your site.</p> <h3 class="wp-block-heading">Can I use block themes to customize the header and footer?</h3> <p>Yes, this is exactly where block themes shine! You can create the header and footer for your site, along with navigation menus by simply dragging and dropping blocks into place.</p> <p>In your dashboard, go to <strong>Appearance → Editor → Patterns. </strong>Underneath <strong>Template Parts</strong>, you’ll see your header and footer. Click on whichever one you’d like to edit, then use blocks as you normally would. You can read through the “Edit patterns and template parts” section of this article for more detailed instructions.</p> <p>Here are just a few examples of ways you can enhance your header and footer with blocks:</p> <ul class="wp-block-list"> <li>Quickly create navigation menus</li> <li>Add a search bar to make information easier to find</li> <li>Include social media icons in your header or footer</li> <li>Display a list of recent posts in your footer</li> <li>Add an email capture to your footer</li> </ul> <p>The options are endless!</p> <h3 class="wp-block-heading">Can I use block themes to set up the navigation menu?</h3> <p>Yes, you can. In your dashboard go to <strong>Appearance → Editor → Navigation. </strong>There, you’ll be able to add pages and links to your menu, nest items to create submenus, remove items, and more.</p> <h3 class="wp-block-heading">Can I create a child block theme?</h3> <p>Yes, you can create a child theme with a block theme as the parent. This enables you to make changes to the child theme without editing the code of the parent theme. Many themes already come with a child theme. But you can also create one using the <a href="https://wordpress.org/plugins/create-block-theme/" target="_blank" rel="noreferrer noopener">Create Block Theme</a> plugin. Or, if you’re familiar with code, you can <a href="https://learn.wordpress.org/lesson-plan/create-a-basic-child-theme-for-block-themes/" target="_blank" rel="noreferrer noopener">do so manually</a>.</p> <h3 class="wp-block-heading">Are there any performance concerns to be aware of when using block themes?</h3> <p>In the majority of cases, using a block theme will enhance the performance of your WordPress site. Block themes load styles just for the rendered blocks on a page, and they’re not required to manually enqueue stylesheets — both of which improve load times.</p> <p>And by using a block theme, you can access all the functionality and design capabilities you need without having to <a href="https://jetpack.com/blog/how-many-wordpress-plugins-are-too-many/" target="_blank" rel="noreferrer noopener">install a bunch of different plugins</a> or use site builder tools full of unnecessary features.</p> <p>If you want to improve your site load times even further, you can install a plugin like <a href="https://jetpack.com/boost/" target="_blank" rel="noreferrer noopener">Jetpack Boost</a>. Built specifically for WordPress, it lazy loads images, improves Core Web Vitals, includes a powerful image CDN, and analyzes your site speed, so you can make improvements.</p>  <div class="entry-utility"> This entry was posted in <a href="https://jetpack.com/resources/category/wordpress-tutorials/" rel="category tag">WordPress Tutorials</a>. Bookmark the <a href="https://jetpack.com/resources/wordpress-block-themes/" title="Permalink to WordPress Block Themes: Development Tutorial for Beginners" rel="bookmark">permalink</a>. </div> <div class="post-categories"><a href="https://jetpack.com/resources/category/wordpress-tutorials/" rel="category tag">WordPress Tutorials</a></div> <div class="j-section-divider"> <hr> <div class="svg-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"> <path d="M8 0.0200195C3.58779 0.0200195 0 3.60781 0 8.02002C0 12.4322 3.58779 16.02 8 16.02C12.4122 16.02 16 12.4322 16 8.02002C16 3.60781 12.4122 0.0200195 8 0.0200195ZM7.58779 9.34826H3.60305L7.58779 1.59254V9.34826ZM8.39695 14.4322V6.67651H12.3817L8.39695 14.4322Z" fill="#069E08"/> </svg> </div> </div> <div class='author-section'> <div class="author-section-avatar"> <img alt='Jen Swisher profile' src='https://0.gravatar.com/avatar/f1ea129c5360abe6eeae8e3085d30e42427bbc07eee6db46b0a19f484637dfc1?s=70&d=retro&r=G' class='avatar avatar-70' height='70' width='70' /> </div> <p class="author-section-name"> Jen Swisher </p> <p class="author-section-body"> Jen is a Customer Experience Specialist for Jetpack. She has been working with WordPress and Jetpack for over a decade. Before starting at Automattic, Jen helped small businesses, local non-profits, and Fortune 50 companies create engaging web experiences for their customers. She is passionate about teaching others how to create on the web without fear. </p> </div> <div class="cta-install blog-insert"> <div class="color-blobs"> <span class="blob green"></span> <span class="blob yellow"></span> </div> <div class="cta-content no-icon"> <p class="cta-heading no-widows"> Explore the benefits of Jetpack </p> <p class="cta-body"> Learn how Jetpack can help you protect, speed up, and grow your WordPress site. <a class="inline-cta no-widows" href="https://jetpack.com/pricing/" > Get up to 50% off your first year. </a> </p> <a id="blog-post-id-227321" class="wp-button is-primary" href="https://jetpack.com/pricing/" data-product="jetpack" data-location="blog-bottom-inline-product-banner" > Explore plans </a> </div> </div> <div id="jp-post-flair" class="sharedaddy sd-like-enabled sd-sharing-enabled"><div class="sharedaddy sd-sharing-enabled"><div class="robots-nocontent sd-block sd-social sd-social-icon sd-sharing"><h3 class="sd-title">Share this</h3><div class="sd-content"><ul><li class="share-tumblr"><a rel="nofollow noopener noreferrer" data-shared="" class="share-tumblr sd-button share-icon no-text" href="https://jetpack.com/resources/wordpress-block-themes/?share=tumblr" target="_blank" title="Click to share on Tumblr" ><span></span><span class="sharing-screen-reader-text">Click to share on Tumblr (Opens in new window)</span></a></li><li class="share-mastodon"><a rel="nofollow noopener noreferrer" data-shared="sharing-mastodon-227321" class="share-mastodon sd-button share-icon no-text" href="https://jetpack.com/resources/wordpress-block-themes/?share=mastodon" target="_blank" title="Click to share on Mastodon" ><span></span><span class="sharing-screen-reader-text">Click to share on Mastodon (Opens in new window)</span></a></li><li class="share-facebook"><a rel="nofollow noopener noreferrer" data-shared="sharing-facebook-227321" class="share-facebook sd-button share-icon no-text" href="https://jetpack.com/resources/wordpress-block-themes/?share=facebook" target="_blank" title="Click to share on Facebook" ><span></span><span class="sharing-screen-reader-text">Click to share on Facebook (Opens in new window)</span></a></li><li class="share-x"><a rel="nofollow noopener noreferrer" data-shared="sharing-x-227321" class="share-x sd-button share-icon no-text" href="https://jetpack.com/resources/wordpress-block-themes/?share=x" target="_blank" title="Click to share on X" ><span></span><span class="sharing-screen-reader-text">Click to share on X (Opens in new window)</span></a></li><li class="share-threads"><a rel="nofollow noopener noreferrer" data-shared="sharing-threads-227321" class="share-threads sd-button share-icon no-text" href="https://jetpack.com/resources/wordpress-block-themes/?share=threads" target="_blank" title="Click to share on Threads" ><span></span><span class="sharing-screen-reader-text">Click to share on Threads (Opens in new window)</span></a></li><li class="share-bluesky"><a rel="nofollow noopener noreferrer" data-shared="sharing-bluesky-227321" class="share-bluesky sd-button share-icon no-text" href="https://jetpack.com/resources/wordpress-block-themes/?share=bluesky" target="_blank" title="Click to share on Bluesky" ><span></span><span class="sharing-screen-reader-text">Click to share on Bluesky (Opens in new window)</span></a></li><li class="share-jetpack-whatsapp"><a rel="nofollow noopener noreferrer" data-shared="" class="share-jetpack-whatsapp sd-button share-icon no-text" href="https://jetpack.com/resources/wordpress-block-themes/?share=jetpack-whatsapp" target="_blank" title="Click to share on WhatsApp" ><span></span><span class="sharing-screen-reader-text">Click to share on WhatsApp (Opens in new window)</span></a></li><li><a href="#" class="sharing-anchor sd-button share-more"><span>More</span></a></li><li class="share-end"></li></ul><div class="sharing-hidden"><div class="inner" style="display: none;"><ul><li class="share-linkedin"><a rel="nofollow noopener noreferrer" data-shared="sharing-linkedin-227321" class="share-linkedin sd-button share-icon no-text" href="https://jetpack.com/resources/wordpress-block-themes/?share=linkedin" target="_blank" title="Click to share on LinkedIn" ><span></span><span class="sharing-screen-reader-text">Click to share on LinkedIn (Opens in new window)</span></a></li><li class="share-email"><a rel="nofollow noopener noreferrer" data-shared="" class="share-email sd-button share-icon no-text" href="mailto:?subject=%5BShared%20Post%5D%20Wordpress%20Block%20Themes%3A%20Development%20Tutorial%20for%20Beginners&body=https%3A%2F%2Fjetpack.com%2Fresources%2Fwordpress-block-themes%2F&share=email" target="_blank" title="Click to email a link to a friend" data-email-share-error-title="Do you have email set up?" data-email-share-error-text="If you're having problems sharing via email, you might not have email set up for your browser. You may need to create a new email yourself." data-email-share-nonce="4ee357738d" data-email-share-track-url="https://jetpack.com/resources/wordpress-block-themes/?share=email"><span></span><span class="sharing-screen-reader-text">Click to email a link to a friend (Opens in new window)</span></a></li><li class="share-print"><a rel="nofollow noopener noreferrer" data-shared="" class="share-print sd-button share-icon no-text" href="https://jetpack.com/resources/wordpress-block-themes/#print" target="_blank" title="Click to print" ><span></span><span class="sharing-screen-reader-text">Click to print (Opens in new window)</span></a></li><li class="share-pinterest"><a rel="nofollow noopener noreferrer" data-shared="sharing-pinterest-227321" class="share-pinterest sd-button share-icon no-text" href="https://jetpack.com/resources/wordpress-block-themes/?share=pinterest" target="_blank" title="Click to share on Pinterest" ><span></span><span class="sharing-screen-reader-text">Click to share on Pinterest (Opens in new window)</span></a></li><li class="share-reddit"><a rel="nofollow noopener noreferrer" data-shared="" class="share-reddit sd-button share-icon no-text" href="https://jetpack.com/resources/wordpress-block-themes/?share=reddit" target="_blank" title="Click to share on Reddit" ><span></span><span class="sharing-screen-reader-text">Click to share on Reddit (Opens in new window)</span></a></li><li class="share-pocket"><a rel="nofollow noopener noreferrer" data-shared="" class="share-pocket sd-button share-icon no-text" href="https://jetpack.com/resources/wordpress-block-themes/?share=pocket" target="_blank" title="Click to share on Pocket" ><span></span><span class="sharing-screen-reader-text">Click to share on Pocket (Opens in new window)</span></a></li><li class="share-end"></li></ul></div></div></div></div></div><div class='sharedaddy sd-block sd-like jetpack-likes-widget-wrapper jetpack-likes-widget-unloaded' id='like-post-wrapper-20115252-227321-67b491e6c17ba' data-src='//widgets.wp.com/likes/index.html?ver=20250218#blog_id=20115252&post_id=227321&origin=jetpackme.wordpress.com&obj_id=20115252-227321-67b491e6c17ba&domain=jetpack.com' data-name='like-post-frame-20115252-227321-67b491e6c17ba' data-title='Like or Reblog'><div class='likes-widget-placeholder post-likes-widget-placeholder' style='height: 55px;'><span class='button'><span>Like</span></span> <span class='loading'>Loading...</span></div><span class='sd-text-color'></span><a class='sd-link-color'></a></div> <div id='jp-relatedposts' class='jp-relatedposts' > <h3 class="jp-relatedposts-headline"><em>Related</em></h3> </div></div> </div> <div class="cta-install blog-insert"> <div class="color-blobs"> <span class="blob green"></span> <span class="blob yellow"></span> </div> <div class="cta-content no-icon"> <p class="cta-heading no-widows"> Have a question? </p> <p class="cta-body"> Comments are closed for this article, but we're still here to help! Visit the support forum and we'll be happy to answer any questions. </p> <a id="btn-comments-closed-contact" class="wp-button is-primary" href="https://wordpress.org/support/plugin/jetpack/" data-product="" data-location="" > View support forum </a> </div> </div> <div id="comments"> </div> <div class="j-section-divider"> <hr> <div class="svg-container"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"> <path d="M8 0.0200195C3.58779 0.0200195 0 3.60781 0 8.02002C0 12.4322 3.58779 16.02 8 16.02C12.4122 16.02 16 12.4322 16 8.02002C16 3.60781 12.4122 0.0200195 8 0.0200195ZM7.58779 9.34826H3.60305L7.58779 1.59254V9.34826ZM8.39695 14.4322V6.67651H12.3817L8.39695 14.4322Z" fill="#069E08"/> </svg> </div> </div> </div> <div class="j-jetpack-related-posts"> <nav class="jp-relatedposts-i2 wp-block-jetpack-related-posts" data-layout="grid" aria-label="Popular"><h2 class="wp-block-heading">Popular</h2><ul class="jp-related-posts-i2__list" role="list" data-post-count="3"><li id="related-posts-item-67b491e6d1a14" class="jp-related-posts-i2__post"><a id="related-posts-item-67b491e6d1a14-label" href="https://jetpack.com/resources/wordpress-navigation-menu/" class="jp-related-posts-i2__post-link" >How to Create, Add, & Edit a WordPress Navigation Menu<img loading="lazy" class="jp-related-posts-i2__post-img" src="https://i0.wp.com/jetpack.com/wp-content/uploads/2022/07/navigation-menu.png?resize=350%2C200&ssl=1" alt="" srcset="https://i0.wp.com/jetpack.com/wp-content/uploads/2022/07/navigation-menu.png?resize=350%2C200&ssl=1 1x, https://i0.wp.com/jetpack.com/wp-content/uploads/2022/07/navigation-menu.png?resize=525%2C300&ssl=1 1.5x, https://i0.wp.com/jetpack.com/wp-content/uploads/2022/07/navigation-menu.png?resize=700%2C400&ssl=1 2x, https://i0.wp.com/jetpack.com/wp-content/uploads/2022/07/navigation-menu.png?resize=1050%2C600&ssl=1 3x"/></a><dl class="jp-related-posts-i2__post-defs"><dt>Date</dt><dd class="jp-related-posts-i2__post-date">July 21, 2022</dd></dl></li><li id="related-posts-item-67b491e6d1a66" class="jp-related-posts-i2__post"><a id="related-posts-item-67b491e6d1a66-label" href="https://jetpack.com/resources/wordpress-block-templates/" class="jp-related-posts-i2__post-link" >WordPress Block Templates: How to Build, Customize, & Use Them<img loading="lazy" class="jp-related-posts-i2__post-img" src="https://i0.wp.com/jetpack.com/wp-content/uploads/2024/08/jp_block_templates.png?resize=350%2C200&ssl=1" alt="" srcset="https://i0.wp.com/jetpack.com/wp-content/uploads/2024/08/jp_block_templates.png?resize=350%2C200&ssl=1 1x, https://i0.wp.com/jetpack.com/wp-content/uploads/2024/08/jp_block_templates.png?resize=525%2C300&ssl=1 1.5x, https://i0.wp.com/jetpack.com/wp-content/uploads/2024/08/jp_block_templates.png?resize=700%2C400&ssl=1 2x, https://i0.wp.com/jetpack.com/wp-content/uploads/2024/08/jp_block_templates.png?resize=1050%2C600&ssl=1 3x"/></a><dl class="jp-related-posts-i2__post-defs"><dt>Date</dt><dd class="jp-related-posts-i2__post-date">September 12, 2024</dd></dl></li><li id="related-posts-item-67b491e6d1a92" class="jp-related-posts-i2__post"><a id="related-posts-item-67b491e6d1a92-label" href="https://jetpack.com/resources/how-to-change-your-wordpress-theme-without-losing-content/" class="jp-related-posts-i2__post-link" >How to Change Your WordPress Theme (Without Losing Content)<img loading="lazy" class="jp-related-posts-i2__post-img" src="https://i0.wp.com/jetpack.com/wp-content/uploads/2022/04/switch-wordpress-theme.png?resize=350%2C200&ssl=1" alt="" srcset="https://i0.wp.com/jetpack.com/wp-content/uploads/2022/04/switch-wordpress-theme.png?resize=350%2C200&ssl=1 1x, https://i0.wp.com/jetpack.com/wp-content/uploads/2022/04/switch-wordpress-theme.png?resize=525%2C300&ssl=1 1.5x, https://i0.wp.com/jetpack.com/wp-content/uploads/2022/04/switch-wordpress-theme.png?resize=700%2C400&ssl=1 2x, https://i0.wp.com/jetpack.com/wp-content/uploads/2022/04/switch-wordpress-theme.png?resize=1050%2C600&ssl=1 3x"/></a><dl class="jp-related-posts-i2__post-defs"><dt>Date</dt><dd class="jp-related-posts-i2__post-date">April 29, 2022</dd></dl></li></ul></nav> </div> </div> <footer> <div class="jetpack-footer"> <div class="jetpack-footer__content"> <div class="jetpack-footer__head"> <div> <a href="https://jetpack.com/" aria-label="Jetpack home" class="home-link jetpack-footer__home-link"> <svg class="jetpack-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 139.93 38" aria-hidden="true" width="140" height="38" > <path class="jetpack-emblem" d="M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0ZM18,22.15H8.56L18,3.73Zm1.92,12.08V15.81h9.47Z"/> <path d="M49.06,31.55c-.54-.84-1.05-1.67-1.56-2.47,2.68-1.63,3.59-2.94,3.59-5.4V9.43H47.94V6.71h6.7V23C54.64,27.09,53.45,29.41,49.06,31.55Z"/> <path d="M77.16,21.83c0,1.38,1,1.52,1.63,1.52a9.6,9.6,0,0,0,2.32-.43v2.53A10.63,10.63,0,0,1,77.6,26c-1.75,0-3.78-.65-3.78-3.69V14.87H72V12.29h1.84V8.48h3.34v3.81h4.21v2.58H77.16Z"/> <path d="M84.12,32.81V12.26h3.19v1.23a7,7,0,0,1,4.43-1.6c3,0,5.4,2.11,5.4,6.64S94.53,26,90.21,26a12.79,12.79,0,0,1-2.75-.33v7.11H84.12Zm6.75-18.16a5.38,5.38,0,0,0-3.38,1.49v7a11.81,11.81,0,0,0,2.51.26c2.35,0,3.69-1.49,3.69-4.61C93.69,15.92,92.72,14.65,90.87,14.65Z"/> <path d="M110.27,25.71h-3.12V24.22h-.08A6.89,6.89,0,0,1,102.65,26,3.62,3.62,0,0,1,99,22.12c0-3.45,2.94-4.1,5-4.39l2.94-.4v-.4c0-1.81-.73-2.39-2.43-2.39a13.37,13.37,0,0,0-4.39.91l-.29-2.69a17,17,0,0,1,5.11-.87c3.26,0,5.37,1.31,5.37,5.19v8.63Zm-3.34-6.27-2.76.43a1.79,1.79,0,0,0-1.7,1.85,1.5,1.5,0,0,0,1.52,1.7,5.51,5.51,0,0,0,2.94-1.23Z"/> <path d="M124,25.27a12.15,12.15,0,0,1-4.17.76c-5,0-7-2.86-7-7,0-4.39,2.75-7.11,7.21-7.11a10.91,10.91,0,0,1,3.81.66v2.82a11.45,11.45,0,0,0-3.77-.76c-2,0-3.77,1.09-3.77,4.21,0,3.44,1.74,4.49,4,4.49a10,10,0,0,0,3.77-.83v2.79Z"/> <path d="M130.35,18.06c.29-.33.51-.66,4.72-5.77h4.35L134,18.67l6,7.07h-4.36l-5.18-6.38v6.38h-3.34v-19h3.34V18.06Z"/> <path d="M69.47,25.27a15.54,15.54,0,0,1-5,.76c-4.28,0-6.93-2.13-6.93-7.14,0-3.66,2.25-7,6.56-7s5.77,3,5.77,5.8c0,.95-.07,1.46-.11,2H61.17c.07,2.94,1.74,3.62,4.24,3.62a11.57,11.57,0,0,0,4-.83v2.79Zm-3-7.79c0-1.63-.55-3.05-2.32-3.05s-2.69,1.2-2.9,3.05Z"/> </svg> </a> </div> <div class="jetpack-footer__language"> <button aria-label="Select language" class="language-toggle jetpack-footer__language-toggle"> <span>en</span> <svg class="gridicon gridicons-chevron-down" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20 9l-8 8-8-8 1.414-1.414L12 14.172l6.586-6.586"></path> </svg> </button> </div> </div> <nav class="jetpack-footer__sitemap sitemap" aria-label="Footer"> <ul class="sitemap__list"> <li class="sitemap__category"> <span class="sitemap__category-label">WordPress Plugins</span> <ul class="sitemap__link-list"> <li><a href="https://wordpress.org/plugins/akismet/?utm_medium=automattic_referred&utm_source=jpcom_footer" class="sitemap_link">Akismet Anti-spam</a></li> <li><a href="https://wordpress.org/plugins/jetpack/?utm_medium=automattic_referred&utm_source=jpcom_footer" class="sitemap__link">Jetpack</a></li> <li><a href="https://wordpress.org/plugins/jetpack-boost/?utm_medium=automattic_referred&utm_source=jpcom_footer" class="sitemap__link">Jetpack Boost</a></li> <li><a href="https://wordpress.org/plugins/zero-bs-crm/?utm_medium=automattic_referred&utm_source=jpcom_footer" class="sitemap__link">Jetpack CRM</a></li> <li><a href="https://wordpress.org/plugins/jetpack-protect/?utm_medium=automattic_referred&utm_source=jpcom_footer" class="sitemap_link">Jetpack Protect</a></li> <li><a href="https://wordpress.org/plugins/jetpack-search/?utm_medium=automattic_referred&utm_source=jpcom_footer" class="sitemap_link">Jetpack Search</a></li> <li><a href="https://wordpress.org/plugins/jetpack-social/?utm_medium=automattic_referred&utm_source=jpcom_footer" class="sitemap_link">Jetpack Social</a></li> <li><a href="https://wordpress.org/plugins/jetpack-videopress/?utm_medium=automattic_referred&utm_source=jpcom_footer" class="sitemap_link">Jetpack VideoPress</a></li> <li><a href="https://wordpress.org/plugins/jetpack-backup/?utm_medium=automattic_referred&utm_source=jpcom_footer" class="sitemap__link">VaultPress Backup</a></li> <li><a href="https://wordpress.org/plugins/wp-super-cache/?utm_medium=automattic_referred&utm_source=jpcom_footer" class="sitemap_link">WP Super Cache</a></li> <li><a href="https://jetpack.com/download/" class="sitemap__link">Download</a></li> </ul> </li> <li class="sitemap__category"> <span class="sitemap__category-label">Partners</span> <ul class="sitemap__link-list"> <li><a href="https://jetpack.com/hosting/" class="sitemap__link">Recommended Hosts</a></li> <li><a href="https://jetpack.com/for/hosts/" class="sitemap__link">For Hosts</a></li> <li><a href="https://jetpack.com/for-agencies/" class="sitemap__link">For Agencies</a></li> <li><a href="https://jetpack.com/affiliates/" class="sitemap__link">For Affiliates</a></li> </ul> </li> <li class="sitemap__category"> <span class="sitemap__category-label">Developers</span> <ul class="sitemap__link-list"> <li><a href="https://developer.jetpack.com/?utm_medium=automattic_referred&utm_source=jpcom_footer" class="sitemap__link">Documentation</a></li> <li><a href="https://jetpack.com/beta/" class="sitemap__link">Beta Program</a></li> <li><a href="https://jetpack.com/contribute/" class="sitemap__link">Contribute to Jetpack</a></li> <li><a href="https://github.com/Automattic/jetpack" class="sitemap__link">Jetpack on GitHub</a></li> </ul> </li> <li class="sitemap__category"> <span class="sitemap__category-label">Legal</span> <ul class="sitemap__link-list"> <li><a href="https://wordpress.com/tos/?utm_medium=automattic_referred&utm_source=jpcom_footer" class="sitemap__link">Terms of Service</a></li> <li><a href="https://automattic.com/privacy/?utm_medium=automattic_referred&utm_source=jpcom_footer" class="sitemap__link">Privacy Policy</a></li> <li> <a href="https://jetpack.com/gdpr/" class="sitemap__link"> GDPR </a> </li> <li data-is-ccpa-dnsd="1"> <a href="#" data-is-ccpa-dnsd-trigger="1"> Do Not Sell or Share My Personal Information </a> </li> <li data-is-ccpa-dnsd="1"><a href="https://automattic.com/privacy/?utm_medium=automattic_referred&utm_source=jpcom_footer#california-consumer-privacy-act-ccpa" class="sitemap__link">Privacy Notice for California Users</a></li> </ul> </li> <li class="sitemap__category"> <span class="sitemap__category-label">Help</span> <ul class="sitemap__link-list"> <li><a href="https://jetpack.com/support/" class="sitemap__link">Knowledge Base</a></li> <li><a href="https://wordpress.org/support/plugin/jetpack/?utm_medium=automattic_referred&utm_source=jpcom_footer" class="sitemap__link">Forums</a></li> <li><a href="https://jetpack.com/webinars/" class="sitemap__link">Webinars</a></li> <li><a href="https://jetpack.com/testimonials/" class="sitemap__link">Reviews and Testimonials</a></li> <li><a href="https://jetpack.com/features/security/library" class="sitemap__link">Security Library</a></li> <li><a href="https://jetpack.com/contact-support/" class="sitemap__link">Contact Us</a></li> <li><a href="https://jetpack.com/newsroom/" class="sitemap__link">Press</a></li> </ul> </li> <li class="sitemap__category sitemap__category-social"> <span class="sitemap__category-label">Social</span> <ul class="sitemap__link-list social-properties"> <li> <a href="https://twitter.com/jetpack" class="sitemap__link" aria-label="Jetpack X account (formerly known as Twitter)"> <img src="https://s2.wp.com/wp-content/themes/a8c/jetpackme-new/images/icons/icon-x.svg" alt="X (formerly known as Twitter)" loading="lazy" decoding="async"> </a> </li> <li> <a href="https://www.facebook.com/jetpackme/" class="sitemap__link" aria-label="Jetpack Facebook page"> <img src="https://s2.wp.com/wp-content/themes/a8c/jetpackme-new/images/icons/icon-facebook.svg" alt="Facebook" loading="lazy" decoding="async"> </a> </li> <li> <a href="https://www.linkedin.com/company/jetpack-for-wordpress/" class="sitemap__link" aria-label="Jetpack LinkedIn page"> <img src="https://s2.wp.com/wp-content/themes/a8c/jetpackme-new/images/icons/icon-linkedin.svg" alt="LinkedIn" loading="lazy" decoding="async"> </a></li> <li> <a href="https://www.youtube.com/JetpackOfficial" class="sitemap__link" aria-label="Jetpack Youtube channel"> <img src="https://s2.wp.com/wp-content/themes/a8c/jetpackme-new/images/icons/icon-youtube.svg" alt="Youtube" loading="lazy" decoding="async"> </a> </li> </ul> </li> <li class="sitemap__category sitemap__category-mobile"> <span class="sitemap__category-label">Mobile Apps</span> <div class="store-buttons"><ul><li class="play-store-button" data-tracking-id="play-store"><a href="https://play.google.com/store/apps/details?id=com.jetpack.android&referrer=utm_source%3Djetpack.com%26utm_campaign%3Djp_site_shortcode%26utm_medium%3Dwebsite"><img src="https://s1.wp.com/wp-content/lib/app-badge-buttons/android/en.png?version=20220321" alt="Get Jetpack on Google Play" height="40" width="134" loading="lazy" decoding="async"></a></li><li class="app-store-button" data-tracking-id="app-store"><a href="https://apps.apple.com/app/apple-store/id1565481562?ct=jetpack.com--jp_site_shortcode&mt=8&pt=299112"><img src="https://s1.wp.com/wp-content/lib/app-badge-buttons/ios/en.png?version=20220321" alt="Download Jetpack on the App Store" height="40" width="119" loading="lazy" decoding="async"></a></li></ul></div> </li> </ul> </nav> </div> </div> <div class="a8c-footer"> <ul class="a8c-footer__link-list"> <li class="a8c-footer__home"> <a class="a8c-footer__home-link" href="https://automattic.com/?utm_medium=automattic_referred&utm_source=jpcom_footer"> An <img class="a8c-footer__a8c-logo" src="https://s2.wp.com/wp-content/themes/a8c/jetpackme-new/images/logos/logo-a8c-white.svg" alt="Automattic" loading="lazy" decoding="async" /> airline </a> </li> <li class="a8c-footer__work"> <a class="a8c-footer__work-link" href="https://automattic.com/work-with-us/?utm_medium=automattic_referred&utm_source=jpcom_footer"> Work With Us </a> </li> </ul> </div></footer> <script> // Language switcher widget jetpackMeReady( function() { 'use strict'; var locales = [{"code":"en","locale_name":"English","href":"https:\/\/jetpack.com\/resources\/wordpress-block-themes\/"},{"code":"ar","locale_name":"\u0627\u0644\u0639\u0631\u0628\u064a\u0629","href":"https:\/\/jetpack.com\/ar\/resources\/wordpress-block-themes\/"},{"code":"de","locale_name":"Deutsch","href":"https:\/\/jetpack.com\/de\/resources\/wordpress-block-themes\/"},{"code":"es","locale_name":"Espa\u00f1ol","href":"https:\/\/jetpack.com\/es\/resources\/wordpress-block-themes\/"},{"code":"fr","locale_name":"Fran\u00e7ais","href":"https:\/\/jetpack.com\/fr\/resources\/wordpress-block-themes\/"},{"code":"he","locale_name":"\u05e2\u05b4\u05d1\u05b0\u05e8\u05b4\u05d9\u05ea","href":"https:\/\/jetpack.com\/he\/resources\/wordpress-block-themes\/"},{"code":"id","locale_name":"Bahasa Indonesia","href":"https:\/\/jetpack.com\/id\/resources\/wordpress-block-themes\/"},{"code":"it","locale_name":"Italiano","href":"https:\/\/jetpack.com\/it\/resources\/wordpress-block-themes\/"},{"code":"ja","locale_name":"\u65e5\u672c\u8a9e","href":"https:\/\/jetpack.com\/ja\/resources\/wordpress-block-themes\/"},{"code":"ko","locale_name":"\ud55c\uad6d\uc5b4","href":"https:\/\/jetpack.com\/ko\/resources\/wordpress-block-themes\/"},{"code":"nl","locale_name":"Nederlands","href":"https:\/\/jetpack.com\/nl\/resources\/wordpress-block-themes\/"},{"code":"pt-br","locale_name":"Portugu\u00eas do Brasil","href":"https:\/\/jetpack.com\/pt-br\/resources\/wordpress-block-themes\/"},{"code":"ru","locale_name":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439","href":"https:\/\/jetpack.com\/ru\/resources\/wordpress-block-themes\/"},{"code":"sv","locale_name":"Svenska","href":"https:\/\/jetpack.com\/sv\/resources\/wordpress-block-themes\/"},{"code":"tr","locale_name":"T\u00fcrk\u00e7e","href":"https:\/\/jetpack.com\/tr\/resources\/wordpress-block-themes\/"},{"code":"zh-cn","locale_name":"\u7b80\u4f53\u4e2d\u6587","href":"https:\/\/jetpack.com\/zh-cn\/resources\/wordpress-block-themes\/"},{"code":"zh-tw","locale_name":"\u7e41\u9ad4\u4e2d\u6587","href":"https:\/\/jetpack.com\/zh-tw\/resources\/wordpress-block-themes\/"}]; var toggles = document.querySelector( '.language-toggle' ); window.WPCOMLocaleSwitcher.init( locales, 'en', '.jetpack.com' ); Array.prototype.forEach.call( document.querySelectorAll( '.language-toggle' ), function ( toggle ) { toggle.addEventListener( 'click', function ( event ) { event.preventDefault(); window.WPCOMLocaleSwitcher.toggle(); const switcher = document.querySelector( '#ls-overlay' ); // Set the focus to the header when activated to allow screen readers to announce the heading const heading = switcher.querySelector( 'h2' ); heading.setAttribute("tabindex", "-1"); heading.focus(); // Trap the focus inside the switcher overlay trapFocus( switcher ); } ) } ); // Hide the CCPA DNSD related content until A8C analytics is loaded. document.querySelectorAll( '[data-is-ccpa-dnsd]' ).forEach( ( element ) => element.style.display = 'none' ); document.addEventListener( 'a8c-analytics:loaded', function ( e ) { document.querySelectorAll( '[data-is-ccpa-dnsd]' ).forEach( ( element ) => element.style.display = '' ); } ); } ); // This function ensures that the focus is trapped within the element function trapFocus( element ) { const focusableElements = element.querySelectorAll( 'a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select, [role="button"]' ); const firstFocusableElement = focusableElements[ 0 ]; const lastFocusableElement = focusableElements[ focusableElements.length - 1 ]; element.addEventListener( 'keydown', function( e ) { var isTabPressed = ( e.key === 'Tab' || e.keyCode === 9 ); if ( ! isTabPressed ) { return; } if ( e.shiftKey ) /* shift + tab */ { if ( document.activeElement === firstFocusableElement ) { lastFocusableElement.focus(); e.preventDefault(); } } else /* tab */ { if ( document.activeElement === lastFocusableElement ) { firstFocusableElement.focus(); e.preventDefault(); } } } ); } </script>  <div class="jetpack-instant-search__widget-area" style="display: none"> <div id="jetpack-search-filters-7" class="widget jetpack-filters widget_search"> <div id="jetpack-search-filters-7-wrapper" class="jetpack-instant-search-wrapper"> </div></div> </div>  <script type="text/javascript"> ( function() { 'use strict'; var setupAnalytics = function() { window.a8cAnalyticsConfig = {"cookieBanner":{"version":"2","cssZIndex":50001,"skipBanner":false,"cookieDomain":"jetpack.com","v1CookieName":"sensitive_pixel_option","v2CookieName":"sensitive_pixel_options","v1Text":"Our websites and dashboards use cookies. By continuing, you agree to their use. <a target=\"_blank\" href=\"https:\/\/automattic.com\/cookies\/\">Learn more<\/a>, including how to control cookies.","v2Text":"As an open source company, we take your privacy seriously and want to be as transparent as possible. So: We use cookies to collect some personal data from you (like your browsing data, IP addresses, and other unique identifiers). Some of these cookies we absolutely need in order to make things work, and others you can choose in order to optimize your experience while using our site and services.","v2OptionsText":"Your privacy is critically important to us. We and our partners use, store, and process your personal data to optimize: our <strong>website<\/strong> such as by improving security or conducting analytics, <strong>marketing activities<\/strong> to help deliver relevant marketing or content, and your <strong>user experience<\/strong> such as by remembering your account name, language settings, or cart information, where applicable. You can customize your cookie settings below. Learn more in our <a href=\"https:\/\/automattic.com\/privacy\/\" target=\"_blank\">Privacy Policy<\/a> and <a href=\"https:\/\/automattic.com\/cookies\/\" target=\"_blank\">Cookie Policy<\/a>.","v2EssentialOptionHeading":"Required","v2EssentialOptionText":"These cookies are essential for our websites and services to perform basic functions and are necessary for us to operate certain features, like allowing registered users to authenticate and perform account-related functions, storing preferences set by users (like account name, language, and location), and ensuring our services operate properly.","v2AnalyticsOptionHeading":"Analytics","v2AnalyticsOptionText":"These cookies allow us to optimize performance by collecting information on how users interact with our websites.","v2AdvertisingOptionHeading":"Advertising","v2AdvertisingOptionText":"We and our advertising partners set these cookies to provide you with relevant content and to understand that content\u2019s effectiveness.","v1ButtonText":"Got It!","v2CustomizeButtonText":"Customize","v2AcceptAllButtonText":"Accept all","v2AcceptSelectionButtonText":"Accept selection","hiddenConsents":[],"isLoggedIn":false},"doNotSellDialog":{"contactEmailAddress":"privacypolicyupdates@automattic.com"},"adminAnalytics":"analytics-wpcom-admin.php","fireAnalyticsOptions":[]}; }; if ( window.defQueue && defQueue.isLOHP && defQueue.isLOHP === 2020 ) { defQueue.items.push( setupAnalytics ); } else { setupAnalytics(); } } )(); </script> <script type="text/javascript"> function getJetpackAnalyticsDefaultConfig() { return { currentUserIdHashShort: "", currentUserEmailHash: "", }; } document.addEventListener( 'a8c-analytics:loaded-is-ccpa', function ( e ) { const isCCPAEligible = JSON.parse(e.detail).isCCPA; if ( ! isCCPAEligible ) { document.querySelectorAll( '[data-is-ccpa-dnsd]' ).forEach( ( element ) => element.remove() ); return; } document.querySelector( '[data-is-ccpa-dnsd-trigger]' ).onclick = function( ev ) { ev.preventDefault(); window.a8cAnalytics.dnsd.show(); } } ); document.addEventListener( 'a8c-analytics:loaded', function () { 'use strict'; var cb = window.a8cAnalytics.cb; var kit = window.a8cAnalytics.kit; var gaOptimize = window.a8cGAOptimize || null; var ssGAOptimize = window.a8cAnalyticsConfig.ssGAOptimize || null; gaOptimize = gaOptimize && gaOptimize.isEnabled() ? gaOptimize : null; var config = getJetpackAnalyticsDefaultConfig(); function fireAffiliateReferrals() { kit.attachScriptElement( 'https://refer.wordpress.com/wp-content/themes/refer-wordpress/assets/js/referrals.min.js?v=20240312', null, null, { 'data-vendor': 67401 } ); } function fireGoogleAnalyticsWithGtag() { kit.loadGtag( 'UA-52447-43', { anonymize_ip: true, linker: { domains: [ 'wordpress.com' ] } } ); } function fireGoogleTagManager() { kit.loadGoogleTagManager( 'GTM-MWWK6WM' ); } function fireGoogleAnalyticsFour() { const TAG_ID = 'G-K8CRH0LL00'; // GA4 Property ID: 274359814 // IP anonymization is the default kit.loadGtag( TAG_ID ); window.fixLinkerData = window.fixLinkerData || {}; gtag( 'get', TAG_ID, 'client_id', function( client_id ) { window.fixLinkerData.cid = client_id; } ); gtag( 'get', TAG_ID, 'session_id', function( session_id ) { window.fixLinkerData.sid = session_id; } ); } function fireFacebook() { const exceptions = kit.getExceptions(); if ( exceptions && exceptions.facebook ) { return; } kit.loadFacebook(); fbq( 'init', '919484458159593' ); fbq( 'track', "PageView" ); } function fireBing() { (function( w, d, t, r, u ) { var f, n, i; w[ u ] = w[ u ] || [], f = function() { var o = { ti: "4074038" }; o.q = w[ u ], w[ u ] = new UET( o ), w[ u ].push( "pageLoad" ) }, n = d.createElement( t ), n.src = r, n.async = 1, n.onload = n.onreadystatechange = function() { var s = this.readyState; s && s !== "loaded" && s !== "complete" || ( f(), n.onload = n.onreadystatechange = null ) }, i = d.getElementsByTagName( t )[ 0 ], i.parentNode.insertBefore( n, i ) } )( window, document, "script", "//s1.wp.com/wp-content/mu-plugins/a8c-analytics/3rd-party/bing/bat.js?v=20190826", "uetq" ); } function fireHotjar() { // Don't fire session trackers if the user is in a state with sensitive session tracker laws if ( kit.pertainsToSTS() ) { return; } if ( window.location.pathname.startsWith( '/individual-plugins' ) ) { kit.fireHotjar( '6240' ); } } function fireLinkedinInsight() { kit.loadLinkedinInsight( "4537722" ); const pixelImage = kit.loadPixelImage( "https://px.ads.linkedin.com/collect/?pid=4537722&fmt=gif" ); pixelImage.style.display = "none"; document.body.appendChild( pixelImage ); } function fireTwitter() { kit.loadTwitter(); twq('config','odlje'); } function loadGoogleAdsGtag() { kit.loadGtag( 'AW-946162814' ); } function loadFullStory() { if ( window.location.pathname.startsWith( '/support' ) || window.location.pathname.startsWith( '/blog' ) || window.location.pathname.startsWith( '/contact-support' ) || /^\/\d{4}\/\d{2}\/\d{2}\//.test( window.location.pathname ) ) { return; } else { kit.loadFullStory( '181XXV' ); } } function fireImpactAffiliate() { kit.loadImpactAffiliate( config.currentUserIdHashShort, config.currentUserEmailHash ); } if ( kit.doNotTrack() ) { if ( gaOptimize ) { gaOptimize.endAsyncDim(); } return; } function applyLinkers() { kit.linkQueryVars( [ { includeRegExps: [ /^(?:[^\/]+\.)?(?:wordpress|jetpack|woocommerce|crowdsignal|wpjobmanager)\.com(?:\/|$)/i, ], linkQueryVars: [ 'aff', 'affiliate', 'cid', // Aff campaign ID. 'sid', // Aff sub ID. 'gclid', // Google Ads 'irclickid', // Impact Affiliate Click ID ], }, { includeRegExps: [ /^(?:[^\/]+\.)?(?:wordpress|jetpack)\.com(?:\/|$)/i, ], linkQueryVars: [ 'coupon', ], }, ] ); } // ------- Apply Linkers ------- applyLinkers(); // ------- Fire Normal Pixels ------- cb.addTracker( 'analytics', false, fireAffiliateReferrals ); // ------- Fire "Sensitive" Pixels ------- cb.addTracker( 'advertising', true, fireGoogleAnalyticsWithGtag ); cb.addTracker( 'advertising', true, fireGoogleTagManager ); cb.addTracker( 'analytics', true, loadFullStory ); cb.addTracker( 'advertising', true, loadGoogleAdsGtag ); cb.addTracker( 'advertising', true, fireFacebook ); cb.addTracker( 'advertising', true, fireBing ); cb.addTracker( 'analytics', true, fireGoogleAnalyticsFour ); cb.addTracker( 'advertising', true, fireHotjar ); cb.addTracker( 'advertising', true, fireLinkedinInsight ); cb.addTracker( 'advertising', true, fireTwitter ); cb.addTracker( 'advertising', true, fireImpactAffiliate ); } ); </script> <script type="text/javascript"> ( function() { 'use strict'; var currentScript = document.currentScript; var setupAnalytics = function() { function getScript() { var script = document.createElement( 'script' ); var prev = currentScript || document.getElementsByTagName( 'script' )[ 0 ]; script.setAttribute( 'src', "https:\/\/s0.wp.com\/wp-content\/mu-plugins\/a8c-analytics\/a8c-analytics.js?v=1739382396" ); script.setAttribute( 'async', true ); prev.parentNode.insertBefore( script, prev ); } getScript(); }; if ( window.defQueue && defQueue.isLOHP && defQueue.isLOHP === 2020 ) { defQueue.items.push( setupAnalytics ); } else { setupAnalytics(); } } )(); </script>  <div style="display:none"> <div class="grofile-hash-map-39f84bff73a9f7408991e51ef154c754"> </div> </div> <div id="actionbar" dir="ltr" style="display: none;" class="actnbr-a8c-jetpackme-new actnbr-has-follow actnbr-has-actions"> <ul> <li class="actnbr-btn actnbr-hidden"> <a class="actnbr-action actnbr-actn-reblog" href=""> <svg class="gridicon gridicons-reblog" height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M22.086 9.914L20 7.828V18c0 1.105-.895 2-2 2h-7v-2h7V7.828l-2.086 2.086L14.5 8.5 19 4l4.5 4.5-1.414 1.414zM6 16.172V6h7V4H6c-1.105 0-2 .895-2 2v10.172l-2.086-2.086L.5 15.5 5 20l4.5-4.5-1.414-1.414L6 16.172z"/></g></svg><span>Reblog</span> </a> </li> <li class="actnbr-btn actnbr-hidden"> <a class="actnbr-action actnbr-actn-follow " href=""> <svg class="gridicon" height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path clip-rule="evenodd" d="m4 4.5h12v6.5h1.5v-6.5-1.5h-1.5-12-1.5v1.5 10.5c0 1.1046.89543 2 2 2h7v-1.5h-7c-.27614 0-.5-.2239-.5-.5zm10.5 2h-9v1.5h9zm-5 3h-4v1.5h4zm3.5 1.5h-1v1h1zm-1-1.5h-1.5v1.5 1 1.5h1.5 1 1.5v-1.5-1-1.5h-1.5zm-2.5 2.5h-4v1.5h4zm6.5 1.25h1.5v2.25h2.25v1.5h-2.25v2.25h-1.5v-2.25h-2.25v-1.5h2.25z" fill-rule="evenodd"></path></svg> <span>Subscribe</span> </a> <a class="actnbr-action actnbr-actn-following no-display" href=""> <svg class="gridicon" height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 4.5H4V15C4 15.2761 4.22386 15.5 4.5 15.5H11.5V17H4.5C3.39543 17 2.5 16.1046 2.5 15V4.5V3H4H16H17.5V4.5V12.5H16V4.5ZM5.5 6.5H14.5V8H5.5V6.5ZM5.5 9.5H9.5V11H5.5V9.5ZM12 11H13V12H12V11ZM10.5 9.5H12H13H14.5V11V12V13.5H13H12H10.5V12V11V9.5ZM5.5 12H9.5V13.5H5.5V12Z" fill="#008A20"></path><path class="following-icon-tick" d="M13.5 16L15.5 18L19 14.5" stroke="#008A20" stroke-width="1.5"></path></svg> <span>Subscribed</span> </a> <div class="actnbr-popover tip tip-top-left actnbr-notice" id="follow-bubble"> <div class="tip-arrow"></div> <div class="tip-inner actnbr-follow-bubble"> <ul> <li class="actnbr-sitename"> <a href="http://jetpack.com"> <img loading='lazy' alt='' src='https://jetpack.com/wp-content/uploads/2022/06/cropped-jp-favicon-new-3.png?w=50' srcset='https://jetpack.com/wp-content/uploads/2022/06/cropped-jp-favicon-new-3.png?w=50 1x, https://jetpack.com/wp-content/uploads/2022/06/cropped-jp-favicon-new-3.png?w=75 1.5x, https://jetpack.com/wp-content/uploads/2022/06/cropped-jp-favicon-new-3.png?w=100 2x, https://jetpack.com/wp-content/uploads/2022/06/cropped-jp-favicon-new-3.png?w=150 3x, https://jetpack.com/wp-content/uploads/2022/06/cropped-jp-favicon-new-3.png?w=200 4x' class='avatar avatar-50' height='50' width='50' /> Jetpack </a> </li> <div class="actnbr-message no-display"></div> <form method="post" action="https://subscribe.wordpress.com" accept-charset="utf-8" style="display: none;"> <div class="actnbr-follow-count">Join 61,061 other subscribers</div> <div> <input type="email" name="email" placeholder="Enter your email address" class="actnbr-email-field" aria-label="Enter your email address" /> </div> <input type="hidden" name="action" value="subscribe" /> <input type="hidden" name="blog_id" value="20115252" /> <input type="hidden" name="source" value="https://jetpack.com/resources/wordpress-block-themes/" /> <input type="hidden" name="sub-type" value="actionbar-follow" /> <input type="hidden" id="_wpnonce" name="_wpnonce" value="6e1285a59f" /> <div class="actnbr-button-wrap"> <button type="submit" value="Sign me up"> Sign me up </button> </div> </form> <li class="actnbr-login-nudge"> <div> Already have a WordPress.com account? <a href="https://wordpress.com/log-in?redirect_to=https%3A%2F%2Fr-login.wordpress.com%2Fremote-login.php%3Faction%3Dlink%26back%3Dhttps%253A%252F%252Fjetpack.com%252Fresources%252Fwordpress-block-themes%252F">Log in now.</a> </div> </li> </ul> </div> </div> </li> <li class="actnbr-ellipsis actnbr-hidden"> <svg class="gridicon gridicons-ellipsis" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M7 12c0 1.104-.896 2-2 2s-2-.896-2-2 .896-2 2-2 2 .896 2 2zm12-2c-1.104 0-2 .896-2 2s.896 2 2 2 2-.896 2-2-.896-2-2-2zm-7 0c-1.104 0-2 .896-2 2s.896 2 2 2 2-.896 2-2-.896-2-2-2z"/></g></svg> <div class="actnbr-popover tip tip-top-left actnbr-more"> <div class="tip-arrow"></div> <div class="tip-inner"> <ul> <li class="actnbr-sitename"> <a href="http://jetpack.com"> <img loading='lazy' alt='' src='https://jetpack.com/wp-content/uploads/2022/06/cropped-jp-favicon-new-3.png?w=50' srcset='https://jetpack.com/wp-content/uploads/2022/06/cropped-jp-favicon-new-3.png?w=50 1x, https://jetpack.com/wp-content/uploads/2022/06/cropped-jp-favicon-new-3.png?w=75 1.5x, https://jetpack.com/wp-content/uploads/2022/06/cropped-jp-favicon-new-3.png?w=100 2x, https://jetpack.com/wp-content/uploads/2022/06/cropped-jp-favicon-new-3.png?w=150 3x, https://jetpack.com/wp-content/uploads/2022/06/cropped-jp-favicon-new-3.png?w=200 4x' class='avatar avatar-50' height='50' width='50' /> Jetpack </a> </li> <li class="actnbr-folded-follow"> <a class="actnbr-action actnbr-actn-follow " href=""> <svg class="gridicon" height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path clip-rule="evenodd" d="m4 4.5h12v6.5h1.5v-6.5-1.5h-1.5-12-1.5v1.5 10.5c0 1.1046.89543 2 2 2h7v-1.5h-7c-.27614 0-.5-.2239-.5-.5zm10.5 2h-9v1.5h9zm-5 3h-4v1.5h4zm3.5 1.5h-1v1h1zm-1-1.5h-1.5v1.5 1 1.5h1.5 1 1.5v-1.5-1-1.5h-1.5zm-2.5 2.5h-4v1.5h4zm6.5 1.25h1.5v2.25h2.25v1.5h-2.25v2.25h-1.5v-2.25h-2.25v-1.5h2.25z" fill-rule="evenodd"></path></svg> <span>Subscribe</span> </a> <a class="actnbr-action actnbr-actn-following no-display" href=""> <svg class="gridicon" height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 4.5H4V15C4 15.2761 4.22386 15.5 4.5 15.5H11.5V17H4.5C3.39543 17 2.5 16.1046 2.5 15V4.5V3H4H16H17.5V4.5V12.5H16V4.5ZM5.5 6.5H14.5V8H5.5V6.5ZM5.5 9.5H9.5V11H5.5V9.5ZM12 11H13V12H12V11ZM10.5 9.5H12H13H14.5V11V12V13.5H13H12H10.5V12V11V9.5ZM5.5 12H9.5V13.5H5.5V12Z" fill="#008A20"></path><path class="following-icon-tick" d="M13.5 16L15.5 18L19 14.5" stroke="#008A20" stroke-width="1.5"></path></svg> <span>Subscribed</span> </a> </li> <li class="actnbr-signup"><a href="https://wordpress.com/start/">Sign up</a></li> <li class="actnbr-login"><a href="https://wordpress.com/log-in?redirect_to=https%3A%2F%2Fr-login.wordpress.com%2Fremote-login.php%3Faction%3Dlink%26back%3Dhttps%253A%252F%252Fjetpack.com%252Fresources%252Fwordpress-block-themes%252F">Log in</a></li> <li class="actnbr-shortlink"> <a href="https://wp.me/p1moTy-X8t"> <span class="actnbr-shortlink__text">Copy shortlink</span> <span class="actnbr-shortlink__icon"><svg class="gridicon gridicons-checkmark" height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M9 19.414l-6.707-6.707 1.414-1.414L9 16.586 20.293 5.293l1.414 1.414"/></g></svg></span> </a> </li> <li class="flb-report"> <a href="https://wordpress.com/abuse/?report_url=https://jetpack.com/resources/wordpress-block-themes/" target="_blank" rel="noopener noreferrer"> Report this content </a> </li> <li class="actnbr-reader"> <a href="https://wordpress.com/reader/blogs/20115252/posts/227321"> View post in Reader </a> </li> <li class="actnbr-subs"> <a href="https://subscribe.wordpress.com/">Manage subscriptions</a> </li> <li class="actnbr-fold"><a href="">Collapse this bar</a></li> </ul> </div> </div> </li> </ul> </div> <script> window.addEventListener( "load", function( event ) { var link = document.createElement( "link" ); link.href = "https://s0.wp.com/wp-content/mu-plugins/actionbar/actionbar.css?v=20250116"; link.type = "text/css"; link.rel = "stylesheet"; document.head.appendChild( link ); var script = document.createElement( "script" ); script.src = "https://s0.wp.com/wp-content/mu-plugins/actionbar/actionbar.js?v=20250204"; script.defer = true; document.body.appendChild( script ); } ); </script> <div id="jp-carousel-loading-overlay"> <div id="jp-carousel-loading-wrapper"> <span id="jp-carousel-library-loading"> </span> </div> </div> <div class="jp-carousel-overlay" style="display: none;"> <div class="jp-carousel-container">  <div class="jp-carousel-wrap swiper-container jp-carousel-swiper-container jp-carousel-transitions" itemscope itemtype="https://schema.org/ImageGallery"> <div class="jp-carousel swiper-wrapper"></div> <div class="jp-swiper-button-prev swiper-button-prev"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskPrev" mask-type="alpha" maskUnits="userSpaceOnUse" x="8" y="6" width="9" height="12"> <path d="M16.2072 16.59L11.6496 12L16.2072 7.41L14.8041 6L8.8335 12L14.8041 18L16.2072 16.59Z" fill="white"/> </mask> <g mask="url(#maskPrev)"> <rect x="0.579102" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> </div> <div class="jp-swiper-button-next swiper-button-next"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskNext" mask-type="alpha" maskUnits="userSpaceOnUse" x="8" y="6" width="8" height="12"> <path d="M8.59814 16.59L13.1557 12L8.59814 7.41L10.0012 6L15.9718 12L10.0012 18L8.59814 16.59Z" fill="white"/> </mask> <g mask="url(#maskNext)"> <rect x="0.34375" width="23.8822" height="24" fill="#FFFFFF"/> </g> </svg> </div> </div>  <div class="jp-carousel-close-hint"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskClose" mask-type="alpha" maskUnits="userSpaceOnUse" x="5" y="5" width="15" height="14"> <path d="M19.3166 6.41L17.9135 5L12.3509 10.59L6.78834 5L5.38525 6.41L10.9478 12L5.38525 17.59L6.78834 19L12.3509 13.41L17.9135 19L19.3166 17.59L13.754 12L19.3166 6.41Z" fill="white"/> </mask> <g mask="url(#maskClose)"> <rect x="0.409668" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> </div>  <div class="jp-carousel-info"> <div class="jp-carousel-info-footer"> <div class="jp-carousel-pagination-container"> <div class="jp-swiper-pagination swiper-pagination"></div> <div class="jp-carousel-pagination"></div> </div> <div class="jp-carousel-photo-title-container"> <h2 class="jp-carousel-photo-caption"></h2> </div> <div class="jp-carousel-photo-icons-container"> <a href="#" class="jp-carousel-icon-btn jp-carousel-icon-info" aria-label="Toggle photo metadata visibility"> <span class="jp-carousel-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskInfo" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="20"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7537 2C7.26076 2 2.80273 6.48 2.80273 12C2.80273 17.52 7.26076 22 12.7537 22C18.2466 22 22.7046 17.52 22.7046 12C22.7046 6.48 18.2466 2 12.7537 2ZM11.7586 7V9H13.7488V7H11.7586ZM11.7586 11V17H13.7488V11H11.7586ZM4.79292 12C4.79292 16.41 8.36531 20 12.7537 20C17.142 20 20.7144 16.41 20.7144 12C20.7144 7.59 17.142 4 12.7537 4C8.36531 4 4.79292 7.59 4.79292 12Z" fill="white"/> </mask> <g mask="url(#maskInfo)"> <rect x="0.8125" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> </span> </a> <a href="#" class="jp-carousel-icon-btn jp-carousel-icon-comments" aria-label="Toggle photo comments visibility"> <span class="jp-carousel-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskComments" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="20"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3271 2H20.2486C21.3432 2 22.2388 2.9 22.2388 4V16C22.2388 17.1 21.3432 18 20.2486 18H6.31729L2.33691 22V4C2.33691 2.9 3.2325 2 4.3271 2ZM6.31729 16H20.2486V4H4.3271V18L6.31729 16Z" fill="white"/> </mask> <g mask="url(#maskComments)"> <rect x="0.34668" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> <span class="jp-carousel-has-comments-indicator" aria-label="This image has comments."></span> </span> </a> </div> </div> <div class="jp-carousel-info-extra"> <div class="jp-carousel-info-content-wrapper"> <div class="jp-carousel-photo-title-container"> <h2 class="jp-carousel-photo-title"></h2> </div> <div class="jp-carousel-comments-wrapper"> <div id="jp-carousel-comments-loading"> <span>Loading Comments...</span> </div> <div class="jp-carousel-comments"></div> <div id="jp-carousel-comment-form-container"> <span id="jp-carousel-comment-form-spinner"> </span> <div id="jp-carousel-comment-post-results"></div> <form id="jp-carousel-comment-form"> <label for="jp-carousel-comment-form-comment-field" class="screen-reader-text">Write a Comment...</label> <textarea name="comment" class="jp-carousel-comment-form-field jp-carousel-comment-form-textarea" id="jp-carousel-comment-form-comment-field" placeholder="Write a Comment..." ></textarea> <div id="jp-carousel-comment-form-submit-and-info-wrapper"> <div id="jp-carousel-comment-form-commenting-as"> <fieldset> <label for="jp-carousel-comment-form-email-field">Email (Required)</label> <input type="text" name="email" class="jp-carousel-comment-form-field jp-carousel-comment-form-text-field" id="jp-carousel-comment-form-email-field" /> </fieldset> <fieldset> <label for="jp-carousel-comment-form-author-field">Name (Required)</label> <input type="text" name="author" class="jp-carousel-comment-form-field jp-carousel-comment-form-text-field" id="jp-carousel-comment-form-author-field" /> </fieldset> <fieldset> <label for="jp-carousel-comment-form-url-field">Website</label> <input type="text" name="url" class="jp-carousel-comment-form-field jp-carousel-comment-form-text-field" id="jp-carousel-comment-form-url-field" /> </fieldset> </div> <input type="submit" name="submit" class="jp-carousel-comment-form-button" id="jp-carousel-comment-form-button-submit" value="Post Comment" /> </div> </form> </div> </div> <div class="jp-carousel-image-meta"> <div class="jp-carousel-title-and-caption"> <div class="jp-carousel-photo-info"> <h3 class="jp-carousel-caption" itemprop="caption description"></h3> </div> <div class="jp-carousel-photo-description"></div> </div> <ul class="jp-carousel-image-exif" style="display: none;"></ul> <a class="jp-carousel-image-download" href="#" target="_blank" style="display: none;"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="3" y="3" width="19" height="18"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.84615 5V19H19.7775V12H21.7677V19C21.7677 20.1 20.8721 21 19.7775 21H5.84615C4.74159 21 3.85596 20.1 3.85596 19V5C3.85596 3.9 4.74159 3 5.84615 3H12.8118V5H5.84615ZM14.802 5V3H21.7677V10H19.7775V6.41L9.99569 16.24L8.59261 14.83L18.3744 5H14.802Z" fill="white"/> </mask> <g mask="url(#mask0)"> <rect x="0.870605" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> <span class="jp-carousel-download-text"></span> </a> <div class="jp-carousel-image-map" style="display: none;"></div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> window.WPCOM_sharing_counts = {"https:\/\/jetpack.com\/resources\/wordpress-block-themes\/":227321}; </script> <style id='jetpack-block-sharing-button-inline-css'> a.jetpack-sharing-button__button{color:inherit}.jetpack-sharing-button__button{align-items:center;background:#fff;border-radius:4px;box-shadow:0 1px 2px #0000001f,0 0 0 1px #0000001f;color:#2c3338;color:inherit;cursor:default;display:flex;flex-direction:row;font-size:inherit;font-weight:500;height:auto;justify-content:center;line-height:23px;margin:4px 4px 0;padding:4px 9px 3px;text-decoration:none}.jetpack-sharing-button__button svg{height:1.5em;width:1.5em;fill:currentColor}.jetpack-sharing-button__button:hover{box-shadow:0 1px 2px #00000038,0 0 0 1px #00000038;cursor:pointer}.jetpack-sharing-button__button.components-button{font-size:inherit;padding:4px 11px 3px 9px}.jetpack-sharing-button__button.style-icon{border:0;border-radius:50%;box-shadow:none;color:#fff;height:auto;line-height:1;margin-bottom:0;padding:7px;position:relative;top:-2px;width:auto}.jetpack-sharing-button__button.style-icon.share-bluesky{background:#0085ff}.jetpack-sharing-button__button.style-icon.share-x{background:#000}.jetpack-sharing-button__button.style-icon.share-print{background:#c5c2c2}.jetpack-sharing-button__button.style-icon.share-reddit{background:#5f99cf}.jetpack-sharing-button__button.style-icon.share-skype{background:#00aff0}.jetpack-sharing-button__button.style-icon.share-facebook{background:#0866ff}.jetpack-sharing-button__button.style-icon.share-linkedin{background:#0976b4}.jetpack-sharing-button__button.style-icon.share-mail{background:#c5c2c2}.jetpack-sharing-button__button.style-icon.share-twitter{background:#55acee}.jetpack-sharing-button__button.style-icon.share-tumblr{background:#35465c}.jetpack-sharing-button__button.style-icon.share-pinterest{background:#cc2127}.jetpack-sharing-button__button.style-icon.share-pocket{background:#ee4256}.jetpack-sharing-button__button.style-icon.share-telegram{background:#08c}.jetpack-sharing-button__button.style-icon.share-threads{background:#000}.jetpack-sharing-button__button.style-icon.share-whatsapp{background:#43d854}.jetpack-sharing-button__button.style-icon.share-mastodon{background:#6364ff}.jetpack-sharing-button__button.style-icon.share-nextdoor{background:#8ed500}.jetpack-sharing-button__button.style-icon.share-share{background:#000}.jetpack-sharing-button__button.style-icon.is-custom{padding:8px;top:2px}.jetpack-sharing-button__button.style-icon-text{margin-inline-end:4px;padding-inline-end:11px}.style-icon .jetpack-sharing-button__service-label,.style-text .sharing-buttons-preview-button__custom-icon,.style-text .social-logo{display:none}.jetpack-sharing-button__list-item{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;list-style-type:none;padding:0}.jetpack-sharing-button__list-item:first-child .jetpack-sharing-button__button{margin-inline-start:0}.style-icon-text .jetpack-sharing-button__service-label{margin-inline-start:5px}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{background-color:#555;border-radius:6px;bottom:120%;color:#fff;display:none;padding:5px;position:absolute;text-align:center;width:5.5em} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-2-2' href='https://s0.wp.com/_static/??-eJyljEsKgDAMBS9kDUUquhDPom0Qaz/BNHh9KdgTuBl4w2PgIWVzKpgKRFEU5DgTg8dCm72+DTHnCicBGex2Z2EMwM9JeKtdkgvYW+YOftTaqYkaXOOix8noQU+z8S9MR0BZ&cssminify=yes' type='text/css' media='all' /> <style id='core-block-supports-inline-css'> .wp-container-jetpack-sharing-buttons-is-layout-1{justify-content:flex-start;} </style> <script type="text/javascript" id="custom-content-types-data-js-before"> /* <![CDATA[ */ var CUSTOM_CONTENT_TYPE__INITIAL_STATE; typeof CUSTOM_CONTENT_TYPE__INITIAL_STATE === "object" || (CUSTOM_CONTENT_TYPE__INITIAL_STATE = JSON.parse(decodeURIComponent("%7B%22active%22%3Atrue%2C%22over_ride%22%3Afalse%2C%22should_show_testimonials%22%3Atrue%2C%22should_show_portfolios%22%3Atrue%7D"))); /* ]]> */ </script> <script crossorigin='anonymous' type='text/javascript' src='https://s0.wp.com/_static/??-eJx9jdEKwjAMAH/IGibM9UX8FOnWONO1yVya+fsOUfHJxzsODh6zG4QrcoWkUKSnjM4UlzBuzhFfZZ90Bz9dMTdnG4kVMk2ocDc0vAWOGZc/ccI6h2F68/YS/rjLihxlgWBVSqiVhm8dVLEq9EY5AjWeXZYQX6NzOTXdofXeH7s2PQG3UEtg'></script> <script type="text/javascript" id="wp-jp-i18n-loader-js-after"> /* <![CDATA[ */ wp.jpI18nLoader.state = {"baseUrl":"https://widgets.wp.com/languages/","locale":"en_US","domainMap":{"jetpack-admin-ui":"plugins/jetpack","jetpack-assets":"plugins/jetpack","jetpack-backup-pkg":"plugins/jetpack","jetpack-blaze":"plugins/jetpack","jetpack-boost-core":"plugins/jetpack","jetpack-boost-speed-score":"plugins/jetpack","jetpack-classic-theme-helper":"plugins/jetpack","jetpack-compat":"plugins/jetpack","jetpack-config":"plugins/jetpack","jetpack-connection":"plugins/jetpack","jetpack-explat":"plugins/jetpack","jetpack-external-media":"plugins/jetpack","jetpack-forms":"plugins/jetpack","jetpack-image-cdn":"plugins/jetpack","jetpack-import":"plugins/jetpack","jetpack-ip":"plugins/jetpack","jetpack-jitm":"plugins/jetpack","jetpack-licensing":"plugins/jetpack","jetpack-masterbar":"plugins/jetpack","jetpack-my-jetpack":"plugins/jetpack","jetpack-password-checker":"plugins/jetpack","jetpack-plugins-installer":"plugins/jetpack","jetpack-post-list":"plugins/jetpack","jetpack-protect-models":"plugins/jetpack","jetpack-protect-status":"plugins/jetpack","jetpack-publicize-pkg":"plugins/jetpack","jetpack-search-pkg":"plugins/jetpack","jetpack-stats":"plugins/jetpack","jetpack-stats-admin":"plugins/jetpack","jetpack-sync":"plugins/jetpack","jetpack-videopress-pkg":"plugins/jetpack","jetpack-waf":"plugins/jetpack","jetpack-wordads":"plugins/jetpack","woocommerce-analytics":"plugins/jetpack"},"domainPaths":{"jetpack-admin-ui":"jetpack_vendor/automattic/jetpack-admin-ui/","jetpack-assets":"jetpack_vendor/automattic/jetpack-assets/","jetpack-backup-pkg":"jetpack_vendor/automattic/jetpack-backup/","jetpack-blaze":"jetpack_vendor/automattic/jetpack-blaze/","jetpack-boost-core":"jetpack_vendor/automattic/jetpack-boost-core/","jetpack-boost-speed-score":"jetpack_vendor/automattic/jetpack-boost-speed-score/","jetpack-classic-theme-helper":"jetpack_vendor/automattic/jetpack-classic-theme-helper/","jetpack-compat":"jetpack_vendor/automattic/jetpack-compat/","jetpack-config":"jetpack_vendor/automattic/jetpack-config/","jetpack-connection":"jetpack_vendor/automattic/jetpack-connection/","jetpack-explat":"jetpack_vendor/automattic/jetpack-explat/","jetpack-external-media":"jetpack_vendor/automattic/jetpack-external-media/","jetpack-forms":"jetpack_vendor/automattic/jetpack-forms/","jetpack-image-cdn":"jetpack_vendor/automattic/jetpack-image-cdn/","jetpack-import":"jetpack_vendor/automattic/jetpack-import/","jetpack-ip":"jetpack_vendor/automattic/jetpack-ip/","jetpack-jitm":"jetpack_vendor/automattic/jetpack-jitm/","jetpack-licensing":"jetpack_vendor/automattic/jetpack-licensing/","jetpack-masterbar":"jetpack_vendor/automattic/jetpack-masterbar/","jetpack-my-jetpack":"jetpack_vendor/automattic/jetpack-my-jetpack/","jetpack-password-checker":"jetpack_vendor/automattic/jetpack-password-checker/","jetpack-plugins-installer":"jetpack_vendor/automattic/jetpack-plugins-installer/","jetpack-post-list":"jetpack_vendor/automattic/jetpack-post-list/","jetpack-protect-models":"jetpack_vendor/automattic/jetpack-protect-models/","jetpack-protect-status":"jetpack_vendor/automattic/jetpack-protect-status/","jetpack-publicize-pkg":"jetpack_vendor/automattic/jetpack-publicize/","jetpack-search-pkg":"jetpack_vendor/automattic/jetpack-search/","jetpack-stats":"jetpack_vendor/automattic/jetpack-stats/","jetpack-stats-admin":"jetpack_vendor/automattic/jetpack-stats-admin/","jetpack-sync":"jetpack_vendor/automattic/jetpack-sync/","jetpack-videopress-pkg":"jetpack_vendor/automattic/jetpack-videopress/","jetpack-waf":"jetpack_vendor/automattic/jetpack-waf/","jetpack-wordads":"jetpack_vendor/automattic/jetpack-wordads/","woocommerce-analytics":"jetpack_vendor/automattic/woocommerce-analytics/"}}; /* ]]> */ </script> <script type="text/javascript" crossorigin='anonymous' src="https://s0.wp.com/wp-content/plugins/gutenberg-core/v20.0.1/build/url/index.min.js?m=1738846131i&ver=499ac283dc628dfb623e" id="wp-url-js"></script> <script type="text/javascript" id="jetpack-instant-search-js-before"> /* <![CDATA[ */ var JetpackInstantSearchOptions=JSON.parse(decodeURIComponent("%7B%22overlayOptions%22%3A%7B%22colorTheme%22%3A%22light%22%2C%22enableInfScroll%22%3Atrue%2C%22enableFilteringOpensOverlay%22%3Atrue%2C%22enablePostDate%22%3Atrue%2C%22enableSort%22%3Atrue%2C%22highlightColor%22%3A%22%23e6f2e8%22%2C%22overlayTrigger%22%3A%22results%22%2C%22resultFormat%22%3A%22minimal%22%2C%22showPoweredBy%22%3Atrue%2C%22defaultSort%22%3A%22relevance%22%2C%22excludedPostTypes%22%3A%5B%5D%7D%2C%22homeUrl%22%3A%22https%3A%5C%2F%5C%2Fjetpack.com%22%2C%22locale%22%3A%22en%22%2C%22postsPerPage%22%3A10%2C%22siteId%22%3A20115252%2C%22postTypes%22%3A%7B%22post%22%3A%7B%22singular_name%22%3A%22Post%22%2C%22name%22%3A%22Posts%22%7D%2C%22page%22%3A%7B%22singular_name%22%3A%22Page%22%2C%22name%22%3A%22Pages%22%7D%2C%22attachment%22%3A%7B%22singular_name%22%3A%22Media%22%2C%22name%22%3A%22Media%22%7D%2C%22security%22%3A%7B%22singular_name%22%3A%22Vulnerability%22%2C%22name%22%3A%22Vulnerabilities%22%7D%2C%22jetpack_support%22%3A%7B%22singular_name%22%3A%22Article%22%2C%22name%22%3A%22Support%22%7D%7D%2C%22webpackPublicPath%22%3A%22https%3A%5C%2F%5C%2Fs2.wp.com%5C%2Fwp-content%5C%2Fmu-plugins%5C%2Fjetpack-plugin%5C%2Fmoon%5C%2Fjetpack_vendor%5C%2Fautomattic%5C%2Fjetpack-search%5C%2Fbuild%5C%2Finstant-search%5C%2F%22%2C%22isPhotonEnabled%22%3Atrue%2C%22isFreePlan%22%3Afalse%2C%22apiRoot%22%3A%22https%3A%5C%2F%5C%2Fpublic-api.wordpress.com%5C%2F%22%2C%22apiNonce%22%3A%22e7282fcd58%22%2C%22isPrivateSite%22%3Afalse%2C%22isWpcom%22%3Atrue%2C%22hasOverlayWidgets%22%3Atrue%2C%22widgets%22%3A%5B%7B%22filters%22%3A%5B%7B%22name%22%3A%22Post%20Types%22%2C%22type%22%3A%22post_type%22%2C%22count%22%3A20%2C%22widget_id%22%3A%22jetpack-search-filters-7%22%2C%22filter_id%22%3A%22post_type_0%22%7D%2C%7B%22name%22%3A%22Categories%22%2C%22type%22%3A%22taxonomy%22%2C%22taxonomy%22%3A%22category%22%2C%22count%22%3A6%2C%22widget_id%22%3A%22jetpack-search-filters-7%22%2C%22filter_id%22%3A%22taxonomy_1%22%7D%2C%7B%22name%22%3A%22Year%22%2C%22type%22%3A%22date_histogram%22%2C%22count%22%3A5%2C%22field%22%3A%22post_date%22%2C%22interval%22%3A%22year%22%2C%22widget_id%22%3A%22jetpack-search-filters-7%22%2C%22filter_id%22%3A%22date_histogram_2%22%7D%5D%2C%22widget_id%22%3A%22jetpack-search-filters-7%22%7D%5D%2C%22widgetsOutsideOverlay%22%3A%5B%5D%2C%22hasNonSearchWidgets%22%3Afalse%2C%22preventTrackingCookiesReset%22%3Atrue%2C%22adminQueryFilter%22%3A%7B%22bool%22%3A%7B%22must_not%22%3A%5B%7B%22term%22%3A%7B%22post_type%22%3A%22attachment%22%7D%7D%2C%7B%22term%22%3A%7B%22post_type%22%3A%22security%22%7D%7D%2C%7B%22term%22%3A%7B%22post_id%22%3A222155%7D%7D%5D%7D%7D%7D")); /* ]]> */ </script> <script crossorigin='anonymous' type='text/javascript' src='https://s2.wp.com/wp-content/mu-plugins/jetpack-plugin/moon/jetpack_vendor/automattic/jetpack-search/build/instant-search/jp-search.js?m=1737753225i'></script> <script type="text/javascript" crossorigin='anonymous' src="//stats.wp.com/w.js?ver=202508" id="jp-tracks-js"></script> <script type="text/javascript" id="comment-like-js-extra"> /* <![CDATA[ */ var comment_like_text = {"loading":"Loading...","swipeUrl":"https:\/\/s2.wp.com\/wp-content\/mu-plugins\/comment-likes\/js\/lib\/swipe.js?ver=20131008"}; /* ]]> */ </script> <script crossorigin='anonymous' type='text/javascript' src='https://s2.wp.com/_static/??/wp-content/mu-plugins/comment-likes/js/comment-likes.js,/wp-content/plugins/wp-parsely/build/loader.js?m=1651502011j'></script> <script type="text/javascript" data-parsely-site="jetpack.com" src="https://cdn.parsely.com/keys/jetpack.com/p.js?ver=3.3.2" id="parsely-cfg"></script> <script type="text/javascript" id="coblocks-loader-js-extra"> /* <![CDATA[ */ var wpcom_coblocks_js = {"coblocks_masonry_js":"https:\/\/s2.wp.com\/wp-content\/plugins\/coblocks\/2.18.1-simple-rev.4\/dist\/js\/coblocks-masonry.min.js","coblocks_lightbox_js":"https:\/\/s2.wp.com\/wp-content\/plugins\/coblocks\/2.18.1-simple-rev.4\/dist\/js\/coblocks-lightbox.min.js","jquery_core_js":"\/wp-includes\/js\/jquery\/jquery.min.js","jquery_migrate_js":"\/wp-includes\/js\/jquery\/jquery-migrate.min.js","masonry_js":"\/wp-includes\/js\/masonry.min.js","imagesloaded_js":"\/wp-includes\/js\/imagesloaded.min.js"}; var coblocksLigthboxData = {"closeLabel":"Close Gallery","leftLabel":"Previous","rightLabel":"Next"}; /* ]]> */ </script> <script type="text/javascript" id="jetpack-blocks-assets-base-url-js-before"> /* <![CDATA[ */ var Jetpack_Block_Assets_Base_Url="https://s0.wp.com/wp-content/mu-plugins/jetpack-plugin/moon/_inc/blocks/"; /* ]]> */ </script> <script crossorigin='anonymous' type='text/javascript' src='https://s0.wp.com/_static/??-eJytkN1uwjAMhV9ojulAAy6mPQpKU6t1SZwqdsnrU1CrTdyOO/+c81k+WCcIWYzEcIpzz6IYchtzuCp+uubkGlBOUyQodHMH7FgNx18RxOw7Ki6xuFE/8A/PBkqk6E8BR7LJh2siEKoP+0BP14sjcosL1S/X+plUqYBWtjBQwa2Ayl1Ptum28X9QVrxo9MZZ9JWTZthyWZ9Ye0w5C15YAq5x6eALSw/tbLasbkz17bSf9N0c9+fDV7M7nsc709imBQ=='></script> <script type="text/javascript" crossorigin='anonymous' src="https://s0.wp.com/wp-content/plugins/gutenberg-core/v20.0.1/build/dom-ready/index.min.js?m=1738846131i&ver=222ad38e3e5e302c8bbf" id="wp-dom-ready-js"></script> <script type="text/javascript" id="jetpack-carousel-js-extra"> /* <![CDATA[ */ var jetpackSwiperLibraryPath = {"url":"https:\/\/s2.wp.com\/wp-content\/mu-plugins\/jetpack-plugin\/moon\/_inc\/build\/carousel\/swiper-bundle.min.js"}; var jetpackCarouselStrings = {"widths":[370,700,1000,1200,1400,2000],"is_logged_in":"","lang":"en","ajaxurl":"https:\/\/jetpack.com\/wp-admin\/admin-ajax.php","nonce":"a9c4c66877","display_exif":"1","display_comments":"1","single_image_gallery":"1","single_image_gallery_media_file":"","background_color":"black","comment":"Comment","post_comment":"Post Comment","write_comment":"Write a Comment...","loading_comments":"Loading Comments...","image_label":"Open image in full-screen.","download_original":"View full size <span class=\"photo-size\">{0}<span class=\"photo-size-times\">\u00d7<\/span>{1}<\/span>","no_comment_text":"Please be sure to submit some text with your comment.","no_comment_email":"Please provide an email address to comment.","no_comment_author":"Please provide your name to comment.","comment_post_error":"Sorry, but there was an error posting your comment. Please try again later.","comment_approved":"Your comment was approved.","comment_unapproved":"Your comment is in moderation.","camera":"Camera","aperture":"Aperture","shutter_speed":"Shutter Speed","focal_length":"Focal Length","copyright":"Copyright","comment_registration":"0","require_name_email":"1","login_url":"https:\/\/jetpack.com?logmein=1&redirect_to=https:\/\/jetpack.com\/resources\/wordpress-block-themes\/","blog_id":"20115252","meta_data":["camera","aperture","shutter_speed","focal_length","copyright"],"stats_query_args":"blog=20115252&v=wpcom&tz=0&user_id=0&subd=jetpackme","is_public":"1"}; /* ]]> */ </script> <script type="text/javascript" id="sharing-js-js-extra"> /* <![CDATA[ */ var sharing_js_options = {"lang":"en","counts":"1","is_stats_active":"1"}; /* ]]> */ </script> <script crossorigin='anonymous' type='text/javascript' src='https://s2.wp.com/_static/??-eJydj8EKwjAQRH/IdJFqiwfxUyTdhLptshuapMG/V6Hx4EHQ4wyPxwyUoFA4WU7gswouj8QRJpuCxnnL4EUYrsQIgxOcI8SbXohHNeSU5MmvZEszxR38qsvkDKBeJEfr3lwtGk/8RVsxVQKK/4j/z3mds0Ybc68/tx0Xf973bXc6dH17nB4SP3Yi'></script> <script type="text/javascript" id="sharing-js-js-after"> /* <![CDATA[ */ var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-tumblr' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-tumblr' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomtumblr', 'menubar=1,resizable=1,width=450,height=450' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-mastodon' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-mastodon' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcommastodon', 'menubar=1,resizable=1,width=460,height=400' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-facebook' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-facebook' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomfacebook', 'menubar=1,resizable=1,width=600,height=400' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-x' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-x' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomx', 'menubar=1,resizable=1,width=600,height=350' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-threads' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-threads' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomthreads', 'menubar=1,resizable=1,width=600,height=400' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-bluesky' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-bluesky' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcombluesky', 'menubar=1,resizable=1,width=600,height=400' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-linkedin' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-linkedin' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomlinkedin', 'menubar=1,resizable=1,width=580,height=450' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-pocket' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-pocket' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcompocket', 'menubar=1,resizable=1,width=450,height=450' ); return false; } } ); } )(); /* ]]> */ </script> <script type="text/javascript"> (function () { var wpcom_reblog = { source: 'toolbar', toggle_reblog_box_flair: function (obj_id, post_id) { // Go to site selector. This will redirect to their blog if they only have one. const postEndpoint = `https://wordpress.com/post`; // Ideally we would use the permalink here, but fortunately this will be replaced with the // post permalink in the editor. const originalURL = `${ document.location.href }?page_id=${ post_id }`; const url = postEndpoint + '?url=' + encodeURIComponent( originalURL ) + '&is_post_share=true' + '&v=5'; const redirect = function () { if ( ! window.open( url, '_blank' ) ) { location.href = url; } }; if ( /Firefox/.test( navigator.userAgent ) ) { setTimeout( redirect, 0 ); } else { redirect(); } }, }; window.wpcom_reblog = wpcom_reblog; })(); </script> <iframe src='https://widgets.wp.com/likes/master.html?ver=20250218#ver=20250218&origin=https://jetpack.com' scrolling='no' id='likes-master' name='likes-master' style='display:none;'></iframe> <div id='likes-other-gravatars' class='wpl-new-layout' role="dialog" aria-hidden="true" tabindex="-1"> <div class="likes-text"> <span>%d</span> </div> <ul class="wpl-avatars sd-like-gravatars"></ul> </div> <script src="//stats.wp.com/w.js?68" defer></script> <script type="text/javascript"> _tkq = window._tkq || []; _stq = window._stq || []; _tkq.push(['storeContext', {'blog_id':'20115252','blog_tz':'0','user_lang':'en','blog_lang':'en','user_id':'0'}]); _stq.push(['view', {'blog':'20115252','v':'wpcom','tz':'0','user_id':'0','post':'227321','subd':'jetpackme'}]); _stq.push(['extra', {'crypt':'UE40eW5QN0p8M2Y/RE1lSiYrZXhzUkM5fD1uTDNLUGt6QzVbd3FKb3Q4aWxfXXI3YWo4Qz1OQTklbU5iaFcmUVFuNjY9c2xqOUdMWmdBL19wOGp1T3xISjRRdT1tTj0xUG4vS0p4Y3xOZ2JRWVpORElfQUFfS0I0RTVyaVNCWFtdSHNVZmRNW2tBSnY/cWkuSUtbL0cyLUMsVWxydCtmRGMwLk5TY0svLWU0d2g4aS83ay1ZbytldTRyQn5zQ2paeXJqU3xhZU1zWUVkc0lTZk1tbE1CZGMsQXJ5V3FrUC1vMytxQzI3S0JhOUw4Q3ZRcElsLyVPR2tBUnliaHpRJissZFlDWltKcmNbTTglTzFbL3ZbV11ORU9bczRKSFhLW1F1R2pmWW5bOHcxTklzRWMyb045LW9NU2xbTXQwbUFyQz9WWVJBdGtUL3dubk96UQ=='}]); _stq.push([ 'clickTrackerInit', '20115252', '227321' ]); </script> <noscript><img src="https://pixel.wp.com/b.gif?v=noscript" style="height:1px;width:1px;overflow:hidden;position:absolute;bottom:1px;" alt="" /></noscript> <script defer id="bilmur" data-customproperties="{"logged_in":"0","wptheme":"a8c\/jetpackme-new","wptheme_is_block":"0"}" data-provider="wordpress.com" data-service="simple" src="/wp-content/js/bilmur-3-4-combined.min.js?i=12&m=202508"></script><script crossorigin='anonymous' type='text/javascript' src='https://s0.wp.com/wp-content/themes/a8c/jetpackme-new/js/utm-tracking.js?m=1729699933i'></script> <script> ( function() { function getMobileUserAgentInfo() { if ( typeof wpcom_mobile_user_agent_info === 'object' ) { wpcom_mobile_user_agent_info.init(); var mobileStatsQueryString = ''; if ( wpcom_mobile_user_agent_info.matchedPlatformName !== false ) { mobileStatsQueryString += '&x_' + 'mobile_platforms' + '=' + wpcom_mobile_user_agent_info.matchedPlatformName; } if ( wpcom_mobile_user_agent_info.matchedUserAgentName !== false ) { mobileStatsQueryString += '&x_' + 'mobile_devices' + '=' + wpcom_mobile_user_agent_info.matchedUserAgentName; } if ( wpcom_mobile_user_agent_info.isIPad() ) { mobileStatsQueryString += '&x_' + 'ipad_views' + '=' + 'views'; } if ( mobileStatsQueryString != '' ) { new Image().src = document.location.protocol + '//pixel.wp.com/g.gif?v=wpcom-no-pv' + mobileStatsQueryString + '&baba=' + Math.random(); } } } document.addEventListener( 'DOMContentLoaded', getMobileUserAgentInfo ); } )(); </script> </body> </html>