• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
  • Acceder
    • Mis cursos
    • Mi Cuenta
    • Acceder
Inicio / Tutoriales / Core / Contenido de relleno para probar Gutenberg

Contenido de relleno para probar Gutenberg

Contenido de relleno para probar Gutenberg

[ 11 diciembre 2018 ] [ Autor: Jhon Marreros Guzmán ][ Core - Básico] [ ]

editor

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Gutenberg ya esta aquí, es un cambio importante que nos trae WordPress 5.0, sin embargo es posible que quieras ir probando la funcionalidad de este nuevo editor antes de hacer el cambio final, en este artículo veremos cómo agregar contenido de relleno basado en bloques para que puedas testear Gutenberg.

 

1- Tener Gutenberg Instalado

Gutenberg viene por defecto a partir de la versión 5.0 de WordPress. Te recomiendo instalar un nuevo sitio web con WordPress 5.x , o actualizar un sitio existente de pruebas a la versión más reciente de WordPress.
 

2- Cambiar a vista de código

Al crear una entrada o página, verás que por defecto te aparecerá el nuevo editor Gutenberg, agrega algún título, y para agregar el contenido de relleno, cambia antes a la vista de editor de código, tal como se ve en la siguiente imagen.

Vista código editor Gutenberg

 

3- Usando el código de relleno

Selecciona el siguiente código, también puedes usar este enlace del código en formato raw , de esta manera podrás seleccionar el texto más fácilmente.

 
Pega el código en el cuadro de contenido, tal como se muestra en la siguiente imagen:

Entrada vacía para pegar código

 

4- Resultado Final

Una vez hayas pegado el código, puedes volver a la vista de diseño, al final obtendrás algo similar a lo que se muestra en la siguiente imagen.

contenido de relleno de bloques agregado

 

¿Aún con dudas?, en el siguiente video se explica con detalle los puntos anteriores

Suscríbete a DecodeCMS:  

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • CRUD en WordPress sin pluginsCRUD en WordPress sin plugins
  • Cómo eliminar todos los productos de WooCommerceCómo eliminar todos los productos de WooCommerce
  • Agrupar los resultados de búsqueda en WordPressAgrupar los resultados de búsqueda en WordPress
  • tipos de complementos de WordPress5 tipos de complementos de WordPress
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (2 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

Para escribir código envolver con: <pre class="language-xxx"><code> </code></pre> ,reemplaza las xxx (php, css, html)

*

* Gravatar habilitado

Barra lateral principal

Presentación

Curso Decodifica WordPress

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
¿Quieres agregar código a WordPress? Revisa las diferentes opciones que tienes.Ver más

Jooble
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

accesibilidad css dashboard editor error funcionalidad herramientas imagen js librería mejoras optimización seguridad social woocommerce

Populares

Mostrar el nombre del archivo que esta usando un theme

Cambiar la caja de cantidad a una lista desplegable en WooCommerce

Código para procesamiento por lotes en WordPress

Clases CSS basadas en el Rol de usuario en WordPress

© logo decode pie
Política de Privacidad | Política de devoluciones
Copyrigth 2023 Todos los derechos reservados