TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

12 consejos de Gutenberg para WordPress

4

Ha pasado casi un año que WordPress cambió el editor clásico y presentó el controvertido editor Gutenberg. Hay más de 5 millones de usuarios que todavía se aferran al complemento Classic Editor para continuar creando contenido a la antigua. Además, también hay muchos complementos para deshabilitar el editor de Gutenberg en la instalación de WordPress. Sin embargo, esto no puede ir demasiado lejos, ya que muchos desarrolladores de complementos y temas comienzan a crear bloques para que Gutenberg integre las funciones. Yoast es uno de los buenos ejemplos que apoya a Gutenberg desde el principio. Tampoco tiene sentido tener complementos para deshabilitar la función principal de WordPress. En este artículo, permítanos explicarle consejos útiles de Gutenberg para que pueda cambiar a este editor de forma permanente.

Consejos de Gutenberg para WordPress

Si planea quedarse con WordPress por más tiempo, entonces el futuro es Gutenberg y debe comenzar a usarlo de manera efectiva olvidando las probabilidades.

  • Usar atajos de teclado
  • Personalizar el administrador de bloques
  • Opciones de escritura sin distracciones
  • Crea bloques de llamado a la acción
  • Bloques reutilizables
  • Contenido duplicado
  • Deshabilitar las comprobaciones previas a la publicación
  • Editar elementos como HTML
  • Usar bloques de widgets
  • Ver nuevas funciones
  • dejar de usar complementos de creación de páginas
  • Historias de AMP

1 atajos de teclado de Gutenberg

Los antiguos atajos de teclado con el editor clásico ya no funcionarán con el editor de Gutenberg. Puede obtener rápidamente todos los atajos de teclado de Gutenberg disponibles presionando las teclas "Control + Alt + H". Alternativamente, vaya a "Mostrar más herramientas y opciones (botón de tres puntos)> Atajos de teclado".

Puede obtener una útil ventana emergente que mostrará todos los atajos.

12 consejos de Gutenberg para WordPress

Ver atajos de teclado de Gutenberg

2 Utilice el Administrador de bloques

Gutenberg tiene muchos bloques predeterminados categorizados en diferentes grupos. Sin embargo, puede resultar molesto tener tantos bloques cuando no es necesario utilizar muchos de ellos. El mejor ejemplo son los " Embeds " que tienen más de 30 bloques.

12 consejos de Gutenberg para WordPress

Bloques de incrustaciones de Gutenberg

Estamos bastante seguros de que no es necesario que sigas mostrando todas estas opciones de incrustación cada vez que intentas buscar un bloque. Haga clic en el botón "Mostrar más herramientas y opciones" (tres puntos) en la esquina superior derecha y seleccione "Administrador de bloques" en la sección "Herramientas".

12 consejos de Gutenberg para WordPress

Administrador de bloques en Gutenberg

Esto abrirá una ventana emergente que muestra todos los bloques disponibles en su sitio. Marque y deshabilite los bloques que no desea usar en su sitio.

12 consejos de Gutenberg para WordPress

Deshabilitar los bloques de Gutenberg en el Administrador de bloques

3 Escritura sin distracciones

Gutenberg ofrece múltiples formas de utilizar la escritura sin distracciones y concentrarse en su trabajo.

  • De forma predeterminada, muestra las opciones de formato relevantes solo cuando hace clic en el elemento.
  • Haga clic en "Mostrar más herramientas y opciones", las opciones parecen tres puntos verticales en la esquina superior derecha y seleccione "Modo de pantalla completa" para ver el editor en modo de pantalla completa.
  • La opción "Modo de foco" le ayudará a enfocar solo el elemento en el que está trabajando actualmente. Esto es útil cuando tiene que concentrarse en crear una lista o escribir un párrafo extenso.
  • Haga clic en el icono de configuración del engranaje que se muestra en la parte superior derecha para mostrar u ocultar el documento o el panel de bloques en el lado derecho.

4 Utilice el llamado a la acción

Gutenberg tiene funciones muy útiles que no estaban disponibles con el antiguo editor clásico. Puede agregar fácilmente colores al fondo y al texto del párrafo para crear un atractivo cuadro de llamado a la acción. No es necesario modificar ningún CSS ni utilizar complementos de terceros para este propósito.

12 consejos de Gutenberg para WordPress

Agregar un llamado a la acción en el editor de Gutenberg

Del mismo modo, puede agregar botones y personalizar con diferentes fondos dentro del editor.

5 bloques reutilizables

Una de las bellezas del uso de Gutenberg son los bloques reutilizables. Puede personalizar un párrafo, botón o lista y hacer clic en el botón de opciones de tres puntos para ese elemento. Elija "Agregar a bloques reutilizables" y proporcione el nombre para ese bloque.

12 consejos de Gutenberg para WordPress

Agregar bloque reutilizable en Gutenberg

Más tarde, en cualquier momento, puede insertar el bloque reutilizable en cualquier publicación de su sitio. Puede modificar localmente esa publicación o usarla como un elemento global.

12 consejos de Gutenberg para WordPress

Insertar bloques reutilizables

Usamos los bloques reutilizables para insertar enlaces de afiliados en todo el sitio. Con unos pocos clics podemos actualizar o modificar el bloque reutilizable con diferente contenido que aparece en varias publicaciones.

6 bloques de duplicación

De manera similar a los bloques reutilizables, puede duplicar fácilmente un bloque en la misma publicación y reutilizarlo. Digamos que si ha personalizado un bloque de botones, puede duplicar el mismo botón y actualizar el texto / enlace. Haga clic en el botón "Más opciones" para ese elemento y elija la opción "Duplicar" para crear una copia.

7 Deshabilitar las comprobaciones previas a la publicación

WordPress le pedirá que confirme y sugiera antes de publicar una publicación cada vez. Sin embargo, puede deshabilitar esta verificación previa a la publicación si cree que es molesto. Vaya a "Mostrar más herramientas y opciones> Opciones" y desmarque "Habilitar comprobaciones previas a la publicación". Alternativamente, también puede deshabilitar la marca al publicar una publicación.

12 consejos de Gutenberg para WordPress

Desactivar la comprobación previa a la publicación

8 Editar elementos como HTML

Anteriormente, con el editor clásico, debe alternar el modo visual y de texto para editar el código fuente HTML en el editor. Este es un proceso similar en Gutenberg que puede cambiar entre el código y los editores visuales usando el atajo de teclado o desde el panel de opciones. Además, también puede editar fácilmente el código HTML de cualquier elemento por separado. Haga clic en el icono "Más opciones" en el elemento y elija "Editar como HTML" para ver el código. Puede cambiar al modo normal seleccionando la opción "Más opciones> Editar visualmente". Esto es útil cuando desea agregar nofollow a hipervínculos dentro del editor.

9 Usar bloques de widgets

La categoría " Widgets " contiene muchos bloques útiles que antes no eran posibles. Puede insertar los últimos comentarios, las últimas publicaciones, archivos, calendario, categorías, RSS, búsqueda, nube de etiquetas y shortcode dentro del contenido de la publicación.

12 consejos de Gutenberg para WordPress

Bloques de widgets de Gutenberg

Además, también puede insertar HTML personalizado dentro del contenido de la publicación utilizando el bloque "HTML personalizado" disponible en los bloques "Formato".

10 Utilice nuevas funciones

Hay muchas funciones nuevas disponibles en Gutenberg. Puede intentar durante unas semanas cambiar del editor clásico y creemos que es posible que no regrese en ningún momento.

  • El bloque de párrafo tiene una opción de "Letra capital" para hacer la primera letra con estilo de letra mayúscula.
  • Puede agregar una clase CSS adicional a cualquier elemento individual y agregar las definiciones de estilo CSS en la sección "Apariencia> Personalizar> CSS adicional".
  • Cambie elementos de un párrafo a una lista y convierta muchos otros.
  • Cree tablas simples, rayadas y de ancho fijo usando el bloque "Tablas".
  • Utilice los bloques "Columnas" y "Portada" para crear contenido que no era posible con el editor clásico.

11 Deje de usar complementos de Page Builder

A diferencia de muchas personas que maldicen, Gutenberg definitivamente tiene muchas cosas positivas. Muchos de los que odian a Gutenberg utilizan los complementos de creación de páginas personalizados como Visual Composer, Elementor o SiteOrigin page builder. Aunque estos complementos son útiles, el contenido creado con estos complementos de creación de páginas funcionará solo cuando el complemento esté activo en su sitio. En el momento en que desactive el complemento, el contenido se volverá ilegible en la interfaz. Y es una tarea desalentadora migrar el contenido de estos complementos de creación de páginas.

Por lo tanto, recomendamos encarecidamente no utilizar complementos personalizados para crear cientos de publicaciones. Puede usar Gutenberg o usar complementos personalizados para crear solo unas pocas páginas que se pueden actualizar fácilmente.

12 historias de AMP

Si está utilizando la versión del complemento AMP y Gutenberg, las últimas historias de AMP pueden ser una opción muy atractiva para usted. Le ayuda a crear contenido amigable para dispositivos móviles de página completa para mostrarlo a sus lectores.

Conclusión

Si no está convencido o no está acostumbrado al editor clásico antiguo, Gutenberg también ofrece un bloque "Clásico" en la sección "Formateo". Le recomendamos que deje de usar su creador de páginas favorito y que se concentre en usar Gutenberg como su editor predeterminado. Esto le ayudará a familiarizarse con los nuevos cambios que vendrán con futuras actualizaciones de WordPress.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More