• 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

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

editor

Suscríbete a DecodeCMS:  

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

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Mostrar contenido solo a usuarios que compraron un producto en WooCommerceMostrar contenido solo a usuarios que compraron un producto en WooCommerce
  • Optimizar la carga de Javascript en WordPress con Async y DeferOptimizar la carga de Javascript en WordPress con Async y Defer
  • Agregar Iconos Font Awesome en el menú de WordPressAgregar Iconos Font Awesome en el menú de WordPress
  • Deshabilitar métodos de pago en WooCommerce según el total de pedidoDeshabilitar métodos de pago en WooCommerce según el total de pedido
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

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

Omnisend
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

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

Populares

5 Temas para la Administración de WordPress

Propiedades avanzadas de menú en WordPress

Qué debes tener en cuenta para modificar código en WordPress

Leer más y Extracto en WordPress

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