{"id":30487,"date":"2024-10-07T13:12:38","date_gmt":"2024-10-07T11:12:38","guid":{"rendered":"https:\/\/projectes.xtec.cat\/digital\/?page_id=30487"},"modified":"2024-11-02T23:03:46","modified_gmt":"2024-11-02T22:03:46","slug":"imatge","status":"publish","type":"page","link":"https:\/\/projectes.xtec.cat\/digital\/serveis-digitals\/nodes\/editor-gutenberg\/imatge\/","title":{"rendered":"Imatge"},"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>Imatge<\/strong> de l&#8217;editor Gutenberg de WordPress \u00e9s una eina essencial per afegir elements visuals a les teves entrades i p\u00e0gines. A continuaci\u00f3, us expliquem les opcions principals que podeu trobar quan utilitzeu aquest bloc.<\/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.\u00a0Inserir un bloc Imatge<\/h2>\n\n\n\n<p>Per afegir un bloc Imatge, fes clic al bot\u00f3 &#8220;+&#8221; (Afegir bloc) i selecciona &#8220;Imatge&#8221; del men\u00fa desplegable.<\/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\/4.-Imatges1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"352\" src=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges1-1024x352.png\" alt=\"\" class=\"has-border-color has-ast-global-color-7-border-color wp-image-30488\" style=\"border-width:1px;width:800px\" srcset=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges1-1024x352.png 1024w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges1-300x103.png 300w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges1-768x264.png 768w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges1.png 1215w\" 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<p>Un cop afegiu el bloc, teniu les opcions seg\u00fcents:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Puja<\/strong>: Permet pujar una imatge des del dispositiu.<\/li>\n\n\n\n<li><strong>Mediateca<\/strong>: Permet seleccionar una imatge ja pujada a la biblioteca de mitjans de WordPress.<\/li>\n\n\n\n<li><strong>Inserir des d&#8217;un URL<\/strong>: Podeu inserir una imatge utilitzant un URL extern.<\/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\/4.-Imatges.png\"><img loading=\"lazy\" decoding=\"async\" width=\"817\" height=\"257\" src=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges.png\" alt=\"\" class=\"has-border-color has-ast-global-color-7-border-color wp-image-30489\" style=\"border-width:1px;width:800px\" srcset=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges.png 817w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-300x94.png 300w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-768x242.png 768w\" sizes=\"auto, (max-width: 817px) 100vw, 817px\" \/><\/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\">2.\u00a0Opcions de configuraci\u00f3 de la imatge<\/h2>\n\n\n\n<p>Despr\u00e9s d&#8217;inserir una imatge, podeu personalitzar-ne algunes opcions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>T\u00edtol<\/strong>: Un t\u00edtol descriptiu per a la imatge, que pot apar\u00e8ixer com a informaci\u00f3 addicional.<\/li>\n\n\n\n<li><strong>Text alternatiu (alt text)<\/strong>: Important per a l&#8217;accessibilitat, aqu\u00ed podeu afegir una descripci\u00f3 de la imatge.<\/li>\n\n\n\n<li><strong>Enlla\u00e7<\/strong>: Opci\u00f3 per fer que la imatge sigui un enlla\u00e7, triant si voleu enlla\u00e7ar la imatge en gran, a un URL personalitzat, o no enlla\u00e7ar-la.<\/li>\n<\/ul>\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.\u00a0Opcions de format i estil<\/h2>\n\n\n\n<p>A la barra lateral dreta, podeu trobar opcions addicionals per ajustar l&#8217;estil de la imatge:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Alineaci\u00f3<\/strong>: Permet alinear la imatge a l&#8217;esquerra, al centre o a la dreta. Tamb\u00e9 podeu ajustar l&#8217;alineaci\u00f3 amb la barra d&#8217;eines flotant sobre la imatge.<\/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\/4.-Imatges-alineacio.png\"><img loading=\"lazy\" decoding=\"async\" width=\"916\" height=\"421\" src=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-alineacio.png\" alt=\"\" class=\"has-border-color has-ast-global-color-7-border-color wp-image-30490\" style=\"border-width:1px;width:800px\" srcset=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-alineacio.png 916w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-alineacio-300x138.png 300w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-alineacio-768x353.png 768w\" sizes=\"auto, (max-width: 916px) 100vw, 916px\" \/><\/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\">3.\u00a0Opcions avan\u00e7ades (barra lateral dreta)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Mida de la imatge<\/strong>: Podeu seleccionar diferents mides (com \u201cMida completa\u201d, \u201cMida mitjana\u201d, etc.) o establir una mida personalitzada.<\/li>\n\n\n\n<li><strong>Vora i ombra<\/strong>: A la barra lateral, podeu afegir contorn a la imatge, editant el color i el gruix.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border is-style-default\"><a href=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-opcions-format.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"376\" src=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-opcions-format-1024x376.png\" alt=\"\" class=\"has-border-color has-ast-global-color-7-border-color wp-image-30491\" style=\"border-width:1px\" srcset=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-opcions-format-1024x376.png 1024w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-opcions-format-300x110.png 300w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-opcions-format-768x282.png 768w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-opcions-format.png 1269w\" 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<\/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\">4.\u00a0Opcions del bloc<\/h2>\n\n\n\n<p>Clicant els <strong>tres punts<\/strong> a la barra d&#8217;eines, podeu accedir a opcions com duplicar el bloc, suprimir-lo, moure&#8217;l, i m\u00e9s. Tamb\u00e9 ho podeu 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\/4.-Imatges-opcions2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1041\" height=\"631\" src=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-opcions2.png\" alt=\"\" class=\"has-border-color has-ast-global-color-7-border-color wp-image-30492\" style=\"border-width:1px;object-fit:cover;width:500px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-opcions2.png 1041w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-opcions2-300x182.png 300w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-opcions2-1024x621.png 1024w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/4.-Imatges-opcions2-768x466.png 768w\" sizes=\"auto, (max-width: 1041px) 100vw, 1041px\" \/><\/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\/1.-Paragraf-Opcions4-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/1.-Paragraf-Opcions4-1-1024x584.png\" alt=\"\" class=\"has-border-color has-ast-global-color-7-border-color wp-image-30493\" style=\"border-width:1px;object-fit:cover;width:530px;height:auto\" srcset=\"https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/1.-Paragraf-Opcions4-1-1024x584.png 1024w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/1.-Paragraf-Opcions4-1-300x171.png 300w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/1.-Paragraf-Opcions4-1-768x438.png 768w, https:\/\/projectes.xtec.cat\/digital\/wp-content\/uploads\/usu2317\/2024\/10\/1.-Paragraf-Opcions4-1.png 1357w\" 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-30487","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/pages\/30487","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=30487"}],"version-history":[{"count":6,"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/pages\/30487\/revisions"}],"predecessor-version":[{"id":31361,"href":"https:\/\/projectes.xtec.cat\/digital\/wp-json\/wp\/v2\/pages\/30487\/revisions\/31361"}],"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=30487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}