Page Builder Sandwich no es como el típico maquetador de páginas, no tiene complicaciones y es muy fácil de usar.

Puede ver el vídeo a continuación para hacer un recorrido rápido.

¿Dónde está el editor?

Primero, cree una nueva página, entrada o CPT. Luego, visite su nueva entrada o cualquiera existente en su frontend. PBS es 100% frontend, por lo que no tendrá que trastear en el backend.

Debería haber un botón «Page Builder Sandwich» en la parte superior de su página (en su barra de administración); haga clic en él para comenzar a editar. Debería ver aparecer el área de formato de texto en la parte superior y el panel para agregar elementos en el lateral. ¡El área de contenido de su tema es ahora su editor!

Solo puede editar páginas individuales con PBS. No puede editar un listado de entradas del blog ni una página 404, ya que son creadas por su tema. Las entradas, páginas y tipos de contenido personalizados (CPT) se pueden editar sin problema.

Cómo editar su contenido

Ahora viene la mejor parte… una vez que esté en el frontend y dentro del editor, haga clic en cualquier texto de su contenido o dentro de su área de contenido y ¡comience a escribir! A diferencia de otros maquetadores de páginas, PBS le permite editar contenido directamente sin necesidad de pasar por cuadros de diálogo emergentes.

Dar formato a su contenido / Dejar las cosas bonitas

Mientras edita, el área superior se llama Barra de formato de texto. Esta barra contiene todas las herramientas de formato que utilizará para dar estilo al texto, como: colores, negrita, cursiva, alineaciones, añadir enlaces, viñetas y más. Pase el cursor sobre cada botón para descubrir qué hace la herramienta.

Añadir elementos

Pase el ratón sobre el botón Añadir elementos en la parte superior izquierda de la pantalla para mostrar el Panel de añadir elementos. También puede simplemente mover el ratón hacia el lado izquierdo de la pantalla para que aparezca.

Para insertar cualquier elemento, mantenga pulsado el ratón sobre uno y arrástrelo hacia su área de contenido. El área donde se colocaría el elemento quedará resaltada. Suelte el botón del ratón para colocar el elemento.

Dar estilo y modificar elementos

Pase el ratón sobre cualquier elemento que tenga en su contenido y aparecerán contornos y barras de herramientas sobre ellos.

Puede pasar el ratón sobre los bordes de los contornos para aumentar o disminuir los márgenes entre los elementos.

También puede hacer clic en un botón de la barra de herramientas para realizar acciones rápidas en el elemento. Al hacer clic en el icono del engranaje de la barra de herramientas, se abrirá el Inspector de propiedades, que contiene más opciones.

El Inspector de propiedades

El inspector de propiedades le brinda un mayor control sobre el aspecto de sus elementos. Puede añadir muchas cosas como sombras, animaciones, cambiar los colores del mapa, el radio del borde y mucho más.

También puede acceder a las propiedades de los elementos contenedores o superiores. Por ejemplo, si colocó una imagen dentro de una columna y abrió el inspector de propiedades, podrá acceder a las propiedades de la imagen, de la columna en la que está contenida y de la fila en la que está contenida la columna.

El inspector de propiedades contiene muchos ajustes diferentes para los distintos elementos, así que asegúrese de explorarlos todos.

Uso de shortcodes

Page Builder Sandwich le muestra los shortcodes reales en el frontend, ¡y también puede editarlos fácilmente!

Si se sabe sus shortcodes de memoria, puede insertarlos escribiéndolos directamente en su contenido. Pero si no se los sabe todos de memoria (¿quién lo hace?), el inspector enumera todos los shortcodes disponibles en su sitio. Arrastre un botón de Shortcode desde el inspector a su área de contenido, busque el que desea insertar y haga clic en él para insertarlo.

Los shortcodes se renderizan como contenido real en el frontend; para editarlos, puede seleccionarlos y revisar sus atributos en el inspector. O, para un mayor control, puede hacer doble clic en el shortcode para editarlo en su formato sin procesar. Tras realizar sus modificaciones, el shortcode se actualizará para reflejar los cambios.

Reorganizar su contenido

Con PBS puede hacer clic y arrastrar cualquier cosa para moverla a cualquier lugar. Cuando arrastre algo, muévalo encima de otro elemento en la página; puede moverlo ya sea arriba o abajo de cualquier otro contenido.

Guardar su trabajo

Una vez que esté satisfecho con su diseño, simplemente haga clic en el botón de guardar en la parte superior izquierda de su página. ¡Eso es todo!