{"id":33285,"date":"2024-12-16T16:36:26","date_gmt":"2024-12-16T15:36:26","guid":{"rendered":"https:\/\/projectes.xtec.cat\/digital\/?page_id=33285"},"modified":"2025-01-12T17:16:28","modified_gmt":"2025-01-12T16:16:28","slug":"ginys","status":"publish","type":"page","link":"https:\/\/projectes.xtec.cat\/digital\/serveis-digitals\/nodes\/guia-de-nodes\/ginys\/","title":{"rendered":"Ginys"},"content":{"rendered":"\n<div class=\"wp-block-getwid-table-of-contents is-style-none\"><ul class=\"wp-block-getwid-table-of-contents__list\"><li><a href=\"#gda7870909c2b\">Qu\u00e8 \u00e9s un Giny?<\/a><\/li><li><a href=\"#gd97dfe79749e\">Zones de ginys i visibilitat associada<\/a><\/li><li><a href=\"#g5b25ab938c94\">Com afegir un giny<\/a><ul><li><a href=\"#g9904481b2e6f\">A la barra lateral de la portada<\/a><\/li><li><a href=\"#g9dbac9f5cb83\">A la barra lateral d&#8217;una categoria<\/a><\/li><li><a href=\"#g9dbac9f5cb83\">A una p\u00e0gina<\/a><\/li><li><a href=\"#gd7ebffb72231\">Al peu<\/a><\/li><\/ul><\/li><\/ul><\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"ast-oembed-container \" style=\"height: 100%;\"><iframe loading=\"lazy\" title=\"Ginys\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/tmJG1waYBLg?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><\/div>\n<\/div><\/figure>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"gda7870909c2b\">Qu\u00e8 \u00e9s un Giny?<\/h2>\n\n\n\n<p>Un <strong>giny<\/strong> en Nodes (anomenat &#8220;widget&#8221; en angl\u00e8s) \u00e9s un component petit i independent que permet afegir funcionalitats o contingut espec\u00edfic al lloc web sense necessitat de codificar. Els ginys s\u2019utilitzen per personalitzar i millorar l\u2019aparen\u00e7a i funcionalitat de les zones predeterminades d\u2019un tema, com ara les barres laterals, el peu de p\u00e0gina o altres \u00e0rees de ginys definides pel tema.<\/p>\n\n\n\n<p>Cada giny ofereix una funci\u00f3 espec\u00edfica, com mostrar un calendari, una imatge, un text o una \u00e0rea amb codi HTML. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"gd97dfe79749e\">Zones de ginys i visibilitat associada<\/h2>\n\n\n\n<p>Hi ha diverses zones de ginys, que s\u00f3n independents entre si. S\u00f3n compartiments de visibilitat estanca, \u00e9s a dir, que si definim un giny en una zona, no es veur\u00e0 a la resta de zones. Les zones s\u00f3n: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>P\u00e0gina d&#8217;inici<\/strong>: els ginys definits en aquesta zona es mostraran a la <strong>P\u00e0gina d&#8217;inici <\/strong>o <strong>Portada<\/strong>. Com que nom\u00e9s hi ha un p\u00e0gina en aquesta zona, no cal definir cap visibilitat. <\/li>\n\n\n\n<li><strong>Categories<\/strong>: els ginys definits en aquesta zona es mostraran a totes les p\u00e0gines de categories. Si volem definir que un giny es mostri nom\u00e9s en una categoria, cal definir la seva visibilitat a Categoria i el nom de la categoria.  <\/li>\n\n\n\n<li><strong>Barra lateral principal<\/strong>: els ginys definits en aquesta zona es mostren a tots els <strong>articles<\/strong>. Per\u00f2 no \u00e9s possible definir un giny per un article en concret. <br>\ud83d\udc49 En el Nodes2, no \u00e9s possible definir un giny en una p\u00e0gina. Podeu simular la barra de ginys creant una columna de blocs.<\/li>\n\n\n\n<li>Diferents zones al peu, depenent del nombre d&#8217;espais ocupats.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"g5b25ab938c94\">Com afegir un giny<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"g9904481b2e6f\">A la barra lateral de la portada<\/h3>\n\n\n\n<p>Aneu a la portada i feu clic a la barra superior -&gt; <strong>Personalitza<\/strong> -&gt; <strong>Ginys<\/strong> -&gt; <strong>P\u00e0gina d&#8217;inici<\/strong>. Afegiu un giny. No cal definir cap filtre de visibilitat perqu\u00e8 aparegui. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"g9dbac9f5cb83\">A la barra lateral d&#8217;una categoria<\/h3>\n\n\n\n<p>Aneu a la categoria i feu clic a la barra superior -&gt; <strong>Personalitza<\/strong> -&gt; <strong>Ginys<\/strong>. Afegiu un giny i definiu la visibilitat, si \u00e9s necessari. <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d828ecf37fa&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"260\" height=\"612\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2025\/01\/giny-biblioteca.png\" alt=\"\" class=\"wp-image-33495\" srcset=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2025\/01\/giny-biblioteca.png 260w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2025\/01\/giny-biblioteca-127x300.png 127w\" sizes=\"auto, (max-width: 260px) 100vw, 260px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Amplia la imatge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"g9dbac9f5cb83\">A una p\u00e0gina<\/h3>\n\n\n\n<p>En el Nodes 2, no \u00e9s possible definir un giny en una p\u00e0gina. Podeu simular la barra de ginys creant una columna de blocs. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"gd7ebffb72231\">Al peu<\/h3>\n\n\n\n<p>El peu t\u00e9 diverses zones on \u00e9s possible inserir ginys. Va una mica diferent dels ginys de les barres laterals. Primer cal seleccionar on es vol posar el giny, triar un dels \u201ccontenidors\u201d de ginys disponibles i despr\u00e9s definir els ginys. <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d828ecf40e1&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large is-resized has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"435\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2025\/01\/giny-peus-1024x435.png\" alt=\"Captura dels ginys al peu\" class=\"has-border-color has-cyan-bluish-gray-border-color wp-image-33498\" style=\"border-width:1px;width:650px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2025\/01\/giny-peus-1024x435.png 1024w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2025\/01\/giny-peus-300x128.png 300w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2025\/01\/giny-peus-768x327.png 768w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2025\/01\/giny-peus-1536x653.png 1536w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2025\/01\/giny-peus.png 1599w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Amplia la imatge: Captura dels ginys al peu\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d828ed0276e&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large is-resized has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"729\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2025\/01\/Captura-de-pantalla-2025-01-12-a-les-17.13.58-1024x729.png\" alt=\"Prova\" class=\"has-border-color has-cyan-bluish-gray-border-color wp-image-33500\" style=\"border-width:1px;width:650px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2025\/01\/Captura-de-pantalla-2025-01-12-a-les-17.13.58-1024x729.png 1024w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2025\/01\/Captura-de-pantalla-2025-01-12-a-les-17.13.58-300x214.png 300w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2025\/01\/Captura-de-pantalla-2025-01-12-a-les-17.13.58-768x547.png 768w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2025\/01\/Captura-de-pantalla-2025-01-12-a-les-17.13.58.png 1112w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Amplia la imatge: Prova\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Qu\u00e8 \u00e9s un Giny? Un giny en Nodes (anomenat &#8220;widget&#8221; en angl\u00e8s) \u00e9s un component petit i independent que permet afegir funcionalitats o contingut espec\u00edfic al lloc web sense necessitat de codificar. Els ginys s\u2019utilitzen per personalitzar i millorar l\u2019aparen\u00e7a i funcionalitat de les zones predeterminades d\u2019un tema, com ara les barres laterals, el peu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":31739,"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-33285","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/pages\/33285","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=33285"}],"version-history":[{"count":6,"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/pages\/33285\/revisions"}],"predecessor-version":[{"id":33504,"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/pages\/33285\/revisions\/33504"}],"up":[{"embeddable":true,"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/pages\/31739"}],"wp:attachment":[{"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/media?parent=33285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}