Editar en WordPress: Breve manual.

Dptº Internet · Multimedia septiembre · 2019

Introducción 3

Autenticación en WordPress 3

Estructura en un WordPress migrado desde Port@l 4

Estructura en un WordPress de transparencia 5

La Biblioteca de medios 5
Subir medios 6
Buenas prácticas 6
Cuidado con las “dimensiones” de los ficheros 6
Evitar tener archivos duplicados 7
Definir los “metadatos” 7

Creación y edición de entradas 7

Creando una entrada nueva 7

Creación y edición de una entrada de directorio 12

Creando un nuevo directorio 12

Creación y edición de una galería de imagen 13

Creando un nuevo proyecto 13
Publicando los proyectos de galerías de imágenes. 14

Edición de indicadores de transparencia 14

Creación y edición de plenos y juntas de gobierno 18

Un vídeo ilustrativo del proceso está disponible aquí. 20

Páginas, secciones y filas 20

Páginas 20
Secciones 21
Filas 21

El constructor Divi 21
Acordeón 21
Anuncio 21
Audio 21
Barra lateral 21
Blog 22
Botón 22
· Nº de páginas: 27 ·
 ​ Editar en WordPress

Búsqueda 22
Comentarios 22
Conmutador 22
Contador de número 22
Contadores circulares 22
Contadores de barra 22
Control deslizante de vídeo 22
Correo electrónico optin 22
Código 23
Deslizador 23
Formulario de contacto 23
Galería 23
Imagen 23
Iniciar sesión 23
Llamada a la acción 23
Mapa 23
Menú 24
Navegación por los mensajes 24
Persona 24
Pestañas 24
Portafolios 24
Portafolios filtrable 24
Post Slider 24
Recomendación 24
Seguir en medios sociales 25
Separador 25
Tablas de precios 25
Temporizador de cuenta atrás 25
Texto 25
Tienda 25
Título de publicación 25
Vídeo 25

Módulos globales y contenidos dinámicos 25

Usuarios y roles 26

Elementos de ayuda 26

Nota final 27

· pág 2 ·
 ​ Editar en WordPress

Introducción
Este manual es un breve recurso para la edición en una sede web municipal WordPress
(WP en adelante), equipada con el tema Divi y su constructor adjunto, así como para
establecer las diferencias esenciales con el trabajo que venía desarrollándose en Port@l
2.0, cuyo gestor se apoyaba en Drupal.

Habida cuenta de la enorme cantidad de información existente en internet, tanto del propio
WordPress como de Divi, el objetivo es enfocar al usuario en los procedimientos más
habituales de edición y dar una breve descripción de los módulos disponibles en el
constructor Divi, así como de los elementos esenciales de WP.

Autenticación en WordPress
A ​toda​ web desarrollada en ​WP​, s
​ e accede​ mediante la URL ​http://{site}/wp-admin​. Por
ejemplo: ​https://www.lospedroches.org/wp-admin​.

Pantalla de autenticación WP

Tecleando el ​mismo nombre de usuario y contraseña​ del que se disponía ​en Port@l​ 2.0,
se accede al panel de administración.

· pág 3 ·
 ​ Editar en WordPress

Panel de administración WP

Estructura en un WordPress migrado desde Port@l

● Página​: aunque se trata de un ​elemento estructural básico​, que conforma el
armazón de la web, su ​relevancia es inferior​ ​a​ la que tenía en ​Port@l​ 2.0 pues
podría darse el caso de que una web en WP no tenga páginas. En el caso de ​una
web migrada desde Port@l​, ​coincidirá con las​ provenientes de la web ​de origen​,
si bien ​se ha intentado “aplanar” la estructura de páginas​ de origen para evitar
demasiados niveles de profundidad, aprovechando las capacidades de Divi. ​En
general alojarán contenidos estáticos​ como descripción de la sede web o entidad,
información institucional, etc.
● Entrada​: Es el elemento ​enfocado al contenido más dinámico​ ​y​ podría decirse
que el ​básico​ o esencial ​de WP​. Su ​uso​ principal, en comparación con Port@l, será
para la ​publicación de noticias y​, en menor medida, para determinados elementos
estáticos​ (denominados contenidos genéricos en Port@l).
**Nota**​: Dado que ​no se han importado los eventos de Port@l​, porque se ha
determinado apoyarse en el calendario de Google, mediante un ​plugin​ de WP,
podría utilizarse​ al modo que se hacía en Port@l, ​mediante clasificación
taxonómica​.
● Medios​: es la ​biblioteca​ donde ​se almacenan​ los elementos multimedia (​imágenes,
documentos en PDF, vídeos​...). Cualquiera de estos elementos que aparezca en
las páginas o entradas, se encuentra realmente aquí.
● Proyectos​: Es un tipo de contenido ​añadido por el tema Divi​ que, en la práctica, ​se
usará para​ la gestión de las ​galerías de imágenes​ provenientes de Port@l.
● Calendarios​: Es un ​tipo de contenido​ añadido por el ​plugin​ que habilita los
calendarios Google​. A no ser que tenga conocimiento de su funcionamiento, ​no se

· pág 4 ·
 ​ Editar en WordPress

recomienda alterar los valores de los calendarios existentes​, especialmente los

referentes a ​Google calendar.​
● Directorio​: Uno de los tipos de contenido ​heredado de Port@l​ y que ha propiciado
la creación de un ​plugin ​a medida para su gestión.
● Correo electrónico de incidencias​: También ​heredado de Port@l​, este tipo de
contenido, junto con los dos siguientes, también han necesitado de la creación de un
plugin​ a medida pues ​su gestión​, relacionada con las ​apps ​municipales, se
realizaba desde port@l y ahora, consecuentemente, ​deberá realizarse desde​ las
sedes ​WordPress​.
● Enlaces de la ​app​: Como se refiere en el tipo de contenido anterior, éste viene
heredado de Port@l​ 2.0 y ​gestiona los enlaces​ que se presentan ​en la ​app
municipal​, del mismo modo en que venía haciéndose.
● Incidencia​: Relacionado con las anteriores, este tipo de contenido ​no exigirá
gestión alguna​, sino ​solo consulta​, pues almacenará las incidencias reportadas
desde la ​app​ municipal.

Estructura en un WordPress de transparencia

● Página​: Aunque el usuario genérico de transparencia tiene atribuciones para trabajar
este tipo de contenido, ​no se recomienda​ hacerlo para no ​alterar la estructura​, fija
e idéntica para todos estos portales, a imagen del portal de transparencia de la
diputación.
● Entrada​: Este tipo de contenido ​no se está usando en​ el portal de ​transparencia​.
● Plenos:​ Es el ​tipo de contenido esencial en el portal de transparencia​,
encargado del ​mantenimiento de los plenos y juntas de gobierno​ (en su caso)
con su orden del día, acta y vídeo.

La Biblioteca de medios
Es el ​lugar dónde se administran​ todos los archivos que se han subido a la web
(​imágenes, audios, documentos PDF…​)

· pág 5 ·
 ​ Editar en WordPress

Menú de administración WP. Vista de la opción: Biblioteca de medios

Subir medios
Subir contenido a la biblioteca de medios, implica pulsar el botón “​Añadir nuevo​” ​y
arrastrar​ ​el archivo a subir​, desde un navegador o administrador de archivos, hasta el
área de la pantalla acotada con una línea discontinua, ​o​ bien ​hacer click en​ el botón
“​Seleccionar archivos​”, dentro de ese mismo área.

Menú de administración WP. Distintas formas de subir medios a WP

Buenas prácticas
Para evitar que los distintos elementos multimedia​ que se suben a la web
(especialmente las imágenes) ​afecten​ a su ​rendimiento​, es recomendable seguir las
siguientes pautas:

Cuidado con las “dimensiones” de los ficheros

A modo de orientación, los ​tamaños recomendados​ serían:

Tamaño imagen Anchura máxima ​(aprox.) Altura máxima ​(aprox.)

Grande 1024 px 1024 px

medio 400 px 400 px

· pág 6 ·
 ​ Editar en WordPress

Como sugerencia​, pueden ​editarse imágenes ​fácilmente y sin conocimientos de diseño,

mediante ​la herramienta online ​squoosh​.

Evitar tener archivos duplicados

También a efectos de rendimiento, ​es importante mantener la base de datos lo más
limpia posible​, así como reducir la ocupación de disco en el servidor. Para ello ​se debe
evitar tener la misma imagen repetida​ en la biblioteca de medios, asegurándose de que
no se dispone de una imagen concreta, utilizada anteriormente, antes de subirla. La
herramienta de búsqueda de la biblioteca de medios supone una inestimable ayuda en
estos casos.

Definir los “metadatos”

Cada imagen​ dispone de una serie de ​informaciones complementarias​, que son
esenciales a efectos de accesibilidad​ ​y​ posicionamiento en Internet (​SEO​).
Es necesario​ que para cada imagen ​se rellenen​, al menos, los campos ​título ​y ​texto
alternativo​.​ Para ello simplemente se hace click en la imagen subida y se rellenan dichos
campos en la zona derecha de la nueva pantalla que se abre.

Menú de administración WP. Vista de la opción: Biblioteca de medios

Creación y edición de entradas

Creando una entrada nueva

​ ​ Añadir nueva​”.
En el panel de administración, acceder a “​Entradas →

· pág 7 ·
 ​ Editar en WordPress

Menú de administración WP. Añadir nueva entrada

En la pantalla que se abre a continuación, ​se añade el título​, ​se selecciona la categoría
de la entrada que convenga ​y​ se clica en el botón “​Usar Divi Builder​ ​”1

Añadiendo nueva entrada.

1
​Divi Builder es el constructor visual de Divi para los portales municipales​, mediante el cual se
aumentan notablemente sus posibilidades de diseño.
· pág 8 ·
 ​ Editar en WordPress

En la siguiente pantalla, se selecciona la opción “​Elegir diseño​”

Opciones iniciales en Divi Builder

En el paso posterior, seleccionamos la opción “​Cargar diseño​”

Divi Builder, cargando diseño 1

· pág 9 ·
 ​ Editar en WordPress

Posteriormente, ​se elige la categoría​ “​Plantilla​” ​y​, a continuación, la ​disposición​ de

layouts​ (distribuciones) Deseada. (en el ​ejemplo​, “​Entrada-1col-imagen”​ )

Divi Builder, cargando diseño 2

Finalmente, ​aparece la pantalla de edición de la entrada​ en sí, donde deberá añadirse el

contenido específico, esto es: ​Sustituir imagen y textos preconfigurados​ ​o​ incluso ​añadir
nuevos elementos según convenga.

· pág 10 ·
 ​ Editar en WordPress

Divi Builder: Introducción de contenidos en una entrada prediseñada.

** Nota **​: ​conforme se avance​ en la implantación y uso de esta herramienta, ​se pondrán
a disposición nuevos diseños y distribuciones​ para personalizar las sedes web.

Una vez terminada​ la edición, se pulsa el ​botón​ en forma de ​círculo violeta

con tres puntos blancos, centrado en la base de la pantalla:

A partir de aquí, ​para guardar​ los cambios, se clicará en el ​botón​ “​Publicar​”.

Por contra, si se desea seguir editando por cualquier motivo, se hará click en el botón
central, que aparece ahora con un aspa blanco.

Divi Builder: Guardar para publicar, o seguir editando..

Es necesario aclarar que ​este método​ de edición de entradas ​no es​ el ​estándar de WP​,
que se apoya en el método que da inicio al proceso (antes de pulsar sobre el botón “​Usar
Divi Builde​r”), sino el proporcionado por el tema Divi. El proceso puede verse en ​este video
ilustrativo​.

· pág 11 ·
 ​ Editar en WordPress

Para​ otros tipos de contenido personalizado, en particular ​directorio​, ​correo electrónico

de incidencias​ y ​enlaces de la ​app​ ​sí que se hará uso del ​método estándar​ ​y para​ otros,
como el caso de los ​proyectos​, una ​mezcla de ambos​. Se ilustra un ejemplo de cada
caso.

Creación y edición de una entrada de directorio

Creando un nuevo directorio

​ ​ Añadir nuevo”​ .
En el panel de administración, acceder a “​Directorio →

Menú de administración WP. Añadir nuevo directorio

En la pantalla que se abre ​a continuación​, se añaden el ​título y ​el​ teléfono 1​ y,

opcionalmente​, los campos de ​ubicación​ o geolocalización (plegados en la ilustración:
Nombre​, ​Calle​, ​Adicional​, ​Ciudad​, ​Provincia​, ​código​ ​postal​, ​País​, ​Latitud​ y ​Longitud​),
Dirección​, ​Correo​ ​electrónico​, ​Telefono​ ​2​ ​y​ ​Url​. ​En la​ parte ​derecha​ se seleccionará la
categoría​ utilizada en Port@l ​y​ se clica en el botón “​Publicar​” ​o​ ​“​Guardar​ b ​ orrador​”,
según convenga

· pág 12 ·
 ​ Editar en WordPress

Añadiendo nueva entrada de directorio.

Creación y edición de una galería de imagen

Creando un nuevo proyecto

​ ​ Añadir nuevo”​ .
En el panel de administración, acceder a “​Proyectos →

En la ​pantalla​ que se abre a continuación, se añade el ​título​ -del ​mismo modo​ que para la
entrada-​ ​y​ en la parte derecha la ​categoría​ “​Galerías de imagen​” (valor por defecto), del
mismo modo​ que para el ​directorio​.

En la misma parte derecha se elegirá una imagen​, nueva o de la biblioteca de medios,

como imagen destacada​, que es la que representará a la galería.

Como se hizo para la entrada, se hace clic en el ​botón​ “​Usar Divi Builder​ ​”, ​y​ a partir de
aquí pueden adoptarse dos estrategias:
● se elige el ​diseño de plantilla​ o ​Layout​ (distribución) ​galería mosaico​ (​opción
recomendada​ aunque habrá que eliminar las imágenes que contiene) ​o​,
● se escoge la opción “​comenzar a construir desde cero​”, ​insertar una fila y​ a
continuación ​el módulo​ preconfigurado “​galería de imagen​” desde la pestaña
“​Añadir desde biblioteca​”. Este método tiene la desventaja de que será necesario
añadir el título mediante un módulo “título de publicación” o “texto”.

· pág 13 ·
 ​ Editar en WordPress

Finalmente​ se elegirán las ​imágenes​ que forman parte d ​ e la galería​.

El procedimiento puede visualizarse en este ​video ilustrativo​.

Publicando los proyectos de galerías de imágenes.

Una vez que se han creado ​los proyectos-galería​ de imagen pertinentes, la manera que
ofrece el constructor Divi de ​presentarlos​ es ​a través​ del módulo ​portafolios​, en el que se
escogerá la ​categoría galerías de imagen​ y se establecerán las opciones de diseño
deseadas.

Edición de indicadores de transparencia

Antes de comenzar, es importante aclarar que ​este método se utilizará exclusivamente
en el subdominio de transparencia​, no teniendo uso en el portal WordPress municipal.

En el panel de administración, se accede a “​Páginas → Todas las páginas”​ .

Menú de administración WP. Acceder a las páginas de indicadores.

En la pantalla que se abre ​a continuación​ están ​todas las páginas​ que componen el
portal de transparencia, entre las cuales se han ​destacado​ las que contienen los
indicadores​ de transparencia internacional.

· pág 14 ·
 ​ Editar en WordPress

Páginas de indicadores de transparencia internacional.

Al pasar el ​ratón sobre cualquiera de ellas​ se despliegan las opciones de edición, entre
las que se elegirá “​Editar con Divi​” (o “​Edit with Divi​”),

En el paso posterior, se hace ​clic sobre la rueda dentada​ correspondiente a las opciones
del módulo texto de ​Divi Builder​ que contiene los indicadores, aún en forma de párrafos.

· pág 15 ·
 ​ Editar en WordPress

Divi Builder, configurar el módulo “t​ exto​”

En el cuadro emergente, que por defecto es flotante pero puede colocarse en el lateral,
compartiendo la ventana, aparece un ​editor visual​ en el que se ​seleccionará el texto​ del
indicador ​y se convertirá en enlace ​a la página del portal donde se alberga la información
a la que dicho indicador hace referencia:

· pág 16 ·
 ​ Editar en WordPress

Divi Builder, convertir un párrafo en un enlace a la información de transparencia

Finalmente, se ​guardarán los cambios​ del módulo, con el ​botón verde.

Posteriormente los de la página con el ​botón violeta ​den forma de círculo con
los ​puntos suspensivos​ y luego “​Guardar​”.

Indicadores: El primer indicador ahora es un enlace.

· pág 17 ·
 ​ Editar en WordPress

Creación y edición de plenos y juntas de gobierno

Es el otro elemento de gestión interna en el portal de transparencia, junto con los
indicadores. Conviene reseñar que, en el ​caso de que se incluyan vídeos​ de la
retransmisión de los plenos, la página de “Participación” ​mostrará el más reciente​ de todos
ellos. Del mismo modo que para los indicadores, ​este método se utilizará exclusivamente
en el subdominio de transparencia​,

Para añadir un nuevo pleno se accederá en el panel lateral de gestión a “​Plenos →

Agregar nuevo”​ .

Plenos y juntas de gobierno: crear un nuevo pleno.

A continuación se muestra la pantalla en la que se introducen los datos del pleno:

Título​: en la parte superior y letra destacada, ​será el que se utilice​ posteriormente ​para
identificarlo​.
Fecha​: En la que se celebrará el pleno o junta de gobierno.
Acta​: Aunque por orden cronológico se presupone que el primer archivo pdf sería el
correspondiente al orden del día, se ha optado por incluir este en primer lugar pues no
siempre se dispondrá del orden del día con la suficiente antelación.
Orden del día​: Donde se seleccionará el documento pdf si se dispone de él previamente.
Vídeo​: Aquí se insertará la dirección de ​youtube​ (u otro servicio de emisión de videos
similar) en la que se localice la grabación del pleno.
Por último, en el ​panel de la derecha​ se establecerá si se trata de un ​pleno​ o ​junta​ de
gobierno​, eligiendo la ​categoría​ apropiada​.

· pág 18 ·
 ​ Editar en WordPress

Creación de un nuevo pleno: obsérvense los datos a rellenar sombreados en verde.

Una vez publicado, mediante el botón naranja de la parte superior derecha, el elemento se
podrá localizar en el listado de plenos y aparecerá ordenado por fecha en la pantalla de
plenos y juntas.

Nueva junta de gobierno.

· pág 19 ·
 ​ Editar en WordPress

Un vídeo ilustrativo del proceso está ​disponible aquí​.

Páginas, secciones y filas

La base del trabajo​ con la estructura en conjunción de ​WordPress con Divi​ se basa en la
creación de ​páginas​ (estructura nativa de Wordpress) con la asignación de ​secciones y
filas​ (estructura básica de Divi). Tanto las ​secciones​ como las ​filas​ admiten ​duplicación​,
procesos de copiar y pegar tanto contenido como estilos, ​añadir a​ la b ​ iblioteca​ y ​cargarla
de ella (junto con todo el contenido que puedan tener).

El ​trabajo​ con estos elementos puede hacer tanto en​ modo visual​, en vista de escritorio,
tablet y móvil, como ​por bloques​, como se ilustra a continuación:

Vista por bloques del constructor visual de Divi.

Páginas
La ​creación de páginas​ es similar a la de cualquier otro elemento de WP: ​Páginas →
Añadir nueva​, editar el ​título y​ pulsar sobre el botón “​Usar Divi Builder​”. A partir de aquí
puede utilizarse cualquiera de los diseños disponibles de tipo página (seleccionando
“​ELEGIR DISEÑO​” y posteriormente activando la casilla “Página” de las categorías de la
parte izquierda) ​o​ elegir la opción “​CONSTRUIR DESDE CERO​” e insertar una fila en la
sección que se añade por defecto.

· pág 20 ·
 ​ Editar en WordPress

Secciones
Aunque cuando se construye desde cero ​la primera sección se inserta automáticamente​,
Divi permite utilizar tantas como se quiera, siendo el ​contenedor​ natural ​de la fila​. Del
mismo modo que el resto de elementos de Divi ​admite posibilidades de configuración y
diseño​ con los que es interesante experimentar.

Filas
Elemento​ básico de orden inmediatamente ​inferior a la sección​, la fila será el ​contenedor
de los módulos​ del constructor de Divi, de manera ​similar a las distribuciones de Port@l
2.0​, aunque con mayores posibilidades al no haber limitación para el número de filas que
puede contener una sección y tener hasta veinte posibilidades distintas de disposición y
número de columnas por cada fila.

El constructor Divi
Al tratarse de un elemento que se ha mencionado varias veces en este manual, se hará una
breve reseña de los ​módulos​ que contiene actualmente así como su utilidad esencial.
Como norma común puede afirmarse que todos ​admiten variadas opciones de diseño y
configuración​ con el que alterar sustancialmente el aspecto de la información que
muestran. Es altamente ​recomendable experimentar​ con los elementos del constructor,
siempre en modo borrador​ para no afectar a los elementos que sí están a la vista de los
visitantes de la web.

Acordeón
Dispone ​contenidos encerrados en cajas de apertura alterna​, pudiendo estar visible solo
una de las que se generen en el módulo. Un ejemplo puede observarse en esta página
visualizarse aquí​ (​provisional​).

Anuncio
Aunque debería ser el ​sustituto​ natural ​del enlace de Port@l 2.0​ ni mucho menos es el
único pues ​la práctica totalidad de los módulos de Divi pueden apuntar a un enlace
interno o externo​. Obsérvese cómo se han usado en los ​enlaces de información de esta
página

Audio
Puede considerarse el ​sustituto de los anexos de audio de Port@l 2.0​, insertando un
control de audio en el lugar elegido, con diversas opciones de datos, diseño y configuración.
Aquí hay un ejemplo de uso​.

Barra lateral
Inserta uno de los elementos habituales en los blog de WP, que coloca una barra en el
lateral con objeto de colocarle alguno de los ​widgets​ existentes, nativos de WP, por lo que
puede considerarse un elemento de conexión entre el tema Divi y los elementos propios del
WP estándar.
· pág 21 ·
 ​ Editar en WordPress

Blog
Este es uno de los módulos con mayor ​uso​ en los portales municipales, pues suele usarse
para los ​listados de noticias​ (entradas). Un ejemplo ​puede observarse aquí​.

Botón
Como cabría esperar, este módulo inserta un botón con variadas opciones de diseño y
configuración. Un ejemplo puede ​observarse aquí​.

Búsqueda
Sin tampoco demasiadas sorpresas, este módulo consiste en una caja y botón de búsqueda
de elementos textuales en la web, con diversas posibilidades. En esta página hay un
ejemplo de uso​ (​provisional​).

Comentarios
Otro de los elementos habituales en los blog WP, no tiene efecto en los portales
municipales al haber sido deshabilitados los comentarios.

Conmutador
Similar al acordeón​, este módulo permite encerrar el contenido en ​cajas que pueden
estar abiertas o cerradas simultáneamente​. Este es un ​ejemplo de uso de este módulo
(​provisional​).

Contador de número
Este elemento y los dos siguientes​ insertan diversos contadores​ con los que dar un
aspecto vistoso a datos numéricos​. Un ejemplo de uso puede ​visualizarse aquí
(​provisional​).

Contadores circulares
En este caso el contador es un vistoso tipo circular.

Contadores de barra
Por último, este módulo inserta un contador de tipo barra.

Control deslizante de vídeo

Este módulo permite añadir una ​secuencia en carrusel y con miniaturas​ en la parte
inferior, ​de​ tantos ​videos​ como se desee, accesibles mediante clic.

Correo electrónico optin

La funcionalidad de este módulo consiste en la inserción de un pequeño formulario de
​
suscripción a través de correo electrónico mediante proveedores del tipo ​mailchimp o
similares (a elegir de entre una lista), con diversas opciones de configuración.

· pág 22 ·
 ​ Editar en WordPress

Código
Se trata del ​sustituto​ del conocido en ​port@l​ 2.0 como “​bloque html​”. Si bien existe la
posibilidad de usar el lenguaje html en las cajas de texto resto de módulos de Divi, es en
este elemento donde tendrán menos restricciones de edición, amén de usar un ​editor
adaptado​ para ello.

Deslizador
Se trata de un módulo que sirve para ​disponer contenido en un carrusel de diapositivas​,
contenido que puede estar conformado por texto, botones, imágenes y videos, estos dos
últimos tanto de fondo como de primer plano. ​Podría considerarse​ como el ​sustituto de
los ​banners​ de Port@l​, aunque con mayor potencia y versatilidad. ​Aquí hay un ejemplo de
uso​.

Formulario de contacto
Tampoco hay demasiado misterio en el objetivo de este módulo que no es otro que el de
insertar un formulario de contacto totalmente configurable. ​Este es un ejemplo de uso​.

Galería
Como ya se ha dedicado un epígrafe a este módulo, nada más se añadirá, aparte de un
ejemplo básico de uso​.

Imagen
Aunque su ​uso esencial​ es el de ​insertar una imagen​ en el lugar elegido, como cabría
esperar, se ha extendido ​mucho​ su ​uso a modo de enlace​, como en los enlaces ​de esta
página​. Conviene remarcar que las ​buenas prácticas de accesibilidad​ exigen r​ellenar los
atributos de texto alternativo y del título de la imagen​ en la sección “​Avanzado​”.

Iniciar sesión
De poco probable uso en el portal municipal, este módulo inserta un cuadro de identificación
de usuario con objeto de acceder a contenidos que requieran que el usuario esté registrado.

Llamada a la acción
En general el objetivo de este módulo es el de ​destacar algún contenido​ ​que​ además
requiera​ la acción de un ​clic​ en un botón para ampliarlo o describirlo, aunque la versatilidad
de este elemento permita usarlo como en la llamada a la agenda ​de esta página
(​provisional​).

Mapa
No cabe esperar sorpresas en cuanto al objeto de este módulo que no es otro que el de
presentar un mapa de Google maps​ en el que ​pueden marcarse lugares de interés​ para
el usuario. ​Aquí hay un ejemplo​ en el que además se ha hecho uso de otra de las
“habilidades” de WP: los “​shortcodes​”.

· pág 23 ·
 ​ Editar en WordPress

Menú
Tampoco necesita demasiada explicación este elemento, que ​insertará un menú​ de ​entre
los​ que se hayan​ definido​ (en los portales WP por el momento solo el menú principal) en el
lugar elegido, permitiendo variadas opciones de configuración y ​adaptándose de manera
automática al menú de tipo hamburguesa ​en el formato de dispositivo móvil.

Navegación por los mensajes

Este módulo inserta enlaces de navegación entre entradas o mensajes, en la localización
elegida, del tipo ←anterior … siguiente →, si bien admite variadas opciones de
configuración que permiten personalizar los textos y los enlaces.

Persona
La utilidad de este módulo estriba en que permite ​insertar una ficha personal​ en la que se
incluyen tanto el ​nombre​ y el ​puesto​ (en el caso de una organización) como las direcciones
de sus ​perfiles en redes sociales y​ una ​fotografía​. Resulta ​ideal para corporaciones
locales​ de municipios como puede ​observarse aquí​ (​provisional​).

Pestañas
Este elemento resulta muy ​útil para agrupar información​ de manera que pueda
visualizarse mediante un simple clic en las diferentes pestañas configuradas. ​Este puede
ser un buen ejemplo​.

Portafolios
Aunque se ha mencionado ya su uso como medio para mostrar las galerías de imagen, en
realidad ​su uso general sería​ el de “​listados de proyectos​”, por lo que admite un
amplísimo número de posibilidades, en función del uso que se le dé al proyecto.

Portafolios filtrable
La diferencia​ de este módulo ​con el anterior​ estriba en la manera en que carga los
proyectos y la inclusión de un ​opciones para filtrar los proyectos por categorías​.

Post Slider
Podría considerarse el ​sustituto del carrusel de noticias de Port@l 2.0​, asumiendo la
equiparación de estas con las entradas de WP, aunque ya se ha mencionado que en este
tipo también se incluye el contenido estático, por lo que en este caso es ​esencial el filtrado
por categorías​. ​Aquí hay un ilustrativo ejemplo​ de su uso.

Recomendación
Este es otro de los módulos cuyo uso admite variedad de propósitos. En principio sirve para
destacar una información a modo de recomendación con un llamativo icono de comillas
tipográficas pero por ejemplo se ha usado ​aquí para realizar enlaces a páginas interiores
(​provisional​).

· pág 24 ·
 ​ Editar en WordPress

Seguir en medios sociales

Este módulo permite añadir una secuencia de iconos de las redes sociales más extendidas
de manera cómoda y versátil.

Separador
De objetivo puramente gráfico, este elemento añade una​ línea separadora​ en el lugar en
que se inserte.

Tablas de precios
Actualmente no usado en portales municipales, pues tiene más sentido en webs de tipo
comercial, el módulo inserta, como parece lógico pensar, una tabla con descripciones y
precios de artículos.

Temporizador de cuenta atrás

Aunque todavía no ha encontrado uso en los portales migrados, no es de extrañar que este
módulo, que inserta una cuenta atrás, encuentre pronto uso como elemento para destacar
próximos eventos, por poner un ejemplo.

Texto
Este “simple” módulo es actualmente ​de los más usados​ en los portales municipales
porque es el que ​presenta texto​, sin más aspiraciones, aunque con muchas y muy diversas
opciones de configuración y diseño.

Tienda
De difícil encaje en portales municipales, este elemento permite mostrar listados de
artículos en venta (previamente definidos) en función de cuestiones relacionadas con el
comercio: ofertas, destacados, etc.

Título de publicación
Otro simple a la vez que útil módulo que permite poner el ​título del elemento principal​ en
edición (página, entrada, proyecto...) en el lugar elegido. Cualquier página de los portales
municipales en WP tiene un ejemplo de uso.

Vídeo
Finalmente, el ​sustituto del elemento multimedia de video de Port@l​, si bien con
mayores opciones de diseño y visualización, incrusta el video, ya sea en fichero (mp4,
webm) o con un enlace, en el lugar indicado. ​Aquí hay un ejemplo de uso​.

Módulos globales y contenidos dinámicos

Dos ​de las ​características​ más n
​ otables​ del trabajo con Divi estriban en la posibilidad de
hacer que un​ determinado ​módulo se convierta en global​ y luego se utilice dónde y
cuánto se desee con la particularidad de que ​cualquier cambio en uno de ellos​, tendrá

· pág 25 ·
 ​ Editar en WordPress

efecto en los restantes​. ​La otra​ característica es la posibilidad de ​asociar el contenido

del que se nutre un módulo ​a datos​ extraídos directamente ​de la base de datos​, de los que
se nutre el propio WP (como el ​título o la URL de la sede web​, por ejemplo).

Para los módulos globales existe​ incluso la posibilidad de evitar que uno o varios de los
elementos individuales cambien su valor​ cuando se hace en cualquiera de las instancias
de otro de ellos, convirtiéndolos en “locales”. ​En esta página​ se puede encontrar una buena
documentación al respecto, en español.

En el caso de los contenidos dinámicos, en los portales municipales se aprovechan con

profusión en los textos legales (aviso legal, privacidad...) para que se adapten a cada sede
web, dado que son comunes a todas ellas. También ​en esta sección​ podemos encontrar
una buena documentación sobre su uso, a parte de sobre otros elementos de Divi.

Usuarios y roles
En ​WP los roles de usuario cambian ligeramente​ con respecto a los que venían
usándose en Port@l 2.0. A lo que interesa a la gestión de contenidos, ​sin tener en cuenta
los perfiles de suscriptor​,​ colaborador y autor​, se trata de los dos perfiles principales:
administrador y editor​.

El perfil editor​, que es el que heredarán todos los usuarios provenientes de port@l 2.0,
incluido el admin_web, ​tiene más atribuciones​ de las ​que​ tenía ​en Port@l​, pues es capaz
de ​trabajar sobre la estructura y apariencia de la web​, lo que previamente era exclusivo
del admin_web. Como diría el tío Ben, “un gran poder es una gran responsabilidad” de
manera que a aquellos usuarios que no estén acostumbrados a lidiar con tales faenas, ​se
les recomienda extremada prudencia​ cuando no sea la simple introducción de contenidos
y, ante la duda, ​trabajar en modo borrador​.

El ​perfil de administrador añade​ a las anteriores atribuciones relacionadas con la

configuración​,​ ajustes​,​ temas y ​plugins​ e
​ stos dos últimos otros de los elementos
esenciales de WP. En lo sucesivo y ​previa petición​, se irán otorgando ​atribuciones de
administrador al personal designado​ por la institución o ayuntamiento, ​en las
condiciones de servicio pactadas con Eprinsa​.

Elementos de ayuda
Aparte de los videos de uso básico de elementos proporcionados por Eprinsa que se
relacionan a continuación:

● Cómo publicar una noticia​.

● Cómo publicar una galería de imágenes​.
● Cómo insertar un indicador de transparencia​.
● Cómo insertar un pleno o junta de gobierno​.

· pág 26 ·
 ​ Editar en WordPress

Existe una extensa ​documentación del constructor Divi (en inglés)​ donde aprender el uso y
posibilidades de los diferentes elementos que componen Divi. En ​esta web​ puede
encontrarse también abundante documentación de Divi en castellano.

Del mismo modo aparte de la ​referencia en línea de WordPress​ en la que consultar lo

básico con respecto a este gestor de contenidos, existen infinidad de páginas en internet
que abordan prácticamente todos los aspectos relacionados con el mundo WordPress, por
lo que animamos al usuario gestor de los nuevos portales municipales en WordPress a que
utilicen todo este material en su aprendizaje y uso de esta fenomenal herramienta.

Nota final
Este manual no pretende dar un exhaustivo repaso al uso y posibilidades del binomio
WP/Divi, sino solo una aproximación a lo esencial para la gestión de los portales
municipales.

Aunque nos consta que las posibilidades de Divi en cuanto a diseño y personalización
superan en mucho las que Port@l ponía en disposición de los usuarios y administradores
web, conviene ser fieles a la máxima “menos es más” a la hora de evitar excesiva profusión
de contenidos, tipografías y colores en las páginas de las sedes web, con objeto de
presentar a los visitantes diseños más limpios, más sencillos de leer e interpretar y más
accesibles.

Para la solicitud de alta de nuevos usuarios en su nuevo portal WP, o cualquier otra
necesidad que detecte, póngase en contacto con nuestro servicio de atención al usuario:
● Eprinsa responde
● 957 622 120

· pág 27 ·