Crea páginas con POM
POM Page Builder es el espacio de trabajo a nivel de página para organizar el contenido en filas, columnas y componentes. Usa este capítulo para elegir un editor, crear una página, adaptarla a distintas pantallas y revisarla antes de publicarla.
Empieza aquí
Si esta es tu primera página con POM:
- Lee Descripción general de Page Builder para comprender qué pertenece al builder.
- Sigue Crea tu primera página.
- Aprende Filas, columnas y componentes.
- Usa Guardar, actualizar, previsualizar y publicar antes de hacer pública la página.
Trabaja en el editor
En Gutenberg, el insertador ofrece los componentes de POM y los bloques nativos de texto, lista, código, cita, separador, HTML y shortcode que POM amplía. Usa los bloques de diseño, medios y botones de POM. Los patrones guardados siguen disponibles; Openverse, las sugerencias de patrones externos, las sugerencias de instalación de bloques y la biblioteca de fuentes de WordPress están ocultas de forma predeterminada. Los desarrolladores pueden personalizar el catálogo y restaurar las funciones de descubrimiento opcionales.
- Solicita activos condicionales aprobados como administrador
- Da estilo a los párrafos nativos de Gutenberg
- Da estilo a los encabezados nativos de Gutenberg
- Da estilo a las listas nativas de Gutenberg
- Añade un icono del tema en Gutenberg
- Añade un botón del tema en Gutenberg
- Añade una imagen de la biblioteca en vivo en Gutenberg
- Crea una galería en Gutenberg
- Crea un carrusel de contenido en Gutenberg
- Crea una composición de diapositiva completa con Slider
- Crea una colección de audio con Audio Playlist
- Coloca puntos interactivos en una imagen
- Compón ilustraciones por capas con Parallax Scene
- Cuenta una historia con Scroll Sequence
- Muestra un feed de Instagram
- Coloca una unidad de anuncios de AdSense
- Crea un mapa con marcadores y rutas
- Conecta tarjetas de ubicaciones con Map Feed
- Muestra la disponibilidad de reservas con FullCalendar
- Explora los productos disponibles con Bookings Calendar Feed
- Busca productos reservables con Bookings Finder
- Muestra los favoritos del navegador con Favorite Posts
- Permite a los clientes volver a pedir con Previously Purchased
- Comprueba los destinos con Shipping Calculator
- Muestra una lista de productos compartida con Wishlist
- Filtra un archivo de productos con WooCommerce Advanced Filters
- Añade un control de Faceted Search
- Muestra los recuentos de resultados de Faceted Search
- Muestra y elimina los filtros activos
- Muestra el número de facetas activas
- Elige el orden de los resultados de Faceted Search
- Navega por los resultados de Faceted Search
- Restablece todos los filtros de búsqueda o los seleccionados
- Aplica los filtros de búsqueda pendientes
- Envía a los visitantes a los resultados con Search Gateway
- Compón un formulario de búsqueda y sus resultados con Finder
- Muestra las entradas actuales con Carousel Feed
- Muestra el contenido actual con Listings
- Crea un índice de contenido alfabético
- Crea un directorio de taxonomía alfabético
- Muestra términos de taxonomía como tarjetas de imagen
- Crea un acordeón en Gutenberg
- Organiza el contenido con pestañas en Gutenberg
- Añade un modal editable en Gutenberg
- Añade un panel Offcanvas adaptable en Gutenberg
- Añade una Notification persistente en Gutenberg
- Muestra un porcentaje con Progress Bar en Gutenberg
- Muestra una estadística con Counter en Gutenberg
- Cuenta atrás hasta una fecha límite en Gutenberg
- Anima una secuencia de frases con Typed Text en Gutenberg
- Muestra el código fuente en Gutenberg
- HTML revisado por el autor en Gutenberg
- Añade una cita en Gutenberg
- Presenta una cita de cliente con Testimonial
- Cuenta una historia con Timeline
- Presenta productos y servicios con Pricing List
- Reutiliza el contenido y los campos de la entrada actual con Dynamic Content
- Muestra las miniaturas de los términos de la entrada actual
- Personaliza un mensaje con User Details
- Añade un Login Form
- Añade un Registration Form de invitación
- Completa un perfil con Edit User Form
- Muestra un formulario compartido en Gutenberg
- Añade una línea horizontal en Gutenberg
- Muestra tus perfiles sociales en Gutenberg
- Muestra tu marca con Site Logo en Gutenberg
- Muestra la navegación compartida con Menu en Gutenberg
- Muestra los widgets compartidos con Widget Sidebar
- Muestra la jerarquía actual con Breadcrumbs en Gutenberg
- Permite a los visitantes compartir la página actual en Gutenberg
- Navega por los encabezados con Table of Contents en Gutenberg
- Ofrece enlaces de resumen con IA en Gutenberg
- Incrusta una página de confianza con Iframe en Gutenberg
- Divide el contenido con Separator en Gutenberg
- Compara dos imágenes en Gutenberg
- Añade un panorama de 360 grados en Gutenberg
- Añade un vídeo en Gutenberg
- Crea un gráfico en Gutenberg
- Muestra registros de cookies en Gutenberg
- Recorre la interfaz de POM Page Builder
- Elige entre el Backend Editor y el Frontend Editor
- Controles del Backend Editor
- Añade, mueve, duplica y elimina contenido
- Edita la configuración de los componentes
Crea y adapta diseños
- Filas, columnas, espaciado y diseño adaptable
- Usa la visibilidad por dispositivo
- Controla el espaciado y la alineación
- Usa clases e identificadores CSS de forma segura
- Crea patrones de página reutilizables
- Añade un mapa Advanced
Revisa y soluciona problemas
- Revisa la accesibilidad de una página del builder
- Revisa el rendimiento de una página del builder
- Soluciona problemas de la interfaz del builder
- Soluciona problemas de la página publicada
Contenido del capítulo
- Descripción general de Page Builder
- Recorre la interfaz de POM Page Builder
- Elige entre el Backend Editor y el Frontend Editor
- Controles del Backend Editor
- Crea tu primera página
- Filas, columnas y componentes
- Añade, mueve, duplica y elimina contenido
- Edita la configuración de los componentes
- Guardar, actualizar, previsualizar y publicar
- Filas, columnas, espaciado y diseño adaptable
- Usa la visibilidad por dispositivo
- Controla el espaciado y la alineación
- Usa clases e identificadores CSS de forma segura
- Crea patrones de página reutilizables
- Añade un mapa Advanced
- Revisa la accesibilidad de una página del builder
- Revisa el rendimiento de una página del builder
- Soluciona problemas de la interfaz del builder
- Soluciona problemas de la página publicada
- Usa los shortcodes de POM en Gutenberg