• 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

  • Ajax sin usar jQuery en WordPressAjax sin usar jQuery en WordPress
  • Eliminar el selector de idioma en el acceso a WordPressEliminar el selector de idioma en el acceso a WordPress
  • Subcategorías en formato horizontal en página de categorías de WooCommerceSubcategorías en formato horizontal en página de categorías de WooCommerce
  • Atributos como parte de la descripción del producto en WooCommerceAtributos como parte de la descripción del producto en WooCommerce
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

Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

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

Populares

Qué son los Plugins Dependientes en WordPress

Aprende a usar Taxonomías en WordPress

Cómo duplicar un Widget en WordPress con Javascript

Cómo usar la REST API de WooCommerce

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