El editor de bloques ofrece una nueva experiencia de edición. Tal como lo sugiere su nombre, el editor de bloques trata todo el contenido como bloques individuales. Es posible insertar, reorganizar y aplicar estilo a cada bloque de manera individual, siendo este nuevo editor más flexible que el viejo editor clásico (TinyMCE).
Tabla de contenidos
Nuevo Editor de Bloques, Gutenberg
Gutenberg como fue bautizado provee de bloques individuales para todo el contenido común, tal como los párrafos, los encabezados, las listas ordenadas y sin ordenar (por ejemplo, viñetas), las citas, imágenes, galerías y cualquier otro contenido que antes podía agregar con el editor clásico. El editor de bloques también incluye bloques adicionales para agregar contenido como botones, tablas y columnas.
También permite arrastrar y soltar, o usar los iconos de movimiento para reordenar los bloques individuales. Se puede aplicar estilo a cada bloque de manera individual, con la barra de herramientas de la parte superior del bloque. Los tipos de estilos que puede agregar a un bloque dependerán del bloque individual. Por ejemplo, un bloque Párrafo le permite cambiar el tamaño del texto, el color y el color de fondo, mientras que el bloque Encabezado solo le permitirá cambiar el nivel (H2, H3, etc.) y la alineación del texto.
¿Qué es una Entrada o nota en WordPress?
Las entradas son publicaciones. Una serie de artículos, generalmente listados en orden cronológico (inverso).
¿Cómo Añadir una Entrada?
Luego de hacer clic en el menú Entradas se desplegará la lista de entradas que contiene el sitio. Entre la información mostrada está el título de la entrada, el autor, la categoría, la etiqueta, el número de comentarios y la fecha, tanto de la entrada publicada como la última fecha de modificación de los borradores.
Al lado de cada título de entrada hay una casilla de selección. Esto permite realizar una misma acción en varias entradas a la vez. Simplemente seleccione la casilla de la entrada en cuestión; luego desde el menú desplegable Acciones en lote seleccione la acción que desea y luego haga clic en el botón Aplicar.
Al pasar el cursor del ratón sobre cada fila, aparecerán algunos enlaces debajo del título de la entrada.
Editar – Le permitirá modificar la entrada. Es lo mismo que hacer clic sobre el título de la entrada.
Edición rápida – Le permite editar información básica de la entrada, como el título, slug, fecha, además de otras opciones.
Enviar a la papelera – Enviará una entrada a la papelera. Una vez que se vacía la papelera, la página es eliminada.
Ver – Muestra la entrada. Si la entrada aún no ha sido publicada, dirá Vista previa.
Clone – Duplica la entrada.
Elementos del Editor de Bloques
El editor de bloques proporciona una experiencia de edición completamente rediseñada y, junto con ella, una nueva serie de herramientas con las cuales podrá editar la entrada. Aunque la interfaz de edición es totalmente nueva, encontrará muchos elementos con los que ya está familiarizado:
Desde el ícono Insertar Bloque “+” podrás elegir el bloque que incorporarás en la nota: Párrafo, Imagen, Encabezado, Galería, Lista, Cita entre otros.
Los íconos Deshacer/Rehacer permite revertir/rehacer el o los cambios más recientes.
El botón Detalles mostrará cuántas caracteres, palabras, encabezados, párrafos y bloques posee la entrada. También proporciona un Esquema del Documento.
Vista de Lista muestra una lista de todos los bloques dentro del contenido y proporciona un enlace rápido a cada uno de ellos.
Guardar como borrador al hacer clic en este botón se guardará nuestra entrada. Si la nota estaba publicada cambiará su estado a borrador.
El botón Vista Previa permite hacer una previsualización de la entrada, la que se abrirá en una nueva pestaña del navegador.
Publicar permitirá publicar la entrada. Después de hacer clic en el botón Publicar, la primera vez, verá un nuevo panel con un mensaje de confirmación y otro botón Publicar. Este panel también le permite cambiar la visibilidad del contenido y la fecha y hora de publicación. Al hacer clic en este segundo botón Publicar, se publicará el contenido y pasará a estar visible en el sitio.
Ajustes, al hacer clic en el botón Ajustes de desplegará/ocultará la barra lateral derecha en donde se muestran todos los ajustes de la entrada incluyendo añadir las imagenes destacadas, seleccionar la plantilla de la entrada.
Agregar contenido con el Editor de Bloques
Al utilizar el nuevo editor de bloques de WordPress, el contenido de la página se compondrá de bloques de varios tipos. Cada porción individual de contenido de la página será un bloque distinto. Hasta los párrafos individuales serán bloques separados.
Existen varias maneras de insertar bloques en el contenido. La más fácil es hacer clic en el icono Añadir bloque «+» en la barra superior de la pantalla o en el ícono de fondo negro que aparecerá en el borde derecho (lo hemos señalado en la imagen). La diferencia entre una forma y otra es que en la primera mostrará todos los elementos en un panel que de desplegará a la derecha de la pantalla. De la otra manera solo emerge un panel con un buscador y 6 elementos.
Directorio de Bloques
El directorio de bloques ofrece una manera novedosa de encontrar e instalar plugins de bloques individuales e independientes en su sitio.
Cuando haga una búsqueda en el insertador de bloques, si no existe ningún resultado dentro de la biblioteca de bloques, también buscará en el directorio de bloques de WordPress. Si encuentra algún bloque adecuado para la búsqueda realizada, podrá desplazarse por esos resultados e instalar y activar de inmediato el plugin de ese bloque, y tenerlo disponible para insertar en la página sin abandonar el editor.
Las búsquedas del directorio de bloques se ejecutan de manera automática. Haga clic en el icono Añadir bloque (+) en la barra de herramientas de la parte superior de la pantalla, y una vez que aparezca el insertador de bloques, haga clic en el campo Buscar un bloque. Allí escriba el texto de búsqueda. Si no hay resultados en la biblioteca de bloques de su sitio, se buscará de manera automática en el directorio de bloques y mostrará resultados coincidentes, si los hubiere.
Si encuentra un bloque en los resultados de búsqueda, puede hacer clic en el nombre o descripción y WordPress descargará, instalará y activará de manera automática el plugin de ese bloque, y luego lo insertará en la página, sin necesidad de abandonar el editor.
Si se da cuenta de que el bloque recién insertado no funciona de la manera esperada, o no es adecuado, puede eliminarlo fácilmente de la página, tal como cualquier otro bloque.
Cuando instala un nuevo bloque del directorio, es importante advertir que en realidad está instalando un plugin, así que al momento de visitar la página de los plugins puede que vea algunos que no le son familiares.
Patrones de bloques
Los patrones de bloques son diseños de bloques predefinidos. Por lo general son un grupo de bloques construidos previamente y con estilos personalizados.
Los patrones de bloques son útiles para añadir contenido a la entrada, de a una sección a la vez, en lugar de tener que construir todo de cero. Como ejemplo, puede que tenga un patrón de bloques que se usa para mostrar una tabla de precios de productos o servicios, o tal vez un patrón de bloques que le permita presentar los miembros de su equipo, y hasta un patrón para crear una elegante sección de contacto con un mapa de ubicación, un formulario y los números de teléfono. Los patrones de bloques proporcionan una gran herramienta, de manera rápida y sencilla, de a una sección a la vez.
WordPress incluye un buen número de patrones de bloques. Si ninguno de estos sirve para sus propósitos, se pueden añadir más patrones mediante plugins. Es posible que algunos temas puedan incluir patrones de bloques integrados.
Los patrones se pueden encontrar dentro del insertador de bloques. Tan solo haga clic en el icono Añadir bloque (+) en la barra de herramientas de la parte superior de la pantalla, y una vez que aparezca el insertador de bloques haga clic en la pestaña Patrones. Allí puede desplazarse por todos los patrones disponibles y cuando encuentre uno que le sirva, haga clic sobre él para insertarlo en la página. También puede filtrar la lista de patrones de bloques usando el menú desplegable de categorías que aparece en la parte superior de la pestaña Patrones.
Bloques
Cada bloque tiene su propia barra de herramientas, que aparece en la parte superior del bloque (o en la parte superior de la pantalla si la opción Barra de herramientas superior está activada).
Los íconos incluidos dependerán completamente del tipo de bloque. Por ejemplo, los íconos que se muestran en la barra de herramientas del bloque Encabezado serán diferentes de los íconos para el bloque Galería.
La mayoría de los bloques mostrará un ícono Cambiar el tipo o estilo del bloque para convertir el bloque seleccionado de un tipo a otro. El ícono Cambiar el tipo o estilo del bloque es distinto para cada tipo de bloque, pero podrá reconocerlo para cada tipo de bloque dado que será el ícono del lado izquierdo de la barra de herramientas que representa ese tipo de bloque en particular.
Para los bloques que le permiten seleccionar y/o subir archivos, tales como Imagen, Audio y Vídeo, la barra de herramientas mostrará un ícono Reemplazar con el que podrá editar el bloque y seleccionar distintos archivos. El bloque Galería tiene íconos en cada imagen individual, que le permite reemplazar o quitar las imágenes de la galería. También tiene un botón Subir, y un enlace Biblioteca de medios que le permitirá añadir imágenes adicionales.
Cada bloque también mostrará un ícono Opciones (3 puntos en el extremo derecho de la barra). El ícono Opciones le permite:
Mostrar u ocultar los ajustes del bloque (por ejemplo, la barra lateral de
ajustes)
Copiar el bloque seleccionado actualmente
Duplicar el bloque seleccionado actualmente
Insertar antes un bloque del bloque seleccionado actualmente
Insertar después un bloque del bloque seleccionado actualmente
Mover a otra ubicación dentro de la entrada
Editar como HTML del bloque seleccionado actualmente
Añadir a bloques reutilizables el bloque seleccionado actualmente
Agrupar el bloque seleccionado actualmente a un grupo de bloques
Eliminar el bloque seleccionado actualmente
Al insertar bloques desde el panel Añadir bloque, notará que se ordenan en distintas secciones basadas en su tipo. En la parte superior del panel hay un campo de búsqueda que le permite filtrar la lista de bloques mostrados para que sea más fácil encontrar el bloque que está buscando. El campo de búsqueda filtrará la lista basada en el nombre y tipo de bloque. Por ejemplo, si escribe “im”
en el campo (sin las comillas), se mostrará una lista de los bloques que comiencen con esas letras o estén relacionadas con imágenes, tales como el bloque Imagen, el bloque Galería, el bloque Medios y texto, etc.
El insertador de bloques separa los bloques en diferentes tipos. Estos incluyen los siguientes:
Texto – Esta sección contiene todos los tipos de bloques de texto básico, tales como Párrafo, Encabezado, Lista, Clásico, Cita, etc.
Medios – Esta sección contiene todos los tipos de bloques de imágenes y archivos de medios, tales como Imagen, Galería, Audio, Fondo, etc.
Diseño – Esta sección contiene bloques de contenido más específico, usados principalmente para resaltar el diseño de la página, tales como Botones, Columnas, Grupo, etc.
Widgets – Esta sección contiene widgets especiales, tales como Shortcode, Archivos, Categorías, Últimos comentarios, Últimas entradas, etc.
Tema – Esta sección incluye bloques especiales que le permiten añadir distintas partes de plantillas al contenido. Estos son bloques nuevos que se han añadido como anticipación a la funcionalidad de Edición completa del sitio que será presentada en una versión futura.
Incrustados – Esta sección contiene bloques para todos los medios incrustados conocidos que se acostumbra usar en WordPress. Incluye Tumblr, Twitter, YouTube, Spotify, etc.
La sección Más utilizados no se muestra de manera predeterminada. Los bloques que aparecen en esta sección cambiarán de acuerdo con aquellos que haya añadido al contenido. Como su nombre lo indica, esta sección contiene los bloques usados con mayor frecuencia.
Para activarla en el insertador de bloques, haga clic en el icono Opciones (+) de la parte superior de la página y luego haga clic en el menú Preferencias. En la ventana emergente, dentro de la pestaña Bloques, marque la casilla Mostrar los bloques más utilizados. La sección de bloques Más utilizados ahora aparecerá en el insertador de bloques, justo arriba de la sección Texto. Para acceder a los bloques reutilizables, haga clic en la pestaña Reutilizable del insertador de bloques. Esto mostrará todos los bloques reutilizables. Estos son bloques a los que ha aplicado determinado estilo y que se pueden reutilizar en otras entradas. Si actualiza un bloque reutilizable, los cambios se aplicarán en todas las entradas que hayan usado ese bloque.
Bloques de Texto
La sección Texto incluye todos los tipos básicos de bloques, tales como el bloque Párrafo, Encabezado, Lista, Clásico, Cita, etc.
Bloque Clásico
El bloque Clásico le permite agregar contenido de texto al sitio mediante la interfaz tradicional de TinyMCE. Uno de los beneficios de usar el bloque Clásico en lugar del bloque Párrafo es que puede introducir múltiples párrafos de texto en un mismo bloque. El bloque Clásico también le proporciona el útil icono ‘Pegar como texto’, a diferencia del bloque Párrafo. Esto le permite quitar todo el formato de un texto, tal como ocurre con el contenido copiado de un documento de Word o de otro sitio web. Como la interfaz anterior de TinyMCE en el editor clásico, el bloque Clásico también incluye un icono ‘Carácter especial’ para insertar símbolos como el de copyright (©), registrado (®), o marca registrada (™), semirrayas (–) o rayas (—) y otros caracteres útiles.
Bloque Código
El bloque Código le permite agregar un ejemplo de código en el contenido. El código que añada a este bloque no se ejecutará, es simplemente para presentar líneas de código dentro del contenido.
Bloque Encabezado
El bloque Encabezado le permite insertar un encabezado HTML en la entrada. De manera predeterminada, el encabezado será H2, pero puede cambiarlo con los íconos de la barra de herramientas del bloque o en la barra lateral de ajustes. Una vez añadido el texto al bloque, encontrará más opciones disponibles en la
barra lateral de ajustes. Puede cambiar el tamaño de la fuente, la altura de línea, el color del texto, el color de fondo y también puede añadir un anclaje HTML al encabezado, el cual le permite crear un enlace a esa parte específica de la página.
Bloque Lista
El bloque Lista le permite agregar listas ordenadas y sin ordenar (por ejemplo, viñetas) al contenido. Luego de insertar los elementos de la lista, puede seleccionar el icono apropiado en la barra de herramientas del bloque para cambiar entre una lista ordenada y sin ordenar. Si ha insertado una lista ordenada (a veces también conocida como lista numerada), también puede especificar el valor inicial para la lista y optar por
mostrar los números en orden inverso, con el conmutador Lista de numeración inversa, dentro de la barra lateral de ajustes.
Bloque Párrafo
El bloque Párrafo le permite introducir un párrafo de texto. Cada párrafo es un nuevo bloque así que cada vez que presione la tecla Enter para comenzar un párrafo nuevo, automáticamente se insertará un bloque Párrafo nuevo. Una vez añadido el contenido al bloque Párrafo, encontrará más opciones disponibles en la barra lateral de ajustes. Puede cambiar el tamaño del texto desde el menú desplegable Tamaño de fuente o el campo numérico que se encuentra a la derecha. El menú desplegable cuenta con algunos tamaños preseleccionados: Pequeño, Normal, Medio, Grande y Enorme. El tamaño exacto de estos y sus nombres dependerán del tema en uso. Si desea seleccionar un tamaño puntual en píxeles, puede usar el campo numérico para escribir el número exacto. Haga clic en el botón Restablecer para volver al valor predeterminado de tamaño de fuente.
Bloque Preformateado
El bloque Preformateado le permite agregar texto que respeta el espaciado y las tabulaciones, y por lo general se muestra en una fuente monoespaciado. Aunque este bloque puede parecer muy similar al bloque Código, el bloque Código debería ser usado únicamente para mostrar un fragmento de código informático, mientras que el bloque Preformateado puede ser cualquier texto.
Una vez añadido el contenido al bloque Preformateado, encontrará más opciones disponibles en la barra lateral de ajustes. Puede cambiar el tamaño del texto desde el menú desplegable Tamaño de fuente o
el campo numérico que se encuentra a la derecha, y también se pueden cambiar el color de fondo y color del texto.
Bloque Párrafo de cita
El bloque Párrafo de cita le permite resaltar un texto determinado. Los párrafos de cita son extractos cortos del contenido principal. Se usan para tomar un pasaje del contenido, para resaltarlo y proporcionar una ayuda visual a los lectores. Una vez añadido el contenido al bloque, puede seleccionar entre uno o dos estilos diferentes en el panel Estilos de la barra lateral de ajustes, o con un clic en el icono Cambiar tipo de bloque de la barra de herramientas del bloque. Si selecciona un estilo en la lista desplegable Estilo por defecto, cualquier bloque Párrafo de cita que añada en adelante usará ese estilo seleccionado de manera predeterminada. También puede cambiar el color principal y el color del texto.
Bloque Cita
El bloque Cita le permite agregar una cita textual junto con el nombre del autor. Una vez añadido el contenido al bloque Cita, puede seleccionar entre uno o dos estilos diferentes en el panel Estilos de la barra lateral de ajustes, o con un clic en el icono Cambiar tipo de bloque de la barra de herramientas del bloque. Si selecciona un estilo en la lista desplegable Estilo por defecto, cualquier bloque Cita que añada en adelante usará ese estilo seleccionado de manera predeterminada.
Bloque Tabla
El bloque Tabla le permite agregar una tabla HTML en el contenido. Una tabla es un conjunto de datos estructurados compuesta por filas y columnas. Una vez añadido el contenido al bloque, encontrará más opciones disponibles en la barra lateral de ajustes. Cuando inserte un bloque Tabla por primera vez, se le
pedirá que elija el número de columnas y filas que desee. Si necesita agregar o borrar columnas o filas, use las opciones disponibles debajo del icono de la barra de herramientas Editar tabla. También puede seleccionar un estilo para la tabla. La tabla se mostrará sin color de manera predeterminada, pero es posible sombrear cada fila alternativa con un gris claro si elige el estilo Franjas. Esto puede hacer más fácil la lectura de la tabla, en especial cuando contiene una gran cantidad de datos. Si selecciona un estilo de
la lista desplegable Estilo por defecto, cualquier bloque Tabla que añada en adelante usará ese estilo seleccionado de manera predeterminada.
Bloque Verso
El bloque Verso le permite agregar poesía o letras de canciones en el contenido. El bloque Verso es casi idéntico al bloque Preformateado en cuanto a que respeta el espaciado y las tabulaciones. Una vez añadido el contenido al bloque Verso, encontrará más opciones disponibles en la barra lateral de ajustes. Puede cambiar el tamaño del texto desde el menú desplegable Tamaño de fuente o el campo numérico que se encuentra a la derecha, y también se pueden cambiar el color de fondo y color del texto.
Bloques de medios
La sección de medios contiene todos los tipos de bloques de imágenes y archivos de medios, tales como el bloque Imagen, Galería, Audio, Fondo, etc.
Bloque Audio
El bloque Audio le permite incrustar un reproductor de audio simple dentro del contenido. Luego de insertar el bloque de audio, haga clic en el botón Subir para subir un nuevo archivo de audio a la biblioteca de medios, o haga clic en el botón Biblioteca de medios para seleccionar un archivo que haya subido previamente. Si hace clic en el botón Insertar desde URL, podrá seleccionar un archivo multimedia que exista en alguna otra ubicación. También puede arrastrar y soltar el archivo dentro del bloque y WordPress lo subirá e insertará en el bloque de manera automática. Una vez añadido el archivo de audio al bloque, encontrará más opciones disponibles en la barra lateral de ajustes. Puede seleccionar Reproducción automática para que el archivo comience a reproducirse automáticamente, y puede seleccionar Repetir para que el audio se reproduzca de manera continua.
Bloque Fondo
El bloque Fondo le permite añadir una imagen o vídeo dentro del contenido con una superposición de color opcional y un texto. El bloque Fondo es muy bueno para los encabezados de página. Después de agregar la imagen o vídeo, puede añadir texto al bloque con un clic en el marcador de posición del bloque Párrafo predeterminado que está insertado en el bloque Fondo. Si necesita más de una línea de texto, puede insertar otros bloques antes o después del bloque Párrafo predeterminado. Luego de añadir la imagen o vídeo al bloque, encontrará más opciones disponibles en la barra lateral de ajustes. Si selecciona la opción Fondo fijo se establece la imagen o vídeo como imagen/vídeo de fondo. Esto hará que al desplazar la página el fondo quede fijo. Cuando esta opción no está seleccionada, la imagen o vídeo simplemente se desplazarán junto con el resto del contenido en la página. El Selector del punto focal le permite cambiar la alineación de la imagen, y el lugar donde estará el punto de enfoque principal. Dependiendo del tamaño de la imagen y cómo se muestra en el tema, puede que no note mucha diferencia al cambiar esto. También puede seleccionar un color de superposición al elegir uno de los colores de muestra o un color personalizado. Use el control deslizante de Opacidad de fondo para cambiar la opacidad del color seleccionado. Esto hará que sobre la imagen o vídeo se vea una capa de color superpuesta que ayuda a que el texto tenga un mayor contraste.
Bloque Archivo
El bloque Archivo le permite crear un enlace de texto, con un botón opcional, a uno de los archivos subidos a la biblioteca, tales como PDF, o documentos de Word. Luego de insertar un bloque Archivo, haga clic en el botón Subir para subir un nuevo archivo a la biblioteca de medios, o haga clic en el botón Biblioteca de medios para mostrar la biblioteca y seleccionar un archivo que haya subido previamente. Una vez añadido el archivo al bloque, encontrará más opciones disponibles en la barra lateral de ajustes. Puede elegir enlazar al archivo de medios propiamente dicho, o a la página del adjunto de WordPress correspondiente a ese archivo. También puede escoger abrir el enlace en una pestaña nueva, al igual que mostrar un botón Descargar junto con el enlace. Puede cambiar el texto del botón haciendo clic en el botón y escribiendo el texto deseado.
Bloque Galería
El bloque Galería le permite añadir una galería de imágenes. Luego de insertar un bloque Galería, haga clic en el botón Subir para subir imágenes a la biblioteca de medios, o haga clic en el botón Biblioteca de medios para mostrar la biblioteca y seleccionar un archivo que haya subido previamente. Como alternativa, simplemente arrastre y suelte las imágenes nuevas en el bloque Galería; se subirán automáticamente a la biblioteca de medios y se insertarán en el bloque.
Una vez añadidas las imágenes al bloque, encontrará más opciones disponibles en la barra lateral de ajustes. Puede elegir el número de columnas en que se mostrará la galería. También puede optar por recortar las miniaturas para que se alineen de manera más pareja. Si usa el campo Enlazado a, podrá escoger enlazar cada imagen de la galería al archivo de medios propiamente dicho, o a la página del adjunto de WordPress correspondiente a ese archivo. Asimismo, puede elegir no usar ningún enlace en
la galería de imágenes. Puede añadir una leyenda a cada imagen cuando la sube a la biblioteca de
medios, o simplemente haciendo clic sobre cada imagen una vez esté dentro del bloque Galería, y escribiendo la leyenda en el campo provisto. También puede añadir una leyenda para toda la galería, introduciendo el texto dentro del campo ‘Escribe la leyenda de la galería’ en la parte inferior del bloque. La manera en que se muestran las leyendas dependerá del tema en uso.
Bloque Imagen
El bloque Imagen le permite añadir una de imagen en el contenido. Luego de insertar un bloque Imagen, haga clic en el botón Subir para subir una imagen a la biblioteca de medios, o haga clic en el botón Biblioteca de medios para mostrar la biblioteca y seleccionar un archivo que haya subido previamente. Como alternativa, puede hacer clic en el botón Insertar desde URL para introducir la URL de la imagen que quiera mostrar. También puede arrastrar y soltar la imagen en el bloque Imagen, la cual se subirá automáticamente a la biblioteca de medios y se insertará en el bloque. Puede agregar un enlace a la imagen con el icono Insertar enlace de la barra de herramientas del bloque. Puede enlazar la imagen al archivo de medios propiamente dicho, a la página del adjunto de WordPress correspondiente a ese archivo, o introducir una URL personalizada para el enlace en el campo de edición provisto.
Una vez añadida la imagen al bloque, encontrará más opciones disponibles en la barra lateral de ajustes.
Allí podrá agregar el texto alternativo a la imagen desde el campo Texto alt. También puede seleccionar un estilo para la imagen, la cual se mostrará con esquinas cuadradas de manera predeterminada, pero tendrá otra opción para mostrar la imagen con las esquinas redondeadas. Si selecciona un estilo en la lista
desplegable Estilo por defecto, cualquier bloque Imagen que añada en adelante usará ese estilo seleccionado de manera predeterminada. Si quiere cambiar el tamaño de la imagen, existen varias maneras de hacerlo. Puede usar los campos Anchura y Altura para asignar el ancho exacto en píxeles de la imagen, o puede usar los botones de porcentaje (por ejemplo, 25%, 50%, 75%, 100%) para cambiar el ancho de acuerdo con esas proporciones. Como alternativa, también puede seleccionar el tamaño del campo desplegable Tamaño de la imagen. Los tamaños predeterminados de WordPress están disponibles para seleccionar (por ejemplo, Miniatura, Mediano, Grande o Completo), y dependiendo del tema en uso, pueden figurar otros tamaños. También puede cambiar el tamaño de la imagen arrastrando alguno de los
controles de redimensionamiento, dentro del bloque. Simplemente coloque el cursor sobre uno de los puntos azules que aparecen en los bordes de la imagen y luego haga clic y arrastre la imagen para llevarla al tamaño deseado. Cuando redimensione las imágenes, siempre es mejor reducir el tamaño y no
aumentarlo. Si añade una imagen pequeña al bloque y luego la agranda, la imagen se presentará pixelada y no tendrá nitidez al verla en la página. Para mostrar una leyenda de texto al pie de la imagen, haga clic en la sección Añadir una leyenda… que se encuentra justo debajo de la imagen y escríbala. También está disponible la edición básica de la imagen, con un clic en el botón Recortar de la barra de herramientas del bloque. Luego de hacer clic en Recortar, verá tres iconos extra que le permitirán hacer zoom en la imagen,
cambiar la relación de aspecto y rotar la imagen. Después de hacer cualquiera de estos cambios, haga clic en el botón Aplicar para guardarlos, o en el botón Cancelar para omitirlos.
Para añadir texto sobre la imagen, haga clic en el icono Añadir texto encima de la imagen de la barra de herramientas del bloque. El bloque de imagen se convertirá a un bloque Fondo, el cual le permite agregar un texto superpuesto sobre la imagen. Si decide que ya no necesita el texto en la imagen, puede eliminar el bloque Párrafo que se ha insertado sobre la imagen, aunque el bloque seguirá siendo un bloque Fondo. Si quiere volver al bloque Imagen original, deberá usar el icono Cambiar tipo o estilo de bloque para convertirlo nuevamente en imagen. Al hacer clic en el icono Aplicar filtro de duotono podrá añadir un filtro
coloreado sobre la imagen. Los filtros duotono afectan las sombras y resaltados de la imagen y funcionan mejor sobre imágenes de alto contraste.
Bloque Medios y texto
El bloque Medios y texto le proporciona una manera sencilla de agregar un diseño de dos columnas que consiste en una porción de texto y un archivo de medios, que puede ser una imagen o un vídeo. Tiene la opción de mostrar el archivo en la parte izquierda o derecha, con los iconos Mostrar medios a la izquierda o Mostrar medios a la derecha ubicados en la barra de herramientas del bloque. La columna de texto puede contener cualquier otro bloque, como Párrafo, Encabezado, Lista o Botón, entre otros. Una vez añadido el contenido al bloque, hay más opciones en la barra lateral de ajustes, como apilar el contenido cuando se ve en dispositivos móviles (por ejemplo, medios arriba del contenido o viceversa, dependiendo del diseño que haya escogido).
Bloque Video
El bloque Vídeo le permite agregar un vídeo al contenido. Puede seleccionar un vídeo que ya haya subido a la biblioteca de medios, o puede subir uno nuevo. También puede especificar la URL del vídeo si la conoce. Al igual que con los bloques Galería e Imagen, puede arrastrar y soltar el vídeo sobre el bloque, el cual se subirá automáticamente a la biblioteca de medios y se insertará en el bloque.
Para mostrar una leyenda debajo del vídeo, haga clic en la sección Añadir una
leyenda… justo debajo del vídeo y escriba allí el texto.
Una vez añadido el contenido al bloque Vídeo, encontrará más opciones disponibles en la barra lateral de ajustes. Puede establecer que el vídeo se reproduzca de manera automática y en repetición continua, así como también enmudecer el sonido. Otros ajustes incluyen ocultar los controles del vídeo (por ejemplo los botones Reproducir/Pausar y Pantalla completa), y especificar una imagen de póster para el vídeo. Esta última opción es muy útil si el vídeo no incluye una imagen de miniatura propia. Es importante destacar que este bloque es distinto de los bloques incrustados de YouTube y Vimeo. Si desea incrustar un vídeo de YouTube o Vimeo debe usar los bloques respectivos. Si intenta pegar una URL de YouTube o Vimeo en un bloque Vídeo, se convertirá automáticamente en el bloque incrustado que corresponda a uno u otro servicio. Lo mismo ocurrirá para otras plataformas de vídeo como VideoPress: si trata de insertar una URL de VideoPress en el Bloque Vídeo, este se convertirá automáticamente en un bloque incrustado VideoPress. Si el bloque se convierte en uno de estos bloques incrustados, no contará con las mismas
opciones disponibles en la barra lateral de ajustes que incluye el bloque Vídeo.
Bloques de diseño
La sección de diseño incluye bloques de contenido más específicos, usados principalmente para resaltar la apariencia de la página, tales como Botones, Columnas, Grupo, etc. Esta sección también trae el agregado de algunos nuevos bloques en preparación para las características de edición completa del sitio (Full Site Editing, FSE) que llegarán en breve a WordPress. Algunos de estos bloques no serán tan útiles por el momento, pero sí lo serán cuando el tema y WordPress permitan editar las plantillas del sitio con esa funcionalidad que actualmente se encuentra en desarrollo. La mayoría de estos bloques más nuevos, tales como el bloque Título del sitio o Logotipo del sitio, por ejemplo, son más adecuados para incluir en las
plantillas del sitio que en las páginas o entradas individuales.
Bloque Título del archivo
El bloque Título del archivo mostrará el nombre de la categoría, etiqueta u otra taxonomía en las páginas de archivo del tema. Este bloque solo será útil una vez que pueda editar las plantillas del tema y solo se mostrará en las páginas de archivo.
Una vez añadido el bloque, encontrará más opciones disponibles en la barra lateral de ajustes, como el tamaño y color de fuente y el color de fondo. También puede seleccionar el nivel de encabezado (H1-H6) para el título desde la barra de herramientas del bloque.
Bloque Botones
El bloque Botones le permite agregar fácilmente uno o más botones con enlaces HTML en el contenido. Cuando añade el bloque por primera vez se insertará un botón individual dentro del contenido. Puede añadir más botones en el bloque con un clic en el icono Añadir botón ( ). Una vez insertado el botón,
simplemente selecciónelo con un clic para escribir el texto. También puede hacer clic en el icono Enlace ( ) de la barra de herramientas para usar un enlace en el botón. Una vez añadidos los botones al bloque, si selecciona cada uno de manera individual podrá cambiar más opciones en la barra lateral de ajustes. Tendrá varios estilos de botón distintos de los cuales elegir, junto con los colores, tanto del botón como del texto. Si selecciona un estilo de la lista desplegable Estilo por defecto, cualquier bloque Botón que añada en adelante usará ese estilo seleccionado de manera predeterminada. Si desea que el enlace del botón se abra en una nueva pestaña del navegador, active el interruptor Abrir en una nueva pestaña.
Si selecciona el contenedor exterior del bloque Botones (en lugar de un bloque individual Botón), también puede transformarlo de una fila horizontal de botones a una columna vertical.
Bloque Columnas
El bloque Columnas le permite insertar una fila con múltiples columnas. Al insertar el bloque por primera vez, se le pedirá elegir un diseño entre los diseños más usados. Puede optar por saltear este paso y tendrá el diseño predeterminado, que incluye dos columnas al 50% de ancho. Luego de añadir un bloque Columnas, podrá agregar los bloques que desee, dentro de las columnas que haya elegido. El bloque Columnas es útil para hacer diseños más interesantes con el contenido, en lugar de la típica columna única de texto que permitía el Editor clásico. Podrá seleccionar el número de columnas dentro del bloque usando el control deslizante presente en la barra lateral de ajustes. Si selecciona una columna individual dentro del bloque Columnas, puede cambiar el ancho con el control deslizante Porcentaje de anchura de la barra lateral de ajustes. Cuando tiene múltiples bloques anidados dentro de otros, seleccionar el bloque
deseado a veces puede resultar algo complicado. Por ejemplo, si se selecciona el bloque Columna exterior, al tener un bloque Párrafo dentro de un bloque Columna. Si le resulta difícil seleccionar el bloque correcto, intente seleccionar el bloque que desea mediante las migas de pan de los bloques que aparecen en la
parte inferior de la página. Las migas de pan aparecerán cada vez que tenga seleccionado un bloque, y listarán todos los bloques superiores para el bloque actualmente seleccionado.
Bloque Grupo
El bloque Grupo presenta una forma de agrupar múltiples bloques juntos. Esto puede ser útil si desea añadir estilos personalizados a ciertas secciones de bloques dentro de la página, o si simplemente quiere usar un color de fondo para varios bloques juntos. Luego de añadir un bloque Grupo, podrá insertar dentro la cantidad de bloques que necesite, tales como Encabezado, Párrafo o Imagen, por solo mencionar algunos. Una vez añadido el contenido al bloque, encontrará más opciones disponibles en
la barra lateral de ajustes, entre ellas seleccionar el color de fondo para el grupo. Cuando tiene múltiples bloques anidados dentro de otros, seleccionar el bloque deseado a veces puede resultar algo complicado. Por ejemplo, si se selecciona el bloque Grupo exterior, al tener un bloque Párrafo dentro de un bloque Columna, dentro de un bloque Grupo. Si le resulta difícil seleccionar el bloque correcto, intente seleccionar el bloque que desea mediante las migas de pan de los bloques que aparecen en la parte inferior de la página. Las migas de pan aparecerán cada vez que tenga seleccionado un bloque, y listarán todos los bloques superiores para el bloque actualmente seleccionado.
Bloque Más
El bloque Más le permite agregar una etiqueta More en el contenido. La mayoría de las páginas de archivo (por ejemplo, la página del blog) solo muestran un extracto corto de una entrada y luego proveen un enlace “Leer más” para seguir leyendo el resto del artículo. Cuando inserta un bloque Más en el contenido, todo el texto que esté antes de esta etiqueta se considerará como el extracto. La mayoría de las veces solo usará este botón cuando esté creando una entrada del blog, en lugar de una página. Solo puede insertar un bloque Más en cada página o entrada. Si necesita cambiar el texto del enlace “Leer más…”, haga clic en el texto dentro del bloque y cámbielo por el que desee mostrar. Para volver al texto predeterminado que muestra el tema, simplemente elimine todo el texto del bloque y guarde la página o entrada.
Bloque Salto de Página
El bloque Salto de página le permite cortar el contenido en varias páginas. Esto es ideal si la página tiene una gran cantidad de texto. Luego de añadir un bloque Salto de página, el contenido publicado mostrará enlaces de navegación para cada una de las páginas.
Bloque Categorías de las entradas
El bloque Categorías de las entradas le permite mostrar una lista de las categorías de la entrada actual. Cada categoría está separada por una barra vertical, e incluirá un enlace a la página de archivo de esa categoría individual. Este bloque solo funcionará dentro de las entradas (no en las páginas), y será más útil cuando sea posible editar las plantillas del tema. Una vez añadido el bloque, encontrará más opciones disponibles en la barra lateral de ajustes, entre ellas seleccionar el tamaño y color de fuente, y el color de
fondo.
Bloque Etiquetas de las entradas
El bloque Etiquetas de las entradas le permite mostrar una lista de las etiquetas de la entrada actual. Cada etiqueta está separada por una barra vertical, e incluirá un enlace a la página de archivo de esa categoría individual. Este bloque solo funcionará dentro de las entradas (no en las páginas), y será más útil cuando sea posible editar las plantillas del tema. Una vez añadido el bloque, encontrará más opciones disponibles en la barra lateral de ajustes, entre ellas seleccionar el tamaño y color de fuente, y el color de
fondo.
Bloque Separador
El bloque Separador le permite agregar un separador horizontal en el contenido. Los separadores representan un quiebre temático entre párrafos y por lo general se usan para cambiar la escena de una historia o de tópico en un contenido. Una vez añadido el bloque Separador, puede usar el panel de Estilos de la barra lateral de ajustes para cambiar su apariencia. Si selecciona un estilo de la lista desplegable Estilo por defecto, cualquier bloque Separador que añada en adelante usará ese estilo seleccionado de manera predeterminada.
Bloque Logotipo del sitio
El bloque Logotipo del sitio le permite agregar o actualizar el logo para el sitio web. Al añadir este bloque al contenido se mostrará la imagen del logo y será más útil una vez que pueda editar las plantillas del tema. Una vez añadido el bloque, encontrará más opciones disponibles en la barra lateral de ajustes, entre ellas cambiar el estilo, modificar el tamaño de visualización y agregar automáticamente un enlace a la página de inicio. También puede ajustar las dimensiones arrastrando los puntos que aparecen sobre el logo una vez seleccionado.
Bloque Descripción corta del sitio
El bloque Descripción corta del sitio le permite agregar o actualizar el eslogan del sitio web. Al añadir este bloque al contenido se mostrará la descripción corta del sitio y será más útil una vez que pueda editar las plantillas del tema. La descripción corta del sitio, o eslogan, describe en pocas palabras de qué trata el
sitio. A veces se muestra en la cabecera del sitio, cerca del logotipo, pero dependerá por completo del tema en uso. Esta descripción a veces también se usa para la SEO y puede ser mostrada en los resultados de búsqueda o en la pestaña del navegador. La descripción corta del sitio también se puede cambiar desde la página Ajustes > Generales. Una vez añadido el bloque, encontrará más opciones disponibles en la barra lateral de ajustes, entre ellas el tamaño y color de fuente, y el color de fondo.
Bloque Título del sitio
El bloque Título del sitio le permite agregar o actualizar el título del sitio web. Al añadir este bloque al contenido se mostrará el título del sitio y será más útil una vez que pueda editar las plantillas del tema. El título del sitio incluye automáticamente un enlace a la página de inicio. El título del sitio es básicamente el nombre del sitio web. Muy a menudo se muestra en la cabecera, si no ha subido un logotipo, pero dependerá por completo del tema en uso. El título también se usa para la SEO y puede ser mostrado en los resultados de búsqueda o en la pestaña del navegador. El título del sitio también se puede cambiar desde la página Ajustes > Generales. Una vez añadido el bloque, encontrará más opciones disponibles en la barra lateral de ajustes, entre ellas el tamaño y color de fuente, y el color de fondo.
Bloque Espaciador
El bloque Espaciador le permite agregar un espacio en blanco entre bloques. Una vez añadido el bloque Espaciador, podrá establecer la altura en píxeles con el control de la barra lateral de ajustes, o haciendo clic y arrastrando el pequeño círculo dentro del bloque.
Esperamos que este material haya sido de ayuda. Si tienes dudas o necesitas asesoramiento no dejes de consultarnos que sin duda podremos ayudarte.
¡Hasta la próxima!
El Equipo de Ingenioinc.com
