{"id":17531,"date":"2026-02-07T10:58:25","date_gmt":"2026-02-07T08:58:25","guid":{"rendered":"https:\/\/www.beseit.net\/?p=17531"},"modified":"2026-02-08T10:22:59","modified_gmt":"2026-02-08T08:22:59","slug":"wordpress-posar-una-imatge-a-una-cella-duna-taula","status":"publish","type":"post","link":"https:\/\/www.beseit.net\/?p=17531","title":{"rendered":"WordPress.  Posar una imatge a una cel\u00b7la d&#8217;una taula"},"content":{"rendered":"\n<p>Posarem la imatge: Imagen3.png (567\u00d7374)<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Crear una taula de &#8216;n&#8217; files x &#8216;m&#8217; columnes amb l&#8217;editor Gutenberg <\/li>\n\n\n\n<li>Anar a la mediateca i copia l&#8217;enlla\u00e7 de la imatge a inserir <\/li>\n\n\n\n<li>Assenyalar la cel\u00b7la a editar amb un text: imatge, mut &#8230;<\/li>\n\n\n\n<li>entrar a l&#8217;Editor de codi<\/li>\n\n\n\n<li>Buscar la cel\u00b7la marcada i afegir: &#8216;<mark style=\"background-color:rgba(0, 0, 0, 0);color:#ee0d0d\" class=\"has-inline-color\">&lt;&#8216;<\/mark>img src=&#8221;link de la imatge de la mediateca&#8221;&gt;<\/li>\n\n\n\n<li>Salvar i comprovar<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td>c0,1<\/td><td><img decoding=\"async\" src=\"http:\/\/www.beseit.net\/wp-content\/uploads\/2026\/02\/Imagen3.png\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><\/summary>\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><\/td><td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"351\" height=\"706\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2026\/02\/Imatge1.png\" alt=\"\" class=\"wp-image-17630\" style=\"aspect-ratio:0.507214306681419;width:237px;height:auto\" srcset=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2026\/02\/Imatge1.png 351w, https:\/\/www.beseit.net\/wp-content\/uploads\/2026\/02\/Imatge1-149x300.png 149w\" sizes=\"auto, (max-width: 351px) 100vw, 351px\" \/><\/figure>\n<\/details>\n\n\n\n<p>\u00c9s una d\u2019aquelles coses que <strong>hauria de ser f\u00e0cil<\/strong>, per\u00f2 Gutenberg no t\u00e9 (encara) un bloc de taula tan flexible com un editor tipus Word. Tot i aix\u00ed, es pot fer perfectament. Aqu\u00ed tens la manera m\u00e9s clara i fiable de posar una imatge a la cel\u00b7la <strong>1,1<\/strong> d\u2019una taula <strong>2\u00d71<\/strong>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">? Com inserir una imatge a la cel\u00b7la 1,1 en una taula 2\u00d71 a Gutenberg<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Afegeix la taula<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Afegeix un bloc <strong>Taula<\/strong>.<\/li>\n\n\n\n<li>Tria <strong>2 columnes \u00d7 1 fila<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>Aix\u00f2 et crear\u00e0 una taula amb:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Cel\u00b7la 1,1<\/strong> (esquerra)<\/li>\n\n\n\n<li><strong>Cel\u00b7la 1,2<\/strong> (dreta)<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Situa\u2019t a la cel\u00b7la 1,1<\/strong><\/h3>\n\n\n\n<p>Fes clic dins de la primera cel\u00b7la (la de l\u2019esquerra). Veureu el cursor parpellejant dins la cel\u00b7la.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Insereix la imatge<\/strong><\/h3>\n\n\n\n<p>Tens dues opcions:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Opci\u00f3 A \u2014 Afegeix un bloc Imatge dins la cel\u00b7la<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Prem el bot\u00f3 <strong>+<\/strong> que apareix dins la cel\u00b7la.<\/li>\n\n\n\n<li>Tria <strong>Imatge<\/strong>.<\/li>\n\n\n\n<li>Puja o selecciona la imatge.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Gutenberg permet blocs dins de cel\u00b7les, aix\u00ed que un bloc <em>Imatge<\/em> funciona perfectament.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Opci\u00f3 B \u2014 Arrossega la imatge<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Arrossega una imatge des del teu ordinador.<\/li>\n\n\n\n<li>Deixa-la anar directament dins la cel\u00b7la 1,1.<\/li>\n<\/ol>\n\n\n\n<p>Gutenberg la convertir\u00e0 autom\u00e0ticament en un bloc <strong>Imatge<\/strong> dins la cel\u00b7la.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">? Consell extra<\/h2>\n\n\n\n<p>Si la imatge no s\u2019ajusta b\u00e9:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Selecciona la imatge.<\/li>\n\n\n\n<li>A la barra lateral (Inspector), ajusta:\n<ul class=\"wp-block-list\">\n<li><strong>Amplada m\u00e0xima<\/strong><\/li>\n\n\n\n<li><strong>Alineaci\u00f3<\/strong><\/li>\n\n\n\n<li><strong>Marge \/ Espaiat<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"253\" height=\"287\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2026\/02\/altaveu.png\" alt=\"\" class=\"wp-image-17634\" style=\"aspect-ratio:0.8872753178430512;width:88px;height:auto\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><\/td><td><\/td><\/tr><tr><td>c1,1<\/td><td>c1,2<\/td><\/tr><tr><td><\/td><td><\/td><\/tr><tr><td>c2,1<\/td><td>c22<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Si vols, puc explicar-te tamb\u00e9 com fer que la taula sigui responsive, o com centrar verticalment la imatge dins la cel\u00b7la.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Posarem la imatge: Imagen3.png (567\u00d7374) c0,1 \u00c9s una d\u2019aquelles coses que hauria de ser f\u00e0cil, per\u00f2 Gutenberg no t\u00e9 (encara) un bloc de taula tan flexible com un editor tipus Word. Tot i aix\u00ed, es pot fer perfectament. Aqu\u00ed tens &hellip; <a href=\"https:\/\/www.beseit.net\/?p=17531\">Continua llegint <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":3167,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,10],"tags":[],"class_list":["post-17531","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloc-de-notes","category-word-press"],"_links":{"self":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/17531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17531"}],"version-history":[{"count":39,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/17531\/revisions"}],"predecessor-version":[{"id":17636,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/17531\/revisions\/17636"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/media\/3167"}],"wp:attachment":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=17531"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=17531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}