{"id":80,"date":"2026-09-03T01:31:55","date_gmt":"2026-09-03T01:31:55","guid":{"rendered":"https:\/\/pulsar.ispazio.net\/auto\/gutenberg-blocks\/"},"modified":"2026-09-03T01:31:55","modified_gmt":"2026-09-03T01:31:55","slug":"gutenberg-blocks","status":"publish","type":"page","link":"https:\/\/pulsar.ispazio.net\/auto\/gutenberg-blocks\/","title":{"rendered":"All Gutenberg Blocks Supported by This Theme"},"content":{"rendered":"\r\n<p class=\"wp-block-paragraph\">WordPress 7.1 ships with a block for almost everything, and a theme has to dress all of them \u2014 not only the three it would have chosen. This page is full width, with no sidebar, so each block gets the whole measure and you can judge it at the size it will really be used.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Any page can be set this way: open it, look for <strong>Pulsar \u2014 page options<\/strong> under the editor, and choose <em>Full bleed<\/em>. The same box can force the sidebar back on for a single page when the rest of the site does without it.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Cover<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">A picture with words on top. The theme guarantees the veil between the two, whatever the photograph does, because white text on an unpredictable image is a gamble the reader loses.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-cover\" style=\"min-height: 360px;aspect-ratio:unset;\"><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-2261063\" src=\"https:\/\/pulsar.ispazio.net\/auto\/wp-content\/uploads\/sites\/3\/2026\/09\/pulsar-demo-23.jpg\" alt=\"\" data-object-fit=\"cover\" \/>\r\n<div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\r\n<h2 class=\"wp-block-heading has-text-align-center\">Words over a photograph<\/h2>\r\n\r\n\r\n\r\n<p class=\"has-text-align-center wp-block-paragraph\">And a line underneath, still readable.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Columns<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Two or three side by side on a desktop, stacked on a phone. Columns are for things that belong together, not for making a page look busy.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<h3 class=\"wp-block-heading\">First<\/h3>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">A column keeps the type size of the body: shrinking it to fit more words is how a page stops being read.<\/p>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<h3 class=\"wp-block-heading\">Second<\/h3>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">The gap between columns is wider than the space between lines, so the eye never runs from one column into the other.<\/p>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<h3 class=\"wp-block-heading\">Third<\/h3>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Three is the practical limit on a page this wide. Four columns of prose is a table pretending otherwise.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Media and text<\/h2>\r\n\r\n\r\n\r\n<div class=\"wp-block-media-text is-stacked-on-mobile\">\r\n<figure class=\"wp-block-media-text__media\"><img decoding=\"async\" class=\"wp-image-2261059 size-full\" src=\"https:\/\/pulsar.ispazio.net\/auto\/wp-content\/uploads\/sites\/3\/2026\/09\/pulsar-demo-25.jpg\" alt=\"\" \/><\/figure>\r\n<div class=\"wp-block-media-text__content\">\r\n<h3 class=\"wp-block-heading\">A picture and a paragraph, locked together<\/h3>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Useful for a product, a person, a place. On a phone the two stack, picture first, because a half-width photograph beside four words is worse than either alone.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Gallery<\/h2>\r\n\r\n\r\n\r\n<figure class=\"wp-block-gallery has-nested-images columns-3 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-id=\"2261062\" class=\"wp-image-2261062\" src=\"https:\/\/pulsar.ispazio.net\/auto\/wp-content\/uploads\/sites\/3\/2026\/09\/pulsar-demo-22.jpg\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-id=\"2261069\" class=\"wp-image-2261069\" src=\"https:\/\/pulsar.ispazio.net\/auto\/wp-content\/uploads\/sites\/3\/2026\/09\/pulsar-demo-28.jpg\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-id=\"2261068\" class=\"wp-image-2261068\" src=\"https:\/\/pulsar.ispazio.net\/auto\/wp-content\/uploads\/sites\/3\/2026\/09\/pulsar-demo-27.jpg\" alt=\"\" \/><\/figure>\r\n\r\n<figcaption class=\"blocks-gallery-caption wp-element-caption\">Three across, cropped to the same height.<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Details<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">The block that folds a section away until it is asked for. Good for a specification list, a long disclaimer, an answer to a question most readers already know.<\/p>\r\n\r\n\r\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\">\r\n<summary>What happens to these settings when the theme updates?<\/summary>\r\n\r\n<p class=\"wp-block-paragraph\">Nothing. They live in your database, not in the theme&#8217;s files, and an update replaces only the files.<\/p>\r\n<\/details>\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Group with a background<\/h2>\r\n\r\n\r\n\r\n<div class=\"wp-block-group has-very-light-gray-background-color has-background\" style=\"padding: 24px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-dffdf2ec wp-block-group-is-layout-constrained\">\r\n<h3 class=\"wp-block-heading\">A note set apart from the flow<\/h3>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">A group with a background is the polite way to say &#8220;this is an aside&#8221;. The text inside keeps the body size, and the box keeps the corner radius the rest of the theme uses.<\/p>\r\n<\/div><\/div>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Preformatted and verse<\/h2>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">Preformatted text\r\n    keeps    the spaces\r\n        exactly where they were.<\/pre>\r\n\r\n\r\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Cover with a fixed background<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">The same block with <em>Fixed background<\/em> switched on: the photograph stays where it is while the page scrolls over it. On a touch screen it falls back to an ordinary cover, because no version of iOS has ever supported a fixed attachment and what it does instead is worse than not doing it.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-cover has-parallax\" style=\"min-height: 420px;background-image: url(&apos;http:\/\/127.0.0.1:8765\/wp-content\/uploads\/2026\/08\/pulsar-typo-327882.jpg&apos;);aspect-ratio:unset;\"><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-2261237\" src=\"https:\/\/pulsar.ispazio.net\/auto\/wp-content\/uploads\/sites\/3\/2026\/09\/pulsar-demo-54.jpg\" alt=\"\" data-object-fit=\"cover\" \/>\r\n<div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\r\n<h2 class=\"wp-block-heading has-text-align-center\">The page moves, the picture does not<\/h2>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Wide and full width<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">A block can step outside the measure of the text. <em>Wide<\/em> goes a little past it on both sides; <em>Full<\/em> takes the whole page. Both are for pictures and covers, never for paragraphs: a line of text as wide as a monitor is a line nobody finishes.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image alignwide size-full\"><img decoding=\"async\" class=\"wp-image-2261063\" src=\"https:\/\/pulsar.ispazio.net\/auto\/wp-content\/uploads\/sites\/3\/2026\/09\/pulsar-demo-23.jpg\" alt=\"\" \/>\r\n<figcaption class=\"wp-element-caption\">A wide image, wider than the text and narrower than the page.<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Table<\/h2>\r\n\r\n\r\n\r\n<figure class=\"wp-block-table\">\r\n<table>\r\n<thead>\r\n<tr>\r\n<th>Block<\/th>\r\n<th>Set apart by<\/th>\r\n<th>Behaves on a phone<\/th>\r\n<\/tr>\r\n<\/thead>\r\n<tbody>\r\n<tr>\r\n<td>Cover<\/td>\r\n<td>A photograph and a veil<\/td>\r\n<td>Keeps its height, drops the parallax<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Columns<\/td>\r\n<td>Space between, not lines<\/td>\r\n<td>Stacks in order<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Gallery<\/td>\r\n<td>A shared crop<\/td>\r\n<td>Two across, then one<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Table<\/td>\r\n<td>Rules under the rows<\/td>\r\n<td>Scrolls inside its own box<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<figcaption class=\"wp-element-caption\">What each block does when the screen gets narrow.<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Lists<\/h2>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>A bulleted item, with a nested one under it:\r\n<ul class=\"wp-block-list\">\r\n<li>the second level, closer to its parent than to the item after it<\/li>\r\n<\/ul>\r\n<\/li>\r\n\r\n\r\n\r\n<li>and the item after it, back at the first level<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Numbered, with the figure in bold.<\/li>\r\n\r\n\r\n\r\n<li>Because a number is a label, not a word.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Quotations<\/h2>\r\n\r\n\r\n\r\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\r\n<p class=\"wp-block-paragraph\">The quote block is the same here as it is in an article: a bar in the brand colour and the same colour, much diluted, behind it.<\/p>\r\n<cite>The theme, about itself<\/cite><\/blockquote>\r\n\r\n\r\n\r\n<figure class=\"wp-block-pullquote\">\r\n<blockquote>\r\n<p>And the pull quote, set between two rules, for the sentence that has to be read first.<\/p>\r\n<\/blockquote>\r\n<\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Code<\/h2>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>\/\/ Every filter the theme exposes is documented, and this is one of them.\r\nadd_filter( 'pulsar_dequeue_block_library', '__return_false' );<\/code><\/pre>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Buttons<\/h2>\r\n\r\n\r\n\r\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\r\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">A filled button<\/a><\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">And an outlined one<\/a><\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Embed<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">A video keeps its proportions at every width, and the theme never lets it push the page sideways.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\">\r\n<div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Big Buck Bunny 60fps 4K - Official Blender Foundation Short Film\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/aqz-KE-bpKQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div>\r\n<\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Spacer and separator<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">A spacer adds silence without drawing anything; a separator draws a line. Use the first between two ideas that belong together, the second between two that do not.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 48px\" aria-hidden=\"true\">\u00a0<\/div>\r\n\r\n\r\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\r\n\r\n\r\n<p class=\"wp-block-paragraph\">If a block you use is not on this page, it is still styled: the theme dresses the whole core set and leaves the editor&#8217;s own spacing alone where WordPress already gets it right.<\/p>\r\n\r\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>WordPress 7.1 ships with a block for almost everything, and a theme has to dress all of them \u2014 not only the three it would have chosen. This page is full width, with no sidebar, so each block gets the whole measure and you can judge it at the size it will really be used. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":81,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-80","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/pulsar.ispazio.net\/auto\/wp-json\/wp\/v2\/pages\/80","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pulsar.ispazio.net\/auto\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pulsar.ispazio.net\/auto\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pulsar.ispazio.net\/auto\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pulsar.ispazio.net\/auto\/wp-json\/wp\/v2\/comments?post=80"}],"version-history":[{"count":0,"href":"https:\/\/pulsar.ispazio.net\/auto\/wp-json\/wp\/v2\/pages\/80\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pulsar.ispazio.net\/auto\/wp-json\/wp\/v2\/media\/81"}],"wp:attachment":[{"href":"https:\/\/pulsar.ispazio.net\/auto\/wp-json\/wp\/v2\/media?parent=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}