Ahorra tiempo con Gutenberg

Ahorra tiempo con Gutenberg en WordPress

Podemos escribir en columnas y con la letra capital

Ahorra tiempo con Gutenberg. Bloques preprogramados con multitud de funciones que tenías que hacer con plugins o un constructor de páginas. 

Podrás crear columnas, imágenes de fondo con texto sobrepuesto, letra capital,  listas, galerías de imágenes. Podrás insertar vídeos, audio y ficheros. Títulos y subtítulos, código, tablas y módulos preformateados.


Este es el ejemplo de una galería de imágenes

Como puedes ver esta galería que trae Gutenberg es mucho más versátil que las que trae WordPress por defectos. Este es un módulo que tiene muchas posibilidades de mejora y de tener mejores capacidades. 


Ejemplo del módulo para publicar código

<h2> Esto es un ejemplo de cómo funciona el módulo de código</h2>
/* Ejemplo de ajustes a Contact Form 7 */
/* Establecemos el tamaño del texto */
.wpcf7-form p{
		font-size:.7em!important;
	color:#ff0000
}
/* Fin del tamaño del texto*/
/* reajustamos espaciado y redondeamos esquinas*/
.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea { 
    border-radius: 4px; 
    padding: 0px 5px;
    }
/* Damos un poco de color al botón de acorde con nuestro tema*/
.wpcf7-form .wpcf7-submit { 
    background-color: #ff0000; 
    padding: 10px 40px;
    width:100%; /* Hay a quien le gusta (como a mi), que el botón ocupe todo el ancho del formulario, sino, sólo tienes que borrar esta línea*/
}
/* Establecemos el comportamiento del hover */
.wpcf7-form .wpcf7-submit:hover{ 
 	background-color: blue;
    }

Puedes crear módulos personalizados como este que crea notas destacadas


“Este es el bloque que formatea el texto para crear una cita que queramos incluir en nuestro texto. Sic transic gloria mundi”


También te permite incluir widgets entre el texto, como este de los últimos post

También se espera una gran mejoría como la posibilidad de mostrar la imagen destacada junto a la entrada, efectos hover, etc. 

Lo mismo podemos hacer con las categorías de nuestro blog.


Ahora insertamos una tabla en nuestro texto

Número de impresionesClicksFecha 
4123710/08/2018
3543512/08/2018
6014116/08/2018

También puedes incrustar vídeos desde más de 34 fuentes (por ahora)

Ponencia de Mauricio Gelves en la WordCamp de Chiclana de 2017.

Estas son solo algunas de las características que trae Gutenberg en su primera versión. Cómo veis son una gran cantidad de pequeñas funcionalidades que le hacen la vida verdaderamente fácil a quienes creamos contenido.

Seguiremos investigando su potencialidad  en nuevos posts


¡Suscríbete a nuestra newsletter!

suscríbete