{"id":31010,"date":"2024-10-25T10:59:28","date_gmt":"2024-10-25T08:59:28","guid":{"rendered":"https:\/\/projectes.xtec.cat\/digital\/?page_id=31010"},"modified":"2024-11-02T22:24:14","modified_gmt":"2024-11-02T21:24:14","slug":"imatge-amb-punts-calents","status":"publish","type":"page","link":"https:\/\/projectes.xtec.cat\/digital\/serveis-digitals\/nodes\/editor-gutenberg\/imatge-amb-punts-calents\/","title":{"rendered":"Imatge amb punts calents"},"content":{"rendered":"\n
<\/div>
<\/div><\/div>
\n
\n
\n

El bloc Imatge amb punts calents<\/strong> permet afegir una imatge dins l’editor Gutenberg de WordPress amb punts interactius. Els punts calents es poden configurar per mostrar informaci\u00f3 o enlla\u00e7os quan els usuaris hi fan clic o hi passen el cursor, cosa que el fa molt \u00fatil per fer imatges interactives o guies visuals.<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n
<\/div>
<\/div><\/div>
\n

1. Inserir un bloc Imatge amb punts calents<\/strong><\/h2>\n\n\n\n

Podeu afegir aquest bloc fent clic al bot\u00f3 “+” i cercant “Imatge amb punts calents”. Una vegada afegit, podreu pujar una imatge des de la Mediateca o b\u00e9 pujar-ne una de nova.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
<\/div>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n
<\/div>
<\/div><\/div>
\n

2. Afegir i personalitzar punts calents<\/h2>\n\n\n\n

Despr\u00e9s d’afegir la imatge, podeu comen\u00e7ar a afegir punts calents clicant “Drop Point” i, a continuaci\u00f3, fent clic sobre el punt concret de la imatge on vulgueu afegir el punt.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
<\/div>\n\n\n\n

Quan afegeixes un punt, apareixen algunes opcions, entre les quals destaquem:<\/p>\n\n\n\n

Edici\u00f3 de contingut (content<\/em>):<\/h3>\n\n\n\n