Hay decenas y decenas de maquetadores de páginas por ahí, y seguro que te estás preguntando: ¿qué tiene de especial Page Builder Sandwich? ¿Por qué querrías molestarte en usarlo si ya tienes uno en tus manos?
En este artículo, enumeraré un puñado de características clave de Page Builder Sandwich que lo hacen único y un imprescindible absoluto tanto para creadores de contenido como para diseñadores. Si no sabes qué es un maquetador de páginas y por qué lo necesitas, no te preocupes, tenemos contenido que puede ayudarte.
1. No solo verás una representación visual de tu contenido, sino que verás y editarás tu contenido real
En otros maquetadores de páginas, ves áreas que simplemente representan tu contenido. Principalmente maquetas tu contenido con bloques y formas rectangulares, y el resultado se parece más a una estructura de cómo se vería finalmente tu contenido en la página. Esto provoca que tengas que hacer clic constantemente en el botón de vista previa solo para ver cómo quedaría el resultado.
Con Page Builder Sandwich, toda la edición se realiza en el front-end de tu sitio y editas tu contenido directamente para disfrutar de una verdadera experiencia de lo que ves es lo que obtienes.
2. Edición directa rápida y sencilla sin todos esos molestos cuadros de diálogo emergentes
Las ventanas emergentes han sido un elemento básico en los maquetadores de páginas. En la mayoría, si quieres editar cualquier cosa en tu diseño, ya sea un encabezado, la etiqueta de un botón o un pequeño texto de eslogan, primero tendrías que esperar a que se abra un cuadro de diálogo emergente y realizar tus cambios dentro de él.
Nos hemos propuesto como objetivo minimizar el uso de ventanas emergentes en todos los aspectos de Page Builder Sandwich. Al eliminar las ventanas emergentes, editar cualquier contenido se vuelve más fácil y fluido que nunca.
La edición se realiza de forma directa: haz clic en el texto para situar el cursor y empieza a escribir. Ya no tienes que esperar a que aparezca un cuadro de diálogo emergente con un editor TinyMCE para empezar a editar. Lo mejor de todo es que sigues pudiendo arrastrar y soltar tu contenido de un lado a otro.
Otra innovación que facilita una edición sin complicaciones es el inspector, siempre presente. El inspector actúa como tu caja de herramientas y editor de propiedades. Las herramientas para dar formato a tu contenido: colores de texto, encabezados, ajustes del tamaño de fuente, márgenes, rellenos, bordes, citas en bloque y muchas más están a un simple clic de distancia.
3. Funcionalidad de WordPress reutilizada
Otra cosa que hemos notado en otros maquetadores de páginas es que a menudo reinventan la rueda. Algunos implementan sus propios selectores de color, cargadores de imágenes, creadores de galerías y otras herramientas diversas. No hay nada malo en esto de por sí, pero WordPress es un tesoro lleno de fragmentos de código, así que ¿por qué no utilizarlos?
WordPress es una plataforma enorme y maravillosa, y contiene un montón de herramientas geniales creadas por muchísimos colaboradores increíbles. Page Builder Sandwich utiliza tanto como sea posible la funcionalidad que ya viene integrada en WordPress.
En lugar de utilizar nuestro propio selector de color, utilizamos el selector de color Iris. En lugar de nuestro propio cargador de imágenes, utilizamos el gestor de medios. También están backbonejs, underscorejs, wp.hooks y wp.shortcode, por nombrar unos cuantos scripts prácticos más. Utilizamos todos ellos, lo que nos ha facilitado la vida y, además, da lugar a una base de código más estable.
Reutilizar la funcionalidad de WordPress también nos ha deparado gratas sorpresas. Por ejemplo, al utilizar el gestor de medios para insertar imágenes, fue una grata sorpresa comprobar que ahora también podíamos gestionar galerías de WordPress, listas de reproducción de vídeo y audio y URL remotas desde el primer momento. También pudimos limitarnos a utilizar el gestor de medios para la edición de imágenes, lo que eliminó horas de dolores de cabeza innecesarios en el desarrollo.
4. Navegación por teclado y atajos
En otros maquetadores de páginas, el ratón es tu amigo. Arrastras y sueltas elementos con él y haces doble clic en ellos para editarlos. Pero el teclado se suele dejar de lado.
Por ejemplo, en algunos maquetadores, no puedes editar fácilmente el texto de un párrafo o sección por encima de donde estás editando, porque tendrías que salir de un cuadro de diálogo emergente y hacer clic en uno nuevo. En Page Builder Sandwich, puedes navegar con el teclado. Pulsa las teclas de flecha para desplazarte por tu contenido; funciona incluso si tu otro contenido está dentro de otra fila o columna.
Otra característica importante son los atajos de teclado para deshacer y rehacer. Puede que al principio no parezca gran cosa, pero piensa en esto: ¿qué pasa si arrastras y sueltas tu contenido por error en el lugar equivocado? En algunos maquetadores de páginas, tendrías que arrastrarlo de nuevo a su posición original. En Page Builder Sandwich, tanto deshacer como rehacer funcionan. Así que, tanto si quieres renovar lo que has escrito como si quieres revertir el contenido arrastrado (o múltiples contenidos arrastrados), basta con pulsar deshacer o rehacer. Deshacer y rehacer funcionan con el contenido arrastrado y soltado, e incluso con cambios de propiedades como los tamaños de fuente y los rellenos de fila. Esto los convierte en herramientas potentes en tu arsenal de edición.
5. Un verdadero maquetador de páginas frontend: una experiencia de edición más relajante y sin complicaciones
Nuestra mentalidad durante el desarrollo es que editar en el front-end no debería hacerte sentir como si siguieras editando con herramientas del back-end. No debería sentirse como si el maquetador se hubiera creado inicialmente para el back-end y luego se hubiera adaptado al front-end.
En resumen, para mí, el principal elemento diferenciador de Page Builder Sandwich es que lo hemos creado con el objetivo de ser un «verdadero» maquetador de páginas frontend: una nueva forma de concebir cómo debería ser la edición en el front-end.