Este artículo ofrecerá un breve resumen sobre cómo funciona Page Builder Sandwich y pretende ser una introducción para aquellos interesados en cómo nuestro maquetador de páginas se integra con diferentes elementos de WordPress. No profundizaré en las características individuales de Page Builder Sandwich; si las buscas, dirígete a nuestra página de vídeos, donde mostramos cada función por separado mediante breves capturas de pantalla en vídeo.
Si quieres saber en qué se diferencia Page Builder Sandwich de otros constructores de páginas disponibles, echa un vistazo a nuestro artículo How Page Builder Sandwich Is Different from the Rest.
¿Dónde está? ¿Y qué puedo editar con él?
A diferencia de muchos otros maquetadores de páginas, Page Builder Sandwich vive en el frontend de tu sitio web. Si estás en el backend, hemos proporcionado un botón «Frontend» junto a los botones del editor de contenido que te llevará a la parte pública de tu página.
Page Builder Sandwich te permite editar tus entradas, páginas y el contenido de tipos de entrada personalizados (custom post types). Sin embargo, no te permite editar directamente tus entradas de blog agregadas en la página principal ni otras áreas que no sean páginas individuales de tu sitio. Piénsalo de esta manera: si lo que deseas editar tiene un editor de contenido en el backend (como «Añadir nueva entrada» y «Añadir nueva página»), entonces se puede usar Page Builder Sandwich. Puedes editar tus páginas individuales y entradas de blog y, si por ejemplo tienes un plugin que añade menús de restaurante o elementos de portafolio, también puedes editarlos.
Mientras estás en el frontend, hemos colocado un botón azul «Edit with Page Builder Sandwich» en tu barra de administración. Simplemente haz clic en él para empezar a editar tu página.
Edición directa de contenido
Con Page Builder Sandwich, hemos hecho que la edición de contenido sea lo más sencilla y cómoda posible. Editar contenido es directo y fácil: basta con hacer clic y escribir. Así de simple.
Presentamos el inspector
Hemos observado que muchos constructores de páginas tienen una gran cantidad de ventanas emergentes. Personalmente, no me gustan los popups porque distraen y básicamente te dicen «oye, detén lo que estás haciendo hasta que rellenes estos campos primero». Rompen la fluidez de lo que de otro modo sería una experiencia de edición fluida. Por este motivo, hemos minimizado el uso de ventanas emergentes en general y, en su lugar, hemos creado el inspector.
El inspector es un área tipo barra lateral que contiene todas las herramientas de formato y maquetación que puedas necesitar. El inspector se puede acoplar al lado izquierdo o derecho de la pantalla para que puedas ver fácilmente lo que estás editando.
Desde el inspector, puedes ajustar varias propiedades de texto como encabezados, tamaños de fuente, negrita, cursiva, colores de texto y mucho más. Aparte de eso, también te permite añadir imágenes y crear filas o contenido en columnas. Asimismo, es capaz de realizar ediciones más avanzadas, como ajustar filas a filas de ancho completo, colores de fondo de filas y columnas, alineación vertical de contenido, así como márgenes y fondos. Es bastante potente y te encontrarás utilizándolo la mayor parte del tiempo.
Integración con temas de WordPress
Page Builder Sandwich, por su propia naturaleza, casi no incluye estilos propios. Cuando estás editando tu contenido, los estilos que ves se basan principalmente en los de tu tema.
Integración con shortcodes
Los shortcodes son un aspecto fundamental en WordPress y, muy probablemente, utilizarás un buen número de ellos en tu sitio. Page Builder Sandwich los gestiona muy bien, mostrando tus shortcodes ya renderizados en el frontend. Los shortcodes también siguen siendo editables y, lo mejor de todo, es que tras editarlos, se volverán a renderizar de nuevo con tus cambios reflejados.
Para mayor comodidad, podrás editar tus shortcodes utilizando el inspector. Si deseas más control, también podrás hacer doble clic en los shortcodes para editarlos en su formato en bruto. Además de esto, todos los shortcodes disponibles en tu sitio web están listados en el inspector para que puedas incluirlos fácilmente en tu contenido.
¿Y qué hay de la sobrecarga del sitio web?
¿A quién le gustan los sitios web lentos? A nosotros no, y desde luego a ti tampoco. Nos hemos asegurado de que Page Builder Sandwich tenga un impacto prácticamente nulo en el rendimiento de tu sitio web. Cuando no se ha iniciado sesión, como mínimo, solo se ponen en cola los estilos CSS de filas y columnas, junto con los scripts JS y CSS necesarios para los shortcodes que hayas utilizado.
Para desarrolladores
Si eres desarrollador y tienes shortcodes en tus plugins de WordPress, Page Builder Sandwich proporciona una API de shortcodes para que puedas ofrecer fácilmente a tus clientes campos que faciliten la creación y modificación de tus shortcodes.
Si deseas ampliar aún más las capacidades o integrarte con algunas partes de Page Builder Sandwich, también contamos con un conjunto de útiles ganchos (hooks) de acción y filtro que puedes utilizar.