Page Builder Sandwich no es como el típico constructor de páginas, no tiene complicaciones y es fácil de usar.
Puede ver el vídeo a continuación para un recorrido rápido.
¿Dónde está el editor?
Primero, cree una nueva página, entrada o CPT. Luego visite su nueva entrada o cualquier otra existente en el frontend. PBS funciona al 100% en el frontend, no tendrá que complicarse en el backend.
Debería haber un botón «Page Builder Sandwich» en la parte superior de su página (en la barra de administración), haga clic en él para empezar a editar. Debería ver aparecer el área de formato de texto desde la parte superior y el panel de añadir elementos desplegándose desde el lateral. ¡El área de contenido de su tema es ahora su editor!
Solo puede editar páginas individuales con PBS. No puede editar una lista de entradas de blog ni una página 404, ya que son creadas por su tema. Las entradas, páginas y tipos de entrada personalizados funcionan bien.
Edición de 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 empiece a escribir! A diferencia de otros constructores de páginas, PBS le permite editar contenido directamente sin necesidad de pasar por cuadros de diálogo emergentes.
Dar formato a su contenido / Hacer que todo se vea bonito
Al editar, el área superior se llama la 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 cursor 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 de ellos y arrástrelo hacia su área de contenido. El área donde se colocará el elemento se iluminará. Suelte el botón del ratón para colocar el elemento.
Estilizar y modificar elementos
Pase el cursor sobre cualquier elemento que tenga en su contenido y aparecerán contornos y barras de herramientas sobre ellos.
Puede pasar el cursor sobre los bordes de los contornos para aumentar o disminuir los márgenes entre 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 de 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 ofrece más control sobre el aspecto de sus elementos. Puede añadir muchas cosas como sombras, animaciones, cambiar los colores del mapa, radio del borde y mucho más.
También puede acceder a las propiedades de los elementos superiores (padres). Por ejemplo, si colocó una imagen dentro de una columna y abrió el inspector de propiedades, puede acceder a las propiedades de la imagen, de la columna en la que está contenida y de la fila en la que se encuentra la columna.
El inspector de propiedades contiene muchos ajustes diferentes para distintos elementos, así que asegúrese de revisarlos todos.
Uso de shortcodes
Page Builder Sandwich le muestra los shortcodes reales en el frontend, ¡y también puede editarlos fácilmente!
Si se ha memorizado sus shortcodes, puede insertarlos escribiéndolos directamente en su contenido. Pero si no los ha memorizado todos (¿quién hace eso?), el inspector enumera todos los shortcodes disponibles en su sitio. Arrastre un botón de Shortcode desde el inspector hasta su área de contenido y busque el que desea insertar; haga clic en él para insertarlo.
Los shortcodes se renderizan en contenido real en el frontend; para editarlos, puede seleccionarlos y comprobar 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 ediciones, el shortcode se actualizará para reflejar los cambios.
Reorganizar su contenido
Puede hacer clic y arrastrar cualquier cosa y moverla a cualquier lugar con PBS. Al arrastrar algo, muévalo encima de otro elemento en la página; puede moverlo tanto por encima como por debajo de cualquier otro contenido.
Guardar su trabajo
Una vez que esté satisfecho con su diseño, solo haga clic en el botón de guardar en la parte superior izquierda de su página. ¡Eso es todo!