• Ir a navegación principal
  • Ir al contenido principal
  • Ir a la barra lateral primaria

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
Inicio / Tutoriales / Core / Contenido de relleno para probar Gutenberg
Anuncio banner webservi

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

  • Exportar / importar  la configuración del personalizador de temas en WordPressExportar / importar la configuración del personalizador de temas en WordPress
  • Personalizar página de gracias de WooCommercePersonalizar página de gracias de WooCommerce
  • Configura el tema Twenty Twenty One WordPressConfigura el tema Twenty Twenty One WordPress
  • Abrir enlaces externos en un nuevo tab automáticamenteAbrir enlaces externos en un nuevo tab automáticamente
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 primaria

Presentación

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
Los 5 posibles errores que estas cometiendo cuando trabajas con código en WordPress

Niveles

Básico Intermedio Avanzado

Etiquetas

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

Populares

Redireccionar las páginas de adjuntos en WordPress

Konami personalizado en tu sitio WordPress sin usar plugins

Cómo usar el Modo de Recuperación de WordPress

Leer más y Extracto en WordPress

Recientes

  • Exportar / importar la configuración del personalizador de temas en WordPress
  • Personalizar página de gracias de WooCommerce
  • Configura el tema Twenty Twenty One WordPress
  • Abrir enlaces externos en un nuevo tab automáticamente
alojamiento wordpress

© logo decode pie Copyright 2021 | Todos los derechos reservados | Política de Privacidad