Archivo de la categoría: Entradas

Gutenberg, el nuevo editor de texto de WordPress

En 2018, el editor de texto de WordPress experimenta una gran evolución. El editor de texto TinyMCE se sustituye por un nuevo concepto llamado Gutenberg en todas las páginas web que utilizan el programa WordPress.

Gutenberg se presenta como un nuevo editor que simplifica la publicación de contenidos en WordPress, y se centra en la simplificación de diseños complejos y la agregación de contenido externo y multimedia.

Así, Gutenberg funciona con un sistema compuesto íntegramente por “bloques”, que designan cada elemento (título, párrafo, elemento multimedia, etc.) que pueden ser insertadso en una entrada o página. Estos bloques se han diseñado para facilitar la inserción y modificación de elementos en el contenido, en comparación con el editor tradicional (TinyMCE), mediante la integración en el sistema de bloques de funciones que antes eran accesibles a través de shortcodes o código html (“embed”, por ejemplo).

Una interfaz depurada

La presentación de la interfaz para editar una página o entrada con Gutenberg es muy minimalista.

Interfaz para editar una entrada con TinyMCE
Interfaz para editar una entrada con Gutenberg

En la parte superior, la zona de opciones de edición  está separada del contenido de la interfaz por una sola línea. En esta zona podemos encontrar:

  • la posibilidad de añadir un nuevo artículo, cancelar o restablecer una acción;
  • el estado de publicación del contenido (guardar el borrador, actualizar el borrador, publicar, actualizar la entrada);
  • opciones generales de contenido.

El resto de la página contiene el documento a publicar.

La columna lateral de las opciones se abre haciendo clic en el icono de la rueda estrellada en la parte superior de la interfaz. Contiene todos los metadatos del documento, agrupando las columnas que se encontraban en el laterral en la interfaz anterior: palabras clave, categorías, opciones de publicación (estado, planificación, etc.). También contiene los ajustes para los “bloques”.

Funcionamiento por bloques

Cada elemento (título, párrafo, elemento multimedia) insertado en una entrada o página está contenido en lo que WordPress llama un “bloque”. Al importar texto procedente de un documento de procesador de texto, WordPress convertirá las diferentes partes del texto en tantos bloques de forma tan fluida (quizás más) a como lo hacía con la interfaz antigua.

Al hacer clic en un bloque se abre una pequeña barra de edición específica con las principales opciones de formato. Así, un bloque que contenga texto tendrá una barra de edición para formatear este texto. Para un bloque que contenga una ilustración, la barra de edición permitirá ajustar la alineación y el tamaño de la imagen.

En la barra lateral de configuración podemos encontrar opciones de personalización más avanzadas.

Cuando se redacta un texto directamente en WordPress, es posible añadir bloques haciendo clic en el signo “+” junto al texto ya escrito. Luego, el editor propone los diferentes tipos de “bloques” que se pueden añadir. Entre los bloques nativos de uso común, encontramos los siguientes:

  •    Texto simple y niveles de título;
  •     Imagen;
  •     Galería de imágenes / videos / sonidos;
  •     Citas;
  •     Lista numerada / con viñetas;
  •     Imagen destacada;
  •     Lector multimedia;
  •     Tablas;
  •     Texto preformateado y código fuente;
  •     Etiqueta “Leer más”;
  •     Columnas de texto.

Probar Gutenberg

Si deseáis probar en directo el nuevo editor de WordPress, una página de demostración está disponible en WordPress: https://testgutenberg.com/.

Recursos

En internet  hay muchos tutoriales muy completos que describen las características de Gutenberg y explican su manejo. Os proponemos una selección:

¿Qué es el editor Gutenberg de WordPress?

Introducing a new way to WordPress – WordPress.org (en inglés)

Gutenberg : le tutoriel pour maîtriser le (futur?) nouvel éditeur de WordPress – WPFormation (en francés)

Si tenéis alguna pregunta sobre cómo empezar con este nuevo editor, no dudéis en enviar un mensaje a la Lista de blogueros a blogueros@groups.openedition.org. Vuestras preguntas, y sus respuestas, beneficiarán indudablemente a toda la comunidad de blogueros.

Actualización de la versión de WordPress

Se ha actualizado la versión de WordPress en la plataforma Hypotheses, esto implica más seguridad y también nuevas funcionalidades:

    • En la pantalla personalización, con la plantilla (tema) que actualmente tengamos activada en el blog, ahora tenéis la posibilidad de guardar como borrador los cambios que hagamos en el diseño, sin que se publiquen todavía dichos cambios. Podemos también programar el día y la hora para en que queremos que se efectúen dichos cambios.Podemos enviar “el enlace para compartir la vista previa” con aquellas personas que queramos que vean las modificaciones antes de publicarlas.


      • Sistema de bloqueo del diseño para salvaguardar los cambios del borrador. De manera que otros usuarios o colaboradores del blog no puedan alterar nuestros cambios sin que nosotros seamos avisados. Antes nos preguntará si se quieren anular los cambios que hemos hecho.
      • Nuevo widget “Galería” que permite a los usuarios añadir fácilmente una galería de imágenes en el área de widgets. Depende del tema o plantilla que tengamos, la galería mostrará o no el pie de imagen o leyenda.
      • Widget “Texto” se ha enriquecido con el botón “añadir medios” para insertar fácilmente imágenes, audios o vídeos, similares al botón mostrado en el editor de texto de las páginas o entradas.
      • Cuando tomemos la decisión de cambiar a una nueva plantilla. WordPress mantiene mejor la disposición de widgets y menús de la plantilla original. (Estos elementos que a veces se desplazan aleatoriamente o se desactivan al cambiar de tema.).
      • Ya es posible añadir nuevos menús desde el escritorio del blog> Apariencia>Menús o desde Apariencia>Personalización>Menús dos interfaces con el mismo propósito. Las instrucciones y los pasos a seguir para crear un nuevo menú desde Apariencia>Personalización>Menús son más claros y sencillos.

    Para aprender más sobre la actualización de WordPress, podéis leer este articulo de la web de WordPress.org.

Twenty Seventeen, todo en la cabecera

La plantilla desarrollada por los equipos de WordPress para 2017, Twenty Seventeen, está actualmente instalada en la plataforma Hypothèses.  Su sobriedad de contenido permite menos opciones de personalización que, por ejemplo, Hueman; sin embargo, se caracteriza por contar con mayores posibilidades para personalizar la cabecera. Esta plantilla es responsive y se adapta a todos los tamaños de pantalla.

Twenty Seventeen permite incluir imágenes de cabecera que ocupen toda la anchura de la pantalla. Tamaño recomendado: 2000 x 1200px. Para un uso óptimo, es preferible utilizar formatos jpg y una resolución de 72 ppp (dpi) para conseguir una imagen de menor peso.

Asimismo, es posible usar un vídeo como cabecera del blog, aunque esta opción no se recomiende en Hypothèses por razones de accesibilidad al contenido, especialmente en conexiones de velocidad reducida, así como de legibilidad de la página.

En los casos en los que se escoja un vídeo como cabecera, recomendamos insertar cualquier imagen como fondo, que aparecerá mientras el vídeo se carga, al igual que en los dispositivos móviles (tabletas y smartphones). El vídeo deberá pesar menos de 8Mo, para ser incluido en el blog; también es posible insertar la url de un vídeo de Youtube. Se trata de que el vídeo arranque automáticamente y se reproduzca en bucle. Al mismo tiempo, para comodidad de los lectores, es preferible que sea corto, visualmente sencillo y sin sonido.

Además, se puede añadir un logo a la derecha del título y del subtítulo del blog, con la posibilidad de configurar el color de ambos, así como escoger el color general del blog, entre claro y oscuro. Esta plantilla solo ofrece una fuente de escritura predeterminada, dada su legibilidad y por tanto ser la más adecuada para la mayoría de los usuarios.

Por otro lado, se pueden incluir 2 menús: el menú principal, situado en la barra horizontal, bajo la cabecera y que permanece estático aunque nos desplacemos hacia abajo; y un menú de “enlaces sociales” en la parte inferior del blog, con los logos de estas redes para acceder a las mismas.

Principalmente diseñado para el uso en webs de negocios, esta plantilla se adapta menos al formato dinámico que requiere un blog académico. El vídeo de la cabecera es una de ellas.

Otra funcionalidad es la página estática como portada, con varias secciones de texto entrelazadas con imágenes de fondo, con un “efecto de desplazamiento Parallax”. Esta portada no es aconsejable para Hypothèses porque no muestra la actividad del blog y el lector no puede consultar directamente las últimas entradas.

Sin embargo, si deseáis probar esta funcionalidad, bastará con crear hasta 4 páginas (ver la entrada Éditer et publier des billets et des pages sur son carnet de recherche) y asociar una imagen a cada una de ellas, después ir al escritorio de vuestro blog> temas > twenty seventeen> personalizar> opciones de tema y seleccionar estas páginas para vincularlas a cada una de las secciones de la portada (1/2/3/4).

Para saber más de esta plantilla y sus funcionalidades, podéis ver la presentación la présentation de Twenty Seventeen sur le Codex WordPress (en inglés) y esta otra en español Configura el Tema Twenty Seventeen WordPress.