Cada tipo de contenido requerirá completar unos campos u otros. Estos campos pueden ser simples o hacer uso del editor de texto de WordPress. Este editor es similar al de cualquier otra aplicación.
Las opciones personalizadas y que se describen a continuación, son los formatos, los bloques predefinidos y los shortcodes.
Los formatos permiten modificar como se va a visualizar un texto o un enlace.
Formato  |
Instrucciones |
Ejemplo |
|---|---|---|
| Botón | 1. Escribe el texto y añade un enlace. 2. Selecciona el texto y elige el formato botón. Pincha en cualquier sitio fuera del botón. Si utilizas la tecla Enter cuando el cursor no está al final del texto, creará una nueva línea dentro del propio botón. 3. Para eliminar el formato botón repite el paso 2. |  |
Los bloques predefinidos sirven para darle estructura y añadir diseño a la página.
| Bloques predefinidos |
Ejemplo |
Descripción |
|---|---|---|
| Menú tarjetas |  |
Tarjetas rectangulares para incluir enlaces y un pequeño texto descriptivo a modo de menú visual. El texto es opcional, si no quieres añadir ninguno, simplemente borra el texto de ejemplo. Se muestran 3 tarjetas por fila. |
| Menú tarjetas con imagen |  |
Igual que el Menú tarjetas pero incluye una imagen sobre el texto. Para cambiar la imagen de ejemplo, primero elimínala y luego añade otra, no intentes editarla. Esta imagen debe ajustarse al tamaño 340 x 227 píxeles o al menos guardar la misma proporción para que se visualice correctamente. Se muestran 3 tarjetas por fila. |
| Acordeones simples |  |
Estos elementos están formados por un título y un texto. Aunque en el editor no se refleje el comportamiento, cuando se publique la página se podrá ocultar y mostrar, alternativamente, este texto pinchando sobre el título o el botón ‘+’. |
| FAQ |  |
El comportamiento de este bloque es similar a Acordeones. La diferencia radica en el diseño, pensado en un principio para utilizarse en las secciones de preguntas frecuentes, pero puede emplearse en otros contextos. |
| Cajas con iconos |  |
Permite crear un menú visual con enlaces a diferentes url. En vez de utilizar imágenes utiliza iconos de Fontawesome. Para utilizar este bloque se necesitan conocimientos de HTML ya que cambiar el icono de ejemplo por otro de nuestra elección requiere cambiar a la vista HTML del editor y sustituir las clases del elemento . Se muestran 4 elementos por fila. |
| Fichas de personal |  |
Para hacer páginas en las que mostrar listas de personal de una manera visual con fotografías de cada persona. Esta imagen debe ajustarse al tamaño 340 x 227 píxeles o al menos guardar la misma proporción para que se visualice correctamente. Se muestran 3 elementos por fila. |
| Columnas |   |
Permite estructurar la página en columnas de diferentes tamaños para insertar el contenido manteniendo espacios y cierta organización. Por convención, las páginas se dividen en 12 columnas figuradas, y a partir de ahí agrupamos para indicar cuanto espacio va a ocupar cada contenido. |
Los Shortocodes son pequeños trozos de código que resumen un código mayor. Sirven para incluir contenido dentro de una página o establecer formato de una manera sencilla.
| Shortcodes |
Descripción |
Código con argumentos por defecto |
Argumentos (descripción) |
|---|---|---|---|
| Noticias | Replica el diseño del componente Noticias 4 | [noticias_comp] | – |
| Noticias | Listado de noticias | [noticias max="10" categoria=""] | max: número máximo de noticias a mostrar. categoria: Si queremos mostrar noticias de una sola categoría. |
| Noticias | Replica el diseño del widget Noticias recientes. Ejemplo en la página Estudiantes. | [noticias_widget max="10" categoria=""] | max: número máximo de noticias a mostrar. categoria: Si queremos mostrar noticias de una sola categoría. |
| Iconos | Replica el diseño del bloque cajas con iconos para crear un menú visual. Ejemplo en la página Estudiantes. | [uex_icon_links titles="" urls="" icons=""] | titles: Título de cada item separados por comas, urls: enlace de cada item separados por comas, icons: clases de Fontawesome necesarias para mostrar cada icono separadas por comas. Es muy importante mantener el mismo orden en cada argumento. |
| Icono | Icono individual | [uex-icon icon=""] | icon: clases de Fontawesome necesarias para mostrar el icono. |
Escuchar