i fer clic al botó Webs.

O bé, posant la URL directa a WordPress:

https://wp.DOMINIDELCENTRE

La primera vegada que s’accedeix a aquesta pàgina veiem el següent:

Ara ja ens trobem a l’entorn de treball de WordPress (sistema de gestió de continguts (CMS) que permet crear i mantenir un bloc o un altre tipus de web) i podrem començar a treballar a la nostra web.

L'entrada Accedir a la secció Webs ha aparegut primer a DD.

S’obrirà la següent pantalla, on haurem de fer els passos següents per crear la nostra pàgina web:

Tria tema

Es pot triar una plantilla per crear la pàgina web (Camp no obligatori).

Per defecte surt marcada la plantilla “En blanc” on estarem utilitzant l’editor de WordPress Gutenberg.

Adreça del lloc (URL)

Aquest camp està format per 2 seccions:

• Fixa

  És l’adreça del centre d’estudis https://wp.DOMINIDELCENTRE

• Variable

  El nom de la pàgina que estem creant, només es permeten lletres minúscules (a-z), números i guions.
  En aquest camp cal anar amb compte, ja que un cop creada la nova adreça, aquesta no es podrà tornar a repetir mai (no podran existir 2 adreces iguals, pel fet que no hi ha 2 webs amb el mateix nom).
  Es recomana que el centre d’estudis faci un llistat amb noms d’adreces recurrents per als diferents departaments, així cada any escolar el professor podrà esborrar el contingut de l’any anterior i reutilitzar la mateixa adreça.
  Un cop fem clic al botó “Afegir nou lloc web“, aquest URL no es podrà modificar. Fent una petició a l’administrador, sí que es podrà esborrar l’URL.

Nom del lloc web

Aquest camp és com la descripció curta del lloc web. Es pot repetir tantes vegades com es vulgui. Es pot modificar un cop creat el web a la secció “Identitat del lloc web“.

Idioma del lloc web

Aquest camp determina amb quin idioma es publicarà la web.

Botó “Afegir nou lloc web”

Un cop omplerts aquests camps podrem fer clic al botó “Afegir un nou lloc web“.

I s’obrirà la pàgina següent

On podrem començar a editar la nostra pàgina web.

L'entrada Crear una web ha aparegut primer a DD.

Informació general

Miniatura del web

Es mostra el tipus de plantilla que hem fet servir al nostre web, en aquest cas l’editor Gutenberg “En blanc“.

Nom de la pàgina web

Se’ns mostra el nom de la pàgina web, perquè sigui més fàcil localitzar cadascuna de les nostres pàgines i saber a quina web correspon la informació i els accessos que se’ns faciliten.

Visibilitat de l’entrada

Mostra quin tipus de privadesa es té a la pàgina. Es podrà escollir entre:

• Pública: Visible per tothom.
• Privada: Només visible per administradors i editors.
• Protecció amb contrasenya: Protegida amb una contrasenya que trieu. Només aquells que coneguin la contrasenya podran veure aquesta entrada.

Tipus de rol en la Web

Hi ha dos tipus de rols:

• Propietari del lloc: només el creador del lloc web pot ser propietari del lloc, té accés a totes les eines de la web.
• Editor del lloc: té accés restringit a certes eines de la web, aquestes restriccions les posarà el propietari de la web.

Només els professors poden publicar una pàgina o donar permisos als estudiants per poder-la publicar.

Accions

Visiteu Web

Ens porta a la visualització de la pàgina web.

Totes les pàgines

Porta a la pàgina principal de “Pàgines“. Des d’aquí es pot:

• Afegir una pàgina nova

  Fent clic al botó “Afegeix“.

• Visualitzar i fer filtres

Si fem clic a “Totals” ens apareixeran totes les pàgines que tenim.

Si ho fem en “Publicades” només ens sortiran les pàgines que tenim publicades.

Si fem clic a “Esborranys” només ens sortiran les pàgines que tenim com a esborrany.

Realitzar accions en massa amb el menú desplegable, marcant les pàgines que es volen seleccionar, se selecciona l’acció que es vol realitzar i es fa clic a “Aplica“.

Buscar una pàgina introduint una paraula.

• Accions a cada pàgina

  • Edita: Ens portarà a l’edició de la pàgina.
  • Edició ràpida: Ens portarà a una edició ràpida de la pàgina, on es pot editar alguns camps com:
    • Títol.
    • Àlies.
    • Data.
    • Contrasenya o bé marcar com privada.
    • Pare/Mare: Aquí podem crear jerarquies, si volem que una pàgina pengi d’una altra (pàgines publicades).
    • Ordre.
    • Permet comentaris. Que els visitants de la web puguin fer comentaris a la pàgina.
    • Estat del document:
      • Publicada.
      • Pendent de revisió.
      • Esborrany.
        Perquè es guardin els canvis haurem de fer clic a “Actualitzar“.
  • Paperera: llençarem el document a la paperera.
  • Visualitza: se’ns mostrarà la pàgina com la veuria un visitant.

Totes les entrades del bloc

En els seus orígens WordPress va ser creat com una eina per publicar blocs, és una de les raons per les quals una pàgina de WordPress, per defecte, té creat un bloc.
Quan fem clic a “Totes les entrades del bloc” ens portarà a la pàgina principal “Entrades“. Des d’aquí es poden realitzar les mateixes accions que es fan a les pàgines però fent entrades del bloc, menys les “accions a cada pàgina/Edició ràpida”.

• Accions a cada entrada

  • Edició Ràpida: Ens portarà a una edició ràpida de l’entrada, on es pot editar alguns camps com:
    • Títol.
    • Àlies.
    • Data.
    • Contrasenya o bé marcar com privada.
    • Categories: Serveix per fer agrupacions temàtiques de cada entrada al bloc.
    • Etiquetes: Paraules individuals que defineixen el contingut del post o entrada.
    • Permet comentaris: Que els visitants de la web puguin fer comentaris a l’entrada.
    • Permetre pings: Sistema automàtic de comunicació mitjançant el qual enviem un avís a un lloc web que ha estat enllaçat des del nostre.
    • Estat del document:
      • Publicada.
      • Pendent de revisió.
      • Esborrany.
    • Fixa aquesta entrada: Permet establir una entrada com a fixa perquè estigui sempre al començament del bloc.
      Perquè es guardin els canvis haurem de fer clic a “Actualitzar“.

Configuració del lloc

Aquest enllaç ens porta a la configuració del web.

Cada cop que fem un canvi, el botó de dalt es posarà de color blau, aquests canvis no seran permanent fins que no fem clic a aquest botó. Fent clic a la icona de l’engranatge, tenim una sèrie d’accions:

• Pública.
• Desa l’esborrany.
• Programa. Programa canvis personalitzats per publicar-los en una data futura.

A la part de baix d’aquest menú disposem d’una sèrie de funcions:

• Amagar controls.
• Previsualitzar a la pantalla d’ordinador.
• Visualitzar a la pantalla de tauleta.
• Visualitzar a la pantalla de mòbil.

Identitat del lloc web

Es poden editar caràcters identificatius del web com:

• Títol del lloc web: Ens dona l’opció que no sigui visible per als visitants del web.
• Descripció curta del lloc: Se situa sota el títol del lloc, en aquest cas està marcat perquè no sigui visible per als visitants del web.
• Logotip: Se situa al costat del títol de lloc.
• Icona del lloc web

Disseny

Es pot editar la visualització general del web modificant:

• Contenidor:
  • Amplada del contenidor.
  • Disseny del contingut.
  • Alineació del contenidor.
• Capçalera:
  • Configuracions predeterminades de la capçalera.
  • Amplada de la capçalera.
  • Amplada interior de la capçalera.
  • Alineació de la capçalera.
• Navegació principal:
  • Posició de la navegació.
  • Punt de caiguda de navegació.
  • Menú desplegable de navegació.
  • Direcció del desplegable.
  • Cercador a la navegació.
• Barres laterals:
  • Disseny de la barra lateral.
  • Disseny de la barra lateral del bloc.
  • Disseny de la barra lateral a les entrades individuals.
• Peu de pàgina:
  • Amplada del peu de pàgina.
  • Amplada interior del peu de pàgina.
  • Ginys del peu de pàgina.
  • Botó Ves a dalt.
• Bloc:
  • Tipus de contingut.

Colors

Es pot editar la paleta de colors de tot el web per seccions:

• Colors globals.
• Cos:
  • Fons.
  • Text.
  • Enllaç.
• Capçalera:
  • Fons.
  • Text.
  • Enllaç.
  • Títol del lloc web.
  • Descripció curta.
• Navegació principal:
  • Fons de la navegació.
  • Fons del submenú.
  • Text del submenú.
• Botons:
  • Fons.
  • Text.
• Contingut:
  • Fons.
  • Text.
  • Enllaç.
  • Títol del contingut.
  • Títol del contingut de l’arxiu.
  • Text a les metadades de les entrades.
  • Enllaços a les metadades de les entrades.
  • Color de la capçalera 1 (H1).
  • Color de la capçalera 2 (H2).
  • Color de la capçalera 3 (H3).
  • Color de la capçalera 4 (H4).
  • Color de la capçalera 5 (H5).
  • Color de la capçalera 6 (H6).
• Formularis:
  • Fons.
  • Text.
  • Vora.
• Ginys de la barra lateral:
  • Fons.
  • Text.
  • Enllaç.
  • Títol del giny.
• Ginys del peu de pàgina:
  • Fons.
  • Text.
  • Enllaç.
  • Títol del giny.
• Barra del peu de pàgina:
  • Fons.
  • Text.
  • Enllaç.

Tipografia

Aquí es pot triar el tipus de font (de lletra) que s’utilitza al web i en les diferents seccions.

• Gestor de fonts.
  Es pot triar entre una àmplia selecció de fonts (de lletres).
  Es pot fer més d’una elecció.

• Gestor de tipografies.
  Un cop triades les fonts, podrem assignar-les a la secció que vulguem.
  1. Triar l’element objectiu, a quina secció de la nostra web volem aquesta font.
  2. Tria la font (de les fonts que prèviament hem fet selecció) que volem aplicar a l’element objectiu.

General

• Tipus d’icona:
  • SVG.
  • Font.
• Subratlla els enllaços:
  • Sempre.
  • En passar el ratolí.
  • No en passar el ratolí.
  • Mai.

Ginys

Els ginys són seccions de contingut independent que es poden situar en àrees per a ginys proporcionats pel tema (El que es diuen barres laterals).

Les àrees de ginys són parts globals del disseny del lloc web que poden acceptar blocs. Això depèn del tema, però són parts comuns com ara la barra lateral o el peu de pàgina.

Es poden afegir diversos tipus de ginys a diferents seccions del web, com una barra de cerca, icones de xarxa social, o altre tipus de blocs.

Paràmetres de portada

Podeu triar què mostrar a la pàgina principal de la pàgina web. Poden ser entrades en ordre cronològicament invers (Blog clàssic) o una pàgina fixa/estàtica.
Per configurar una pàgina principal estàtica primer heu de crear dues pàgines. Una es convertirà en la pàgina de portada, i l’altra serà on es mostraran les entrades.

Publiqueu web

Se’ns obrirà la següent pantalla

 

 

Cal tenir en compte que els únics que poden publicar són els Propietaris del lloc web.

 

Assigneu usuaris

Quan sou propietari del lloc web podeu assignar permisos d’edició a altres usuaris. Això és convenient per assignar llocs als alumnes individualment o formant grups. Accions a realitzar en aquesta pantalla:

• Fes servir el cercador per trobar usuaris, que coincideixi la recerca amb el seu nom, cognoms o correu electrònic.
• Cal marcar el checkbox de cada usuari per assignar un lloc web.
• Desmarca el checkbox perquè un usuari deixi de pertànyer a un lloc.
• L’usuari no s’esborra, tan sols deixa de pertànyer a la pàgina web.

Pàgines del lloc web

Es veu un llistat de totes les pàgines que es tenen creades a la web (no de les entrades de bloc). Amb un accés directe per visualitzar i editar cadascuna d’elles.

L'entrada Menú “Els meus llocs web” ha aparegut primer a DD.

Se’ns obrirà la següent pantalla i farem clic al botó “Afegeix” per crear una pàgina nova.

Se’ns obrirà una pàgina sense cap contingut, llesta per començar l’edició.

L'entrada Crear pàgines ha aparegut primer a DD.

Per assignar quina jerarquia volem que tingui la nostra pàgina ho podem fer:

• Quan estem editant la pàgina, farem clic a l’engranatge d’edició i desplegarem l’opció “Atributs de la pàgina“.

Ens apareixeran 2 opcions:

1. Pàgina mare.
   Fent clic a la casella buida se’ns mostraran totes les pàgines que tenim editades, seleccionarem quina pàgina volem que sigui la mare de la pàgina que estem editant.
2. Ordre.
   En quina posició volem que es mostri al menú.

A l’exemple 2 veiem com la mare principal és “Fauna del desert” en fill és “Insectes del desert“(Es mostra amb un guió davant del títol) i el net serà “Escorpins del desert” (Es mostrarà amb dos guions davant del títol).

• A l’editor ràpid també podem triar quin tipus de jerarquia volem a la nostra pàgina.

L'entrada Crear la jerarquia a les pàgines ha aparegut primer a DD.

Barra superior

Ens portarà a la pantalla de “Totes les pàgines“.Permet afegir un bloc nou a l’àrea de continguts.
Prement la icona “+” es mostrarà el selector de blocs. El bloc seleccionat es col·locarà on trobem situat el cursor.

1. Modes.
   Les eines ofereixen diferents interaccions per la selecció i edició de blocs. Per a seleccionar, premeu la tecla d’escapament; per tornar a l’edició, premeu la tecla de retorn.
2. Desfà la darrera acció que s’hagi realitzat o refà una acció que hàgim desfet.
3. Mostra una finestra amb el nombre de paraules, encapçalaments, paràgrafs i blocs que hàgim afegit a la pàgina. Si hem afegit encapçalats al text, també veurem un esquema del document.
4. Mostra una finestra amb tots els blocs que tinguem afegits. Fent clic en qualsevol col·locarem el cursor del ratolí al principi del bloc seleccionat.
5. Desa l’esborrany.
6. Previsualitzar el document en mode: escriptori, tauleta o mòbil, en una pestanya nova.
7. Publicar la pàgina.
8. Fent clic sobre la icona de l’engranatge (Opcions) aconseguirem que emergeixi o s’oculti un menú a la dreta que mostra les pestanyes de pàgina i Bloc.
9. Fent clic a la icona dels 3 punts es desplegaran diverses opcions:
   • Vista
     • Barra d’eines superior.
       Accediu a totes les eines del document i del bloc en un mateix lloc.
     • Mode enfocat.
       Posa el focus en un bloc cada vegada.
     • Mode de pantalla completa.
       Això ocultarà la columna esquerra amb el menú d’administració de WordPress i la barra superior del WordPress mateix, deixant només l’àrea de treball per afegir el contingut.
   • Editor
     • Visual.
       Es mostren els blocs i les diverses eines de cadascun.
     • De codi.
       Només l’hem de fer servir si tenim coneixements d’HTML.
   • Eines
     • Gestor de blocs.
     • Gestiona tots els bolcs reutilitzables.
     • Dreceres de teclat.
       Combinacions de tecles que podem utilitzar per fer diverses accions.
     • Guia de benvinguda.
       Ens porta a una guia bàsica de WordPress.
     • Copia tot el contingut.
       Permet copiar tots els blocs d’una sola vegada.
     • Ajuda.
       Ens porta a una guia bàsica de WordPress.
   • Preferències.
     Mostra una finestra on podem triar els elements que volem mostrar i com volem que es mostrin, quan editem continguts.

Icona “+”

Fent clic a la icona “+” s’obrirà un menú a la part esquerra on tindrem accés a:

• Cercador.
  Podrem buscar pel nom (parcial o complet) quin bloc o patró volem utilitzar.
• Blocs.
  Llistat per icones de tots els blocs que es disposa.
• Patrons.
  Patrons creats pels diferents tipus de blocs, també es compta amb una sèrie de plantilles.

Tipus de Bloc

Més recurrents

Permet afegir un bloc de text. Cal tenir en compte que cada paràgraf serà un bloc independent. D’aquesta manera, si estem escrivint un text, en prémer intro es generarà un bloc nou.

Per afegir un títol, amb les etiquetes H2, H3, H4,…,H6 (les H mostren la jerarquia dels títols, com més petit el número més importància té el títol).

Per afegir imatges al contingut de la pàgina.

Altres tipus de blocs

• Galeria: Permet afegir una galeria d’imatges.
• Àudio: Permet inserir un fitxer de so, seleccionant aquest fitxer, de manera que es mostrarà un reproductor.
• Fitxer: Amb aquest bloc podrem seleccionar un fitxer de la Mediateca, de manera que estarà disponible per a baixar.
• Vídeo: Podrem seleccionar un fitxer de vídeo de la Mediateca, pujar-lo des de la nostra terminal o inserint-lo des d’una URL, que es carregarà juntament amb un reproductor.
• Llista: Crea una llista, amb punts o numeració.
• Cita: Per mostrar una cita o frase, amb una mida de text més gran i lleugerament desplaçat, juntament amb l’autor d’aquesta.
• Fons: Podrem seleccionar una imatge de fons, on després podrem afegir un text.
• Més: Aquest element és invisible de cara a l’usuari que visita la pàgina i ja venia amb versions anteriors de WordPress. Afegeix una marca «Llegir més» per separar el text d’introducció, que es mostrarà al llistat d’articles del bloc, de la resta del contingut. Només es fa servir per a les entrades.
• Botó: Permet afegir un botó, on podrem seleccionar el text que contindrà i el seu enllaç, a més de poder personalitzar-ne el disseny.
• Columnes: Una de les millors novetats de Gutenberg. Permet afegir blocs addicionals separats per columnes on podrem decidir el nombre de columnes amb continguts que volem mostrar.
• Mitjans i text: Amb aquest bloc podrem afegir tots dos elements de forma conjunta, mostrant la imatge a la dreta o esquerra del text. Realment això també es pot fer amb el bloc d’imatge, ja que podrem alinear-la a dreta o esquerra.
• Salt de pàgina: Ens permet crear una paginació a l’article, de manera que cada vegada que afegim un bloc d’aquest tipus es prendrà com un canvi de pàgina.
• Separador: Mostra una línia horitzontal separadora, amb possibilitat de triar entre diferents amplades i estils.
• Espaiador: Serveix per afegir un espai separador entre els blocs que tingui abans i després, podem regular la seva amplada.
• Taula: Per afegir una taula, on disposarem de l’opció de poder triar el nombre de files i columnes que necessitem.

Menú desplegable “opcions” / icona engranatge

Fent clic a la icona de l’engranatge “Opcions” es desplega un menú on apareixen dues pestanyes:

• Pàgina
  • Estat i visibilitat.
  • Enllaç permanent.
  • Imatge destacada.
  • Debats.
  • Atributs de la pàgina.
  • Disseny.

• Bloc.
  Segons el tipus de bloc on estiguem treballant, sortiran unes accions o unes altres, en aquest cas d’imatge.

L'entrada Estructura de pantalla d’edició de pàgina ha aparegut primer a DD.

Es disposa d’una gran quantitat de blocs que es poden utilitzar per al disseny de pàgines.
Explicarem per sobre l’ús dels blocs més comuns de Gutenberg. Si es fa servir un tema per editar la pàgina que no sigui Gutenberg, és probable que les opcions que es mostren a continuació variïn, ampliant-se o restringint-se segons el tema d’edició que s’hagi triat. Per més informació…

Capçalera

S’utilitza per afegir un encapçalament, amb les etiquetes H2, H3, H4, H5 i H6 (les H mostren la jerarquia dels títols, com més petit el número més importància té el títol), restant l’etiqueta H1 reservada pel títol.

1. Ens dona l’opció de transformar el bloc a un altre tipus compatible amb el que estem treballant.
2. Es pot arrossegar el bloc.
3. Comandaments per moure el bloc a dalt o a baix d’on està situat.
4. Canviar l’alineació.
5. Les etiquetes de capçalera que disposem, des de l’H1 a la H6. No és recomanable utilitzar l’etiqueta H1, ja que s’aplicarà al títol de l’entrada, i per norma només cal que hi hagi un únic H1 per pàgina. El més comú és fer ús de les etiquetes H2 a H4 i no superar H6.
6. Canviar l’alineació de la capçalera respecte del text.
7. Posar en negreta.
8. Posar en cursiva (Itàlica).
9. Posar un enllaç.
10. Més: S’obre un menú desplegable on podem triar les següents opcions:
    • Codi en línia.
    • Color del text.
    • Entrada de teclat.
    • Imatge en línia.
    • Ratllat.
    • Subíndex.
    • Superíndex.
11. Opcions. S’obre un menú desplegable on podem triar les següents opcions:
    • Mostrar més opcions. S’obrirà el menú “Opcions” situat a mà dreta.
      • Lletra tipogràfica: Podrem triar entre diferents mides de lletra predeterminades, o posar una mida específica.
      • Paràmetres de color: Des d’aquí disposem de l’opció de seleccionar el color de fons del paràgraf, així com el color de la lletra.
      • Avançat:
        • Àncora HTML.
          Introdueix una paraula o dues – sense espais – per a crear una adreça de lloc web única només per a aquest bloc, anomenada «Àncora». Després podreu enllaçar directament a aquesta secció de la pàgina.
        • Classe(s) CSS addicional(s).
          Permet afegir una classe CSS que s’aplicaria sobre l’encapçalament. Serà útil si volem aplicar els mateixos estils a diverses capçaleres.
    • Copiar.
    • Duplicar.
    • Insereix abans.
    • Insereix posteriorment.
    • Mou a.
    • Editar com a HTML (Llenguatge de marcatge que ens permet indicar l’estructura del nostre document mitjançant etiquetes).
    • Afegeix als blocs reutilitzables.
    • Agrupa.
    • Elimina el bloc.

Paràgraf

És el bloc que s’afegeix per defecte quan canviem de línia prement “Enter“, ja que és el més utilitzem quan afegim continguts perquè ho utilitzem per introduir el text de les pàgines.

1. Ens dona l’opció de transformar el bloc a un altre tipus de bloc compatible amb el qual estem treballant.
2. Es pot arrossegar el bloc.
3. Comandaments per moure el bloc a dalt o a baix d’on està situat.
4. Canviar l’alineació del text.
5. Posar en negreta.
6. Posar en cursiva (Itàlica).
7. Posar un enllaç.
8. Més. S’obre un menú desplegable on podem triar les següents opcions:
   • Codi en línia.
   • Color del text.
   • Entrada de teclat.
   • Imatge en línia.
   • Ratllat.
   • Subíndex.
   • Superíndex.
9. Opcions.
   S’obre un menú desplegable on podem triar les següents opcions:
   • Mostrar més opcions. S’obrirà el menú “Opcions” situat a mà dreta.
     • Lletra tipogràfica: Podrem triar entre diferents mides de lletra predeterminades, o posar una mida específica.
     • Paràmetres de color: Des d’aquí disposem de l’opció de seleccionar el color de fons del paràgraf, així com el color de la lletra.
     • Configuració del text: Podrem capitalitzar (posar en grandària gran) la primera lletra del paràgraf.
     • Avançat:
       • Àncora HTML.
         Introdueix una paraula o dues – sense espais – per a crear una adreça de lloc web única sols per a aquest bloc, anomenada «Àncora». Després podreu enllaçar directament a aquesta secció de la pàgina.
       • Classe(s) CSS addicional(s).
         Permet afegir una classe CSS que s’aplicaria sobre el paràgraf. Serà útil si volem aplicar els mateixos estils a diversos paràgrafs.
   • Copiar.
   • Duplicar.
   • Insereix abans.
   • Insereix posteriorment.
   • Mou a.
   • Editar com a HTML (Llenguatge de marcatge que ens permet indicar l’estructura del nostre document mitjançant etiquetes).
   • Afegeix als blocs reutilitzables.
   • Agrupa.
   • Elimina el bloc.

Imatge

Aquest bloc ens permetrà afegir imatges a la pàgina. Un cop agregat el bloc veurem una caixa on podrem triar com volem pujar la imatge que mostrarem:

• Fer una pujada des dels arxius de la nostra terminal.
• Seleccionar-la des de la Mediateca.
• Carregar des d’una pàgina externa, indicant l’URL de la imatge.

Un cop seleccionada la imatge veurem que es mostra dins del bloc i el menú superior s’amplia:

1. Ens dona l’opció de transformar el bloc a un altre tipus de bloc compatible amb el qual estem treballant.
2. Es pot arrossegar el bloc.
3. Comandaments per moure el bloc a dalt o a baix d’on està situat.
4. Canviar l’alineació de la imatge.
5. Posar un enllaç.
6. Encapsa.
   Ens dona una sèrie d’opcions:
   • Afegir text damunt de la imatge, canviar la posició del contingut i commutar a altura completa.
   • Zoom.
   • Ràtio de l’aspecte.
   • Gira.
   • Aplica.
   • Cancel·la.
7. Reemplaça la imatge.
8. Afegir text damunt de la imatge, canviar la posició del contingut i commutar a altura completa.
9. Opcions.
   S’obre un menú desplegable on podem triar les següents opcions:
   • Mostrar més opcions. S’obrirà el menú “Opcions” situat a mà dreta.
     • • Paràmetres dels mèdia.
     • Dimensions.
     • Superposició:
       • Color:
         • Sòlid.
         • Degradat.
       • Opacitat.
     • Avançat:
       • Àncora HTML.
         Introdueix una paraula o dues – sense espais – per a crear una adreça de lloc web única sols per a aquest bloc, anomenada «Àncora». Després podreu enllaçar directament a aquesta secció de la pàgina.
       • Classe(s) CSS addicional(s).
         Permet afegir una classe CSS que s’aplicaria sobre la imatge. Serà útil si volem aplicar els mateixos estils a diverses imatges.
   • Copiar.
   • Duplicar.
   • Insereix abans.
   • Insereix posteriorment.
   • Mou a.
   • Editar com a HTML (Llenguatge de marcatge que ens permet indicar l’estructura del nostre document mitjançant etiquetes).
   • Afegeix als blocs reutilitzables.
   • Agrupa.
   • Elimina el bloc.

L'entrada Editar i maquetar ha aparegut primer a DD.