{"id":30572,"date":"2024-10-09T14:21:01","date_gmt":"2024-10-09T12:21:01","guid":{"rendered":"https:\/\/projectes.xtec.cat\/digital\/?page_id=30572"},"modified":"2024-11-02T22:26:39","modified_gmt":"2024-11-02T21:26:39","slug":"carrusel-pagines-articles","status":"publish","type":"page","link":"https:\/\/projectes.xtec.cat\/digital\/serveis-digitals\/nodes\/editor-gutenberg\/carrusel-pagines-articles\/","title":{"rendered":"Carrusel de p\u00e0gines i articles"},"content":{"rendered":"\n<div class=\"wp-block-getwid-section alignfull alignfull\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns paragraf-rodo has-background is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\" style=\"background-color:#cfe6e8\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<p>El bloc <strong>Carrusel de p\u00e0gines i articles<\/strong> de l&#8217;editor Gutenberg de WordPress us permet mostrar una presentaci\u00f3 interactiva molt completa de diversos articles o p\u00e0gines del vostre lloc web. Aix\u00f2 \u00e9s ideal per destacar contingut important d&#8217;una manera atractiva i din\u00e0mica.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-getwid-section alignfull alignfull\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<h2 class=\"wp-block-heading\">1.&nbsp;Inserir un bloc Carrusel de p\u00e0gines i articles<\/h2>\n\n\n\n<p>Podeu afegir aquest bloc fent clic al bot\u00f3 &#8220;+&#8221; (Afegir bloc) i buscant &#8220;Carrusel de p\u00e0gines i articles&#8221; a la llista d&#8217;opcions.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized has-custom-border is-style-default\"><a href=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"443\" src=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-1024x443.png\" alt=\"\" class=\"has-border-color has-ast-global-color-7-border-color wp-image-30573\" style=\"border-width:1px;width:800px\" srcset=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-1024x443.png 1024w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-300x130.png 300w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-768x332.png 768w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel.png 1187w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-getwid-section alignfull alignfull\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background has-background has-ast-global-color-4-background-color\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<h2 class=\"wp-block-heading\">2.&nbsp;Configuraci\u00f3 del contingut<\/h2>\n\n\n\n<p>Podeu triar si voleu que el carrusel sigui de <strong>p\u00e0gines o d&#8217;articles<\/strong>, entre d&#8217;altres, seleccionant-ho en el men\u00fa lateral dret, a l&#8217;apartat &#8220;Bloc&#8221;, al desplegable &#8220;<em>Choose what to display<\/em>&#8220;.<\/p>\n\n\n\n<p>Despr\u00e9s d&#8217;afegir el bloc, podreu seleccionar quins articles voleu incloure en el carrusel des del men\u00fa lateral dret. Podeu triar entre algunes opcions, de les quals destaquem:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Categories espec\u00edfiques<\/strong>: Podeu filtrar els articles per categories.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border is-style-default\"><a href=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Categories-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1551\" height=\"743\" src=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Categories-1.png\" alt=\"\" class=\"has-border-color has-ast-global-color-7-border-color wp-image-30577\" style=\"border-width:1px;width:800px\" srcset=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Categories-1.png 1551w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Categories-1-300x144.png 300w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Categories-1-1024x491.png 1024w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Categories-1-768x368.png 768w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Categories-1-1536x736.png 1536w\" sizes=\"auto, (max-width: 1551px) 100vw, 1551px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Etiquetes espec\u00edfiques<\/strong>: Mostreu el men\u00fa de configuraci\u00f3 del bloc amb les opcions per seleccionar articles o categories.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border is-style-default\"><a href=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Etiquetes-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1552\" height=\"754\" src=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Etiquetes-1.png\" alt=\"\" class=\"has-border-color has-ast-global-color-7-border-color wp-image-30578\" style=\"border-width:1px;width:800px\" srcset=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Etiquetes-1.png 1552w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Etiquetes-1-300x146.png 300w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Etiquetes-1-1024x497.png 1024w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Etiquetes-1-768x373.png 768w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Etiquetes-1-1536x746.png 1536w\" sizes=\"auto, (max-width: 1552px) 100vw, 1552px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Cal tenir en compte que per a tenir categories o etiquetes disponibles per a seleccionar, cal que hagin estat creades pr\u00e8viament, i tenir articles amb aquestes caracter\u00edstiques associades.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-getwid-section alignfull alignfull\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<h2 class=\"wp-block-heading\">3.&nbsp;Opcions de personalitzaci\u00f3 (barra lateral dreta)<\/h2>\n\n\n\n<p>Tamb\u00e9, quan seleccioneu el bloc de Carrusel de p\u00e0gines i articles, a la barra lateral dreta tindreu diverses opcions de personalitzaci\u00f3, i en podem destacar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Nombre d&#8217;articles<\/strong> <strong>totals <\/strong>(<em>Number of items<\/em>): Podreu ajustar quants articles en total es poden mostrar al carrusel.<\/li>\n\n\n\n<li><strong>Ordre <\/strong>(<em>Order by<\/em>): Podeu triar en quin ordre voleu que es mostrin els articles en el carrusel. Recomanem triar per data (<em>date<\/em>).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border is-style-default\"><a href=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Nombre.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1552\" height=\"686\" src=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Nombre.png\" alt=\"\" class=\"has-border-color has-ast-global-color-7-border-color wp-image-30579\" style=\"border-width:1px;width:800px\" srcset=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Nombre.png 1552w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Nombre-300x133.png 300w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Nombre-1024x453.png 1024w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Nombre-768x339.png 768w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Nombre-1536x679.png 1536w\" sizes=\"auto, (max-width: 1552px) 100vw, 1552px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Nombre d&#8217;articles visibles<\/strong> (<em>Slides on desktop<\/em>): Podeu personalitzar el nombre d&#8217;articles visibles (no confondre amb el nombre d&#8217;articles totals que es poden veure en interactuar amb les fletxes del carrusel).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border is-style-default\"><a href=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Slides.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1552\" height=\"562\" src=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Slides.png\" alt=\"\" class=\"has-border-color has-ast-global-color-7-border-color wp-image-30580\" style=\"border-width:1px;width:800px\" srcset=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Slides.png 1552w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Slides-300x109.png 300w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Slides-1024x371.png 1024w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Slides-768x278.png 768w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-Slides-1536x556.png 1536w\" sizes=\"auto, (max-width: 1552px) 100vw, 1552px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-getwid-section alignfull alignfull\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background has-background has-ast-global-color-4-background-color\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<h2 class=\"wp-block-heading\">4.\u00a0M\u00e9s opcions<\/h2>\n\n\n\n<p>Clicant els <strong>tres punts<\/strong> a la barra d&#8217;eines, pots accedir a opcions com duplicar el bloc, suprimir-lo, moure&#8217;l, i m\u00e9s. Tamb\u00e9 ho pots fer des de la <strong>&#8220;Vista de llista&#8221;<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignright size-full is-resized has-custom-border is-style-default\"><a href=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-opcions.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1368\" height=\"574\" src=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-opcions.png\" alt=\"\" class=\"has-border-color has-ast-global-color-7-border-color wp-image-30581\" style=\"border-width:1px;object-fit:cover;width:589px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-opcions.png 1368w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-opcions-300x126.png 300w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-opcions-1024x430.png 1024w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-opcions-768x322.png 768w\" sizes=\"auto, (max-width: 1368px) 100vw, 1368px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignleft size-large is-resized has-custom-border is-style-default\"><a href=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-opcions2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"612\" src=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-opcions2-1024x612.png\" alt=\"\" class=\"has-border-color has-ast-global-color-7-border-color wp-image-30582\" style=\"border-width:1px;object-fit:cover;width:415px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-opcions2-1024x612.png 1024w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-opcions2-300x179.png 300w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-opcions2-768x459.png 768w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/8.-Carrusel-opcions2.png 1295w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":15562,"menu_order":0,"comment_status":"closed","ping_status":"close","template":"","meta":{"site-sidebar-layout":"left-sidebar","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-30572","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/pages\/30572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/comments?post=30572"}],"version-history":[{"count":6,"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/pages\/30572\/revisions"}],"predecessor-version":[{"id":31335,"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/pages\/30572\/revisions\/31335"}],"up":[{"embeddable":true,"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/pages\/15562"}],"wp:attachment":[{"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/media?parent=30572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}