{"id":2265398,"date":"2026-08-23T15:34:26","date_gmt":"2026-08-23T15:34:26","guid":{"rendered":"https:\/\/pulsar.ispazio.net\/news\/2026\/08\/23\/every-pulsar-shortcode-one-by-one\/"},"modified":"2026-09-03T23:50:11","modified_gmt":"2026-09-03T23:50:11","slug":"every-pulsar-shortcode-one-by-one","status":"publish","type":"post","link":"https:\/\/pulsar.ispazio.net\/news\/2026\/08\/23\/every-pulsar-shortcode-one-by-one\/","title":{"rendered":"Every Pulsar Shortcode, One by One"},"content":{"rendered":"<span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span>\r\n<p class=\"wp-block-paragraph\">Pulsar ships eleven shortcodes, provided by the <strong>Pulsar Core<\/strong> plugin. They are editorial blocks: a product box, a card pointing at another article, a row of tabs, an app card, a video player. They take their colours, radii and type scale from the theme options, so they follow the palette of your site rather than carrying one of their own.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Below is every one of them: the code to copy, and underneath it exactly what that code renders. It is the same set of examples you find in <em>Pulsar Theme \u2192 Shortcodes<\/em>, where each has a live preview and a switch of its own.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">1 \u00b7 App card<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Thanks to the official iTunes API, App Store apps can be linked in your articles in a far nicer, smarter way. Just use this shortcode with the id of the app and you will see the magic straight away. The id is in the full address of the app: take the run of digits out of it.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>&#091;app id=\"331441694\"&#093;<\/code><\/pre>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><em>And this is what it renders:<\/em><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><aside class=\"pls-appcard\"><div class=\"pls-appcard__icon\"><img src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Purple211\/v4\/4f\/d1\/c7\/4fd1c79e-b87d-c2cd-c60e-6ce6acd44b21\/AppIcon-0-0-1x_U007epad-0-1-0-85-220.png\/100x100bb.jpg\" loading=\"lazy\" decoding=\"async\" alt=\"\" width=\"72\" height=\"72\"><\/div><div class=\"pls-appcard__body\"><h3 class=\"pls-appcard__name\">iSpazio: Notizie Apple<\/h3><div class=\"pls-appcard__dev\">iSpazio S.r.l.<\/div><\/div><div class=\"pls-appcard__cta\"><a class=\"pls-appcard__btn\" href=\"https:\/\/apps.apple.com\/us\/app\/ispazio-notizie-apple\/id331441694?uo=4\" target=\"_blank\" rel=\"noopener nofollow\">Free<\/a><\/div><\/aside><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">2 \u00b7 Product box<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">When an article of yours talks about something on sale in an online shop, this shortcode links to it in a design of its own: tidy, recognisable, the same every time. Give it a picture, a title, a link and a price. On an offer you can give both prices, the old one and the new, and the saving is worked out for you.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>&#091;product title=\"In-ear headphones, active noise cancelling, heart rate sensing, Bluetooth, spatial audio, high fidelity sound, USB-C charging\" price=\"\u20ac199.00\" full_price=\"\u20ac249.00\" badge=\"Lowest ever\" img=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/product-placeholder.jpg\" link=\"#link1\"&#093;<\/code><\/pre>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><em>And this is what it renders:<\/em><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><aside class=\"pls-buybox\"><div class=\"pls-buybox__img\"><img src=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/product-placeholder.jpg\" loading=\"lazy\" decoding=\"async\" alt=\"\" width=\"180\" height=\"180\"><\/div><div class=\"pls-buybox__body\"><span class=\"pls-buybox__badge\">Lowest ever<\/span><h3 class=\"pls-buybox__title\">In-ear headphones, active noise cancelling, heart rate sensing, Bluetooth, spatial audio, high fidelity sound, USB-C charging<\/h3><div class=\"pls-buybox__prices\"><span class=\"pls-buybox__price\">\u20ac199.00<\/span><span class=\"pls-buybox__was\"><s>\u20ac249.00<\/s><\/span><span class=\"pls-buybox__off\">-20%<\/span><\/div><\/div><div class=\"pls-buybox__cta\"><a class=\"pls-buybox__btn\" href=\"#link1\" target=\"_blank\" rel=\"noopener nofollow sponsored\">See the offer<\/a><\/div><\/aside><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">3 \u00b7 Reference to another article<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">When an article of yours should point at one you published earlier, give this shortcode one or more post ids separated by commas: a card appears and fills itself in with the picture, the title, the date it was published and the comments. With several ids you get the same full card for each of them, one under the other \u2014 for a compact list of links, use &#091;read-also&#093; instead.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>&#091;read&#093;2261096&#091;\/read&#093;<\/code><\/pre>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><em>And this is what it renders:<\/em><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><aside class=\"pls-readcard pls-readcard--single\"><a class=\"pls-readcard__inner\" href=\"https:\/\/pulsar.ispazio.net\/news\/2026\/09\/03\/every-gutenberg-block\/\" rel=\"noopener\" target=\"_blank\"><span class=\"pls-readcard__media\"><picture><source media=\"(max-width: 720px)\" srcset=\"https:\/\/pulsar.ispazio.net\/news\/wp-content\/uploads\/sites\/2\/2026\/09\/pulsar-demo-55-150x150.jpg 150w, https:\/\/pulsar.ispazio.net\/news\/wp-content\/uploads\/sites\/2\/2026\/09\/pulsar-demo-55-220x220.jpg 220w\"><img src=\"https:\/\/pulsar.ispazio.net\/news\/wp-content\/uploads\/sites\/2\/2026\/09\/pulsar-demo-55-432x243.jpg\" alt=\"\" srcset=\"https:\/\/pulsar.ispazio.net\/news\/wp-content\/uploads\/sites\/2\/2026\/09\/pulsar-demo-55-300x169.jpg 300w, https:\/\/pulsar.ispazio.net\/news\/wp-content\/uploads\/sites\/2\/2026\/09\/pulsar-demo-55-600x338.jpg 600w\" sizes=\"auto, (max-width: 720px) 96px, 220px\" width=\"432\" height=\"243\" loading=\"lazy\" decoding=\"async\"><\/picture><\/span><span class=\"pls-readcard__body\"><span class=\"pls-readcard__label\">Read also<\/span><span class=\"pls-readcard__title\">All Gutenberg Blocks Supported by This Theme<\/span><span class=\"pls-readcard__meta\"><time datetime=\"2026-09-03T01:21:09+00:00\">Sep 3, 2026<\/time><span class=\"pls-readcard__dot\" aria-hidden=\"true\"><\/span><span class=\"pls-readcard__comments\"><span class=\"pls-micon pls-micon--comments\" style=\"width:15px;height:15px\" aria-hidden=\"true\"><\/span><span class=\"pls-readcard__comments-num\">0<\/span><span class=\"screen-reader-text\">0 comments<\/span><\/span><\/span><\/span><span class=\"pls-readcard__go\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/span><\/a><\/aside><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">4 \u00b7 Link an article from elsewhere<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">The same shortcode as the one above, &#091;read&#093;, with two differences. Filled in by hand, it points at an article on another site while keeping the look that belongs to the theme. Given several post ids, it draws them as a compact list \u2014 smaller thumbnails and no description \u2014 which is what a row of related links at the end of a paragraph wants.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>&#091;read-also title=\"An article on another site\" link=\"https:\/\/example.com\" image=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/article-demo-image.jpg\" label=\"Read also\"&#093;An optional line about the link, useful to whoever is reading.&#091;\/read-also&#093;<\/code><\/pre>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><em>And this is what it renders:<\/em><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><aside class=\"pls-readcard\"><a class=\"pls-readcard__inner\" href=\"https:\/\/example.com\" rel=\"noopener\" target=\"_blank\"><span class=\"pls-readcard__media\"><img src=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/article-demo-image.jpg\" loading=\"lazy\" decoding=\"async\" alt=\"\" width=\"440\" height=\"248\"><\/span><span class=\"pls-readcard__body\"><span class=\"pls-readcard__label\">Read also<\/span><span class=\"pls-readcard__title\">An article on another site<\/span><span class=\"pls-readcard__text\">An optional line about the link, useful to whoever is reading.<\/span><\/span><span class=\"pls-readcard__go\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/span><\/a><\/aside><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">5 \u00b7 Section title<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">A small heading that breaks a long article into parts, and stands out clearly from the text around it.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>&#091;section-title&#093;Our verdict on the product&#091;\/section-title&#093;<\/code><\/pre>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><em>And this is what it renders:<\/em><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><div class=\"pls-product-title\"><h2 class=\"pls-product-title__badge\">Our verdict on the product<\/h2><\/div><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">6 \u00b7 Button<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">A wide button good for any number of purposes, not least because it can be filled in in different ways: 1) with title alone 2) with title and label 3) with title, label and subtitle. Use it as the occasion asks, with or without a picture beside it.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>&#091;button title=\"Download the full guide\" subtitle=\"PDF, 24 pages\" label=\"In depth\" link=\"#link1\" img=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/guide-download.jpg\"&#093;<\/code><\/pre>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><em>And this is what it renders:<\/em><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><a href=\"#link1\" class=\"pls-button-card-link\" target=\"_blank\" rel=\"noopener\"><aside class=\"pls-button-card pls-button-card--bottone\"><div class=\"pls-button-card__img\"><img src=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/guide-download.jpg\" loading=\"lazy\" decoding=\"async\" alt=\"\" width=\"216\" height=\"135\"><\/div><div class=\"pls-button-card__body\"><span class=\"pls-button-card__label\">In depth<\/span><h2 class=\"pls-button-card__title\">Download the full guide<\/h2><div class=\"pls-button-card__sub\">PDF, 24 pages<\/div><\/div><div class=\"pls-button-card__arrow\" aria-hidden=\"true\"><svg class=\"pls-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/div><\/aside><\/a><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">7 \u00b7 Menu button<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Much like &#091;button&#093;, but it takes less room and is made to be stacked: put several of them one under the other and you get a tidy vertical menu, all of a piece. Here too you choose whether to use the picture beside it, and whether to use a subtitle.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>&#091;menu-button title=\"Support and warranty\" subtitle=\"How a replacement works\" link=\"#link1\" icon=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/support-icon.jpg\"&#093;<\/code><\/pre>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><em>And this is what it renders:<\/em><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><a href=\"#link1\" class=\"pls-button-card-link\" target=\"_blank\" rel=\"noopener\"><aside class=\"pls-button-card pls-button-card--menu\"><div class=\"pls-button-card__icon\"><img src=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/support-icon.jpg\" loading=\"lazy\" decoding=\"async\" alt=\"\" width=\"104\" height=\"104\"><\/div><div class=\"pls-button-card__body\"><span class=\"pls-button-card__label\">How a replacement works<\/span><h2 class=\"pls-button-card__title\">Support and warranty<\/h2><\/div><div class=\"pls-button-card__arrow\" aria-hidden=\"true\"><svg class=\"pls-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/div><\/aside><\/a><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">8 \u00b7 Tab navigation<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">A horizontal tab menu. Put in as many titles as you like, separated by commas, and the addresses the same way: they are paired up in order, the first address with the first title and so on. The &#8220;current&#8221; attribute says which tab gets the coloured background, counting from 0 for the first one.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>&#091;tabnav titles=\"Introduction,The test,The numbers,The verdict\" link=\"#link1,#link2,#link3,#link4\" current=\"0\" style=\"light\"&#093;<\/code><\/pre>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><em>And this is what it renders:<\/em><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><style id=\"pls-tabnav-css\">.pls-tabnav{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:1.4em 0;padding-bottom:30px;border-bottom:1px solid #e1e1e1}.pls-tabnav::-webkit-scrollbar{display:none}.pls-tabnav .pls-tabnav__item{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 18px;font-size:14px;line-height:1.2;font-weight:600;color:var(--pls-mute);background:var(--pls-surface,#fff);border:1.5px solid var(--pls-border);border-radius:10px;white-space:nowrap;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.pls-tabnav .pls-tabnav__item:hover{color:var(--pls-brand);border-color:var(--pls-brand)}.pls-tabnav .pls-tabnav__item--active,.pls-tabnav .pls-tabnav__item--active:hover{pointer-events:none;background:var(--pls-brand);color:#fff;border-color:var(--pls-brand)}.pls-tabnav .pls-tabnav__item img{height:16px;width:auto;margin:0;display:inline-block;vertical-align:middle}.pls-tabnav--dark .pls-tabnav__item{background:rgba(255,255,255,.06);color:rgba(255,255,255,.78);border-color:rgba(255,255,255,.14)}.pls-tabnav--dark .pls-tabnav__item:hover{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.28)}.pls-tabnav--dark .pls-tabnav__item--active,.pls-tabnav--dark .pls-tabnav__item--active:hover{background:#fff;color:#000;border-color:#fff}.pls-tabnav--flat-light .pls-tabnav__item{background:transparent;border-color:transparent}.pls-tabnav--flat-light .pls-tabnav__item:hover{background:var(--pls-brand-soft);border-color:transparent}.pls-tabnav--flat-light .pls-tabnav__item--active,.pls-tabnav--flat-light .pls-tabnav__item--active:hover{background:var(--pls-brand);color:#fff;border-color:transparent}.pls-tabnav--flat-dark .pls-tabnav__item{background:transparent;color:rgba(255,255,255,.7);border-color:transparent}.pls-tabnav--flat-dark .pls-tabnav__item:hover{background:rgba(255,255,255,.08);color:#fff;border-color:transparent}.pls-tabnav--flat-dark .pls-tabnav__item--active,.pls-tabnav--flat-dark .pls-tabnav__item--active:hover{background:#fff;color:#000;border-color:transparent}<\/style>        <div class=\"pls-tabnav pls-tabnav--light\">\n                            <a href=\"#link1\" class=\"pls-tabnav__item pls-tabnav__item--active\" aria-current=\"page\">\n                                        Introduction                <\/a>\n                            <a href=\"#link2\" class=\"pls-tabnav__item\">\n                                        The test                <\/a>\n                            <a href=\"#link3\" class=\"pls-tabnav__item\">\n                                        The numbers                <\/a>\n                            <a href=\"#link4\" class=\"pls-tabnav__item\">\n                                        The verdict                <\/a>\n                    <\/div>\n        <\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">9 \u00b7 Horizontal menu<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">The horizontal menu is a versatile one too, good on all sorts of occasions and on pages as much as in articles. It puts several pictures side by side, each with a title and an address of its own.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>&#091;horizontal-menu img1=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/menu-phone.jpg\" name1=\"Phones\" link1=\"#link1\" img2=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/menu-tablet.jpg\" name2=\"Tablets\" link2=\"#link2\" img3=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/menu-laptop.jpg\" name3=\"Laptops\" link3=\"#link3\" img4=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/menu-watch.jpg\" name4=\"Smartwatches\" link4=\"#link4\" new4=\"New\" img5=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/menu-headphones.jpg\" name5=\"Headphones\" link5=\"#link5\" img6=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/menu-case.jpg\" name6=\"Accessories\" link6=\"#link6\"&#093;<\/code><\/pre>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><em>And this is what it renders:<\/em><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><div class=\"pls-products-menu\"><div class=\"pls-products-menu__item\"><a href=\"#link1\"><img src=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/menu-phone.jpg\" loading=\"lazy\" decoding=\"async\" alt=\"Phones\" width=\"192\" height=\"120\"><span class=\"pls-products-menu__name\">Phones<\/span><\/a><\/div><div class=\"pls-products-menu__item\"><a href=\"#link2\"><img src=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/menu-tablet.jpg\" loading=\"lazy\" decoding=\"async\" alt=\"Tablets\" width=\"192\" height=\"120\"><span class=\"pls-products-menu__name\">Tablets<\/span><\/a><\/div><div class=\"pls-products-menu__item\"><a href=\"#link3\"><img src=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/menu-laptop.jpg\" loading=\"lazy\" decoding=\"async\" alt=\"Laptops\" width=\"192\" height=\"120\"><span class=\"pls-products-menu__name\">Laptops<\/span><\/a><\/div><div class=\"pls-products-menu__item\"><a href=\"#link4\"><img src=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/menu-watch.jpg\" loading=\"lazy\" decoding=\"async\" alt=\"Smartwatches\" width=\"192\" height=\"120\"><span class=\"pls-products-menu__name\">Smartwatches<\/span><span class=\"pls-products-menu__badge\">New<\/span><\/a><\/div><div class=\"pls-products-menu__item\"><a href=\"#link5\"><img src=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/menu-headphones.jpg\" loading=\"lazy\" decoding=\"async\" alt=\"Headphones\" width=\"192\" height=\"120\"><span class=\"pls-products-menu__name\">Headphones<\/span><\/a><\/div><div class=\"pls-products-menu__item\"><a href=\"#link6\"><img src=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/menu-case.jpg\" loading=\"lazy\" decoding=\"async\" alt=\"Accessories\" width=\"192\" height=\"120\"><span class=\"pls-products-menu__name\">Accessories<\/span><\/a><\/div><\/div><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">10 \u00b7 Video<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">When you need a video in an article or on a page, this is the shortcode for it. It works in two ways: the first with a still picture, a frame of the video that makes the article load faster. The second is the shortcode at its simplest \u2014 &#091;video&#093;url.mp4&#091;\/video&#093; and nothing else \u2014 and there the film starts on its own. It suits videos meant to loop, short and light. Either way it adds a bit of movement to your site.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>&#091;video img=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/video-demo.jpg\" name=\"The field test\" description=\"Two minutes filmed during the test\" controls=\"yes\"&#093;https:\/\/www.example.com\/video.mp4&#091;\/video&#093;<\/code><\/pre>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><em>And this is what it renders:<\/em><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><figure class=\"pls-video pls-video--controls\"><video playsinline preload=\"none\" controls aria-label=\"The field test\" poster=\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/video-demo.jpg\"><source src=\"https:\/\/www.example.com\/video.mp4\" type=\"video\/mp4\"><\/video><button type=\"button\" class=\"pls-video__play\" aria-label=\"Play the video\"><span class=\"pls-video__play-bg\"><\/span><svg class=\"pls-video__play-icon\" width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/button><figcaption class=\"pls-video__caption\">Two minutes filmed during the test<\/figcaption><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"VideoObject\",\"name\":\"The field test\",\"thumbnailUrl\":\"https:\/\/pulsar.ispazio.net\/wp-content\/plugins\/pulsar-core\/assets\/img\/video-demo.jpg\",\"contentUrl\":\"https:\/\/www.example.com\/video.mp4\",\"uploadDate\":\"2026-08-23T15:34:26+00:00\",\"description\":\"Two minutes filmed during the test\"}<\/script><\/figure><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">11 \u00b7 Timed content<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">With this one you can put a piece of text, a picture, a video, an iframe, a live blog inside an article without anybody being able to see it: only once the date and time you set have arrived does that content appear, for everyone.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>&#091;timed-content show=\"2020-01-01 12:30 Europe\/Rome\"&#093;Open this page before 12:30 on 1 January 2020 and you will not see this text. Open it after that date and time, and there it is.&#091;\/timed-content&#093;<\/code><\/pre>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><em>And this is what it renders:<\/em><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><div class=\"pls-timed-content\" data-show=\"1577878200\">Open this page before 12:30 on 1 January 2020 and you will not see this text. Open it after that date and time, and there it is.<\/div><script>(function(){\n\t\/**\n\t * Reveals or hides the blocks whose moment has come, without a page reload.\n\t *\/\n\tfunction tick(){\n\t\tvar now = Math.floor(Date.now()\/1000);\n\t\tdocument.querySelectorAll('.pls-timed-content').forEach(function(el){\n\t\t\tvar s = parseInt(el.getAttribute('data-show')||'0',10);\n\t\t\tvar h = parseInt(el.getAttribute('data-hide')||'0',10);\n\t\t\tvar visible = (!s || now >= s) && (!h || now < h);\n\t\t\tif (visible) el.removeAttribute('hidden');\n\t\t\telse el.setAttribute('hidden','');\n\t\t});\n\t}\n\ttick();\n\tsetInterval(tick, 30000);\n})();<\/script><\/p>\r\n<span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span>","protected":false},"excerpt":{"rendered":"<p>The eleven blocks Pulsar Core adds to the editor: the code to copy, and what each one renders.<\/p>\n","protected":false},"author":1,"featured_media":2265399,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-2265398","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guides"],"comment_count":0,"author_name":"Fabiano Confuorto","author_avatar_url":"https:\/\/pulsar.ispazio.net\/news\/wp-content\/uploads\/sites\/2\/2026\/09\/ea384402b159db230514f08d0a2a08c621e459edbd096d9df6bab6b29cf46f5a-150x150.jpg","_links":{"self":[{"href":"https:\/\/pulsar.ispazio.net\/news\/wp-json\/wp\/v2\/posts\/2265398","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pulsar.ispazio.net\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pulsar.ispazio.net\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pulsar.ispazio.net\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pulsar.ispazio.net\/news\/wp-json\/wp\/v2\/comments?post=2265398"}],"version-history":[{"count":1,"href":"https:\/\/pulsar.ispazio.net\/news\/wp-json\/wp\/v2\/posts\/2265398\/revisions"}],"predecessor-version":[{"id":2265400,"href":"https:\/\/pulsar.ispazio.net\/news\/wp-json\/wp\/v2\/posts\/2265398\/revisions\/2265400"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pulsar.ispazio.net\/news\/wp-json\/wp\/v2\/media\/2265399"}],"wp:attachment":[{"href":"https:\/\/pulsar.ispazio.net\/news\/wp-json\/wp\/v2\/media?parent=2265398"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pulsar.ispazio.net\/news\/wp-json\/wp\/v2\/categories?post=2265398"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pulsar.ispazio.net\/news\/wp-json\/wp\/v2\/tags?post=2265398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}