Migrar los estilos heredados del núcleo de WooCommerce • POM

Saltar al contenido principal

POM AI01
Pomatio02
Fenómenus03
Contacto

Cloud Software

Pomatio ↗︎

Fenómenus ↗︎

Software VER TODO→

POM Theme

POM AI

POM Tweaks

POM Translate

POM LMS

POM Events

POM Caché

Servicios VER TODO →

Desarrollo web

Desarrollo IA

Desarrollo Plugins WP

Tripulación
Blog
Para agencias
Soporte
Contacto

T | 943 96 95 96.
E | info@pom.es

Tripulación
Blog
Para agencias
Soporte
Contacto

Inicio - Documentación - Pom - 11 pom developers - 08 pom developers cli - Migrar los estilos heredados del núcleo de WooCommerce

Browse documentation

Pom documentation

01 pom empieza aquí

Primeros pasos con POM Theme
Instalar y actualizar POM Theme
Conectar la licencia de POM Theme
Recorre un sitio POM Theme desde los ajustes hasta el frontend
Comprende qué controla cada parte de un sitio POM
Encuentra las principales interfaces de POM Theme
Elige tu ruta de aprendizaje de POM Theme
Configura y revisa tu primer sitio POM
Mapa completo de documentación de POM Theme
Revisa un sitio de POM Theme antes del lanzamiento

Crea páginas con POM
Descripción general de Page Builder
Crea tu primera página
Filas, columnas y componentes
Guardar, actualizar, previsualizar y publicar
Recorrido por la interfaz de POM Page Builder
Estiliza párrafos nativos de Gutenberg
Aplica estilo a los encabezados nativos de Gutenberg
Aplica estilo a las listas nativas de Gutenberg
Añade un icono de tema en Gutenberg
Añade un botón del tema en Gutenberg
Añade una imagen en vivo de la biblioteca en Gutenberg
Crea una galería en Gutenberg
Crea un carrusel de contenido en Gutenberg
Crea un acordeón en Gutenberg
Elige entre el Backend Editor y el Frontend Editor
Controles del Backend Editor
Añadir, mover, duplicar y eliminar contenido
Editar los ajustes de un componente
Filas, columnas, espaciado y diseño responsive
Usar la visibilidad por dispositivo
Controlar el espaciado y la alineación
Usa clases e identificadores CSS de forma segura
Crea patrones de página reutilizables
Añadir un mapa avanzado
Revisar la accesibilidad de una página del builder
Revisa una página de builder para el rendimiento
Soluciona problemas de la interfaz del builder
Soluciona problemas de la página publicada
Usa shortcodes de POM en Gutenberg

03 pom design system

Crea un sistema de diseño consistente
Convierte un diseño en ajustes reutilizables de POM
Configurar la identidad de marca y los perfiles sociales
Crea y mantén la paleta de colores global
Configurar la tipografía global
Configurar estilos de botón reutilizables
Crear y usar bibliotecas de iconos SVG
Usa los controles de espaciado de forma coherente
Comprende los rangos responsive y la tipografía fluida
Configurar los estilos compartidos de los componentes
Resumen del sistema de diseño
Referencia de estilos globales

Configura el diseño del sitio
Cómo POM Theme compone el marco del sitio
Ancho del sitio y contenedores
Crea una cabecera completa del sitio
Planifica y configura los subencabezados
Configurar las migas de pan por tipo de contenido
Crear y asignar barras laterales
Crea un pie de página a partir de filas de widgets
Configurar el dock de contacto flotante
Revisar el comportamiento del diseño responsivo
Referencia de ajustes de la cabecera
Configurar la cabecera de escritorio
Controlar el comportamiento de la cabecera fija y transparente
Configurar la navegación móvil
Referencia de ajustes del pie de página

05 pom content models

Crea contenido estructurado
Decide cuándo crear un modelo de contenido personalizado
Planifica un modelo de contenido antes de construir
Crea un tipo de contenido personalizado
Crear una taxonomía personalizada
Crea campos personalizados reutilizables
Crea ajustes preestablecidos de consultas de base de datos reutilizables
Controla la visibilidad de los custom post types con reglas de permiso
Conecta tipos de contenido y taxonomías
Cambiar un modelo de contenido establecido de forma segura
Configurar las URL de los tipos de contenido personalizados
Colocar los archivos de taxonomía debajo de una página
Colocar entradas individuales bajo términos de taxonomía

Crear y gestionar POM Forms
Recorre el constructor de formularios de POM
Understand form structure and actions
Crea un formulario de prueba mínimo
Crea tu primer formulario
Referencia de campos del formulario
Configurar campos obligatorios y validación
Mostrar, ocultar o exigir campos de forma condicional
Enviar notificaciones de correo condicionales
Almacenar y revisar los envíos de formularios
Crea formularios conscientes de la privacidad
Construye un formulario accesible
Protege un formulario público con reCAPTCHA
Configurar los comentarios de éxito, error y validación
Campos, diseño y lógica condicional
Aceptar subidas locales de archivos y audio
Diagnostica un formulario que falla de fuera hacia dentro
Enviar subidas de POM Forms a Google Drive
Integraciones y automatización de formularios
Insertar valores enviados con etiquetas de combinación
Formularios de varios pasos y comportamiento de envío
Crea un formulario de varios pasos
Notificaciones, envíos y conservación
Resolver los problemas habituales de POM Forms
Enviar datos del formulario a un webhook

01 pom forms form recipes

Crea flujos de trabajo de formularios habituales
Crear un formulario de contacto
Crea un formulario de captación de leads enfocado
Crea un formulario de solicitud de varios pasos
Recoger interés en un evento
Recopilar entradas para un cálculo externo

07 pom faceted search

Búsqueda facetada
Resumen de Faceted Search
Conceptos de búsqueda facetada
Crea tu primera búsqueda facetada
Crea un listado filtrable
Elige el contenido y la fuente de la consulta
Conecta facetas a campos de contenido
Elige el tipo de faceta correcto
Facetas y fuentes de datos
Diseña una plantilla de resultados
Resultados y controles
Añadir ordenación y paginación
Diseña los estados vacío, de carga y de error
Usar URL filtradas que se pueden compartir
Diseña filtros para móvil
Crea una búsqueda por facetas accesible
Optimiza la búsqueda facetada compleja
Depurar una faceta
Solución de problemas de Faceted Search
Crea mapas y búsqueda por proximidad
Crea una puerta de enlace de búsqueda
Configurar la búsqueda nativa de WordPress
Migrar el contenido de Finder a la búsqueda por facetas

01 pom faceted search recipes

Recetas de búsqueda facetada
Crea un directorio con búsqueda
Crea un catálogo de productos filtrable
Crea una biblioteca de recursos

08 pom templates

Plantillas
Comprende el sistema de plantillas
Crea una plantilla de archivo
Plantillas de archivo
Etiquetas de combinación de la plantilla de archivo
Crea una plantilla de feed
Plantillas de feed
Etiquetas de combinación de plantillas de feed
Construir un single template
Plantillas de artículo individual
Etiquetas de combinación del modelo de artículo individual
Comprender la prioridad de asignación de plantillas
Formato de los atributos de las etiquetas de combinación
Gestiona los valores vacíos y las alternativas
Elige contenido de vista previa representativo
Configurar el blog
Soluciona problemas de una plantilla dinámica

09 pom shortcodes

Shortcodes
Elige el shortcode adecuado
Comprende los ajustes compartidos por los shortcodes de POM
Anidar y combinar shortcodes de forma segura
Configura el comportamiento del shortcode por dispositivo
Usa los shortcodes de POM de forma accesible
Usa shortcodes con gran cantidad de datos de forma eficiente
Solucionar problemas con la salida de los shortcodes

01 pom shortcodes reference

Referencia de elementos y shortcodes
`vc_column` Shortcode
Shortcode `vc_column_inner`
Shortcode `vc_column_text`
`vc_raw_html` Shortcode
Shortcode `vc_row`
Shortcode `vc_row_inner`
Shortcode `vc_tta_section`
Shortcode `vc_widget_sidebar`
Shortcode `web_a_z_feed`
Shortcode `web_blockquote`
Shortcode `web_breadcrumbs`
Shortcode `web_button`
Shortcode `web_chart`
Shortcode `web_code_block`
Shortcode `web_cookies_info_table`
Shortcode `web_counter`
Shortcode `web_favorite_posts`
Shortcode `web_gap`
Shortcode `web_icon`
Shortcode `web_iframe`
Shortcode `web_line`
Shortcode `web_logo`
Shortcode `web_menu`
Shortcode `web_page_content`
Shortcode `web_post_tax_terms`
Shortcode `web_progress_bar`
Shortcode `web_script`
Shortcode `web_separator`
Shortcode `web_share`
Shortcode `web_social_icons`
Shortcode `web_table_of_contents`
Shortcode `web_taxonomy_terms_list`
Shortcode `web_taxonomy_terms_thumbnails`
Shortcode `web_testimonial`
Shortcode `web_timeline`
Shortcode `web_title`
Shortcode `web_user_details`
Shortcode `web_accordion`
Shortcode `web_accordion_content`
Shortcode `web_carousel`
Shortcode `web_carousel_content`
Shortcode `web_carousel_feed`
Shortcode `web_countdown`
Shortcode `web_infography_spot`
Shortcode `web_interactive_infography`
Shortcode `web_modal`
Shortcode `web_modal_content`
Shortcode `web_notification`
Shortcode `web_offcanvas`
Shortcode `web_offcanvas_content`
Shortcode `web_parallax_layer`
Shortcode `web_parallax_layer_html`
Shortcode `web_parallax_layer_text`
Shortcode `web_parallax_scene`
Shortcode `web_pricing_list`
Shortcode `web_pricing_list_item`
Shortcode `web_slide`
Shortcode `web_slider`
Shortcode `web_tabs`
Shortcode `web_tabs_content`
`web_typed_text` Shortcode
Shortcode `audio_item`
Shortcode `audio_playlist`
Shortcode `web_360_image`
Shortcode `web_gallery`
Shortcode `web_image`
Shortcode `web_image_comparer`
Shortcode `web_instagram`
Shortcode `web_scroll_triggered_image_sequence`
`web_scroll_triggered_image_sequence_text` Shortcode
Shortcode `web_video`
Shortcode `web_finder`
`web_finder_column` Shortcode
Shortcode `web_finder_content`
Shortcode `web_finder_content_author_field`
Shortcode `web_finder_content_date_field`
Shortcode `web_finder_content_map_field`
Shortcode `web_finder_content_meta_key_field`
Shortcode `web_finder_content_order_field`
Shortcode `web_finder_content_orderby_field`
`web_finder_content_post_type_field` Shortcode
Shortcode `web_finder_content_post_type_field_field`
Shortcode `web_finder_content_posts_per_page_field`
Shortcode `web_finder_content_reset_field`
Shortcode `web_finder_content_results_field`
`web_finder_content_search_field` Shortcode
Shortcode `web_finder_content_submit_field`
`web_finder_content_taxonomy_field` Shortcode
Shortcode `web_finder_row`
Shortcode `web_fsearch_counts`
Shortcode `web_fsearch_facet`
Shortcode `web_fsearch_pager`
Shortcode `web_fsearch_per_page`
Shortcode `web_fsearch_reset`
`web_fsearch_selections` Shortcode
`web_fsearch_selections_count` Shortcode
Shortcode `web_fsearch_sort`
Shortcode `web_fsearch_submit`
Shortcode `web_listings`
Shortcode `web_search_gateway`
Shortcode `web_gmap`
Shortcode `web_gmap_dynamic_route`
Shortcode `web_gmap_marker`
Shortcode `web_gmap_route`
Shortcode `web_map_feed`
Shortcode `web_edit_user_form`
`web_form` Shortcode
Shortcode de formulario de inicio de sesión
Shortcode `web_registration_form`
Shortcode `pom_wc_advanced_filters`
`web_bookings_calendar_feed` Shortcode
Shortcode `web_bookings_finder`
Shortcode `web_previously_purchased`
Shortcode `web_shipping_calculator`
Shortcode `web_wishlist`
`web_adsense` Shortcode
Shortcode `web_fullcalendar`
Shortcode `web_summarize_with_ai`

10 pom woocommerce

WooCommerce
Configura una tienda POM de principio a fin
Comprende la configuración de la tienda y los productos
Configurar archivos de productos
Configurar las páginas individuales de producto
Configurar el carrito
Configurar el pago
Configurar Mi cuenta
Revisa la tienda en todos los dispositivos
Revisar el rendimiento de la tienda
Planifica filtros de producto útiles
Configurar filtros avanzados
Configurar promociones y avisos de la tienda
Configurar el botón de solicitud de información del producto
Configurar la lista de espera en stock
Configurar listas de deseos
Configurar vales de regalo

11 pom developers

POM Theme para desarrolladores
Puntos de extensión admitidos y reglas de compatibilidad
Sanitización, escapado y requisitos de capacidades
Requisitos de rendimiento para las extensiones de POM
Lee la configuración del tema POM de forma segura
Trabaja con los datos del builder de forma segura
Usar los helpers de color e iconos
Usa los helpers de imagen y carga diferida
Usa los helpers de botones y paginación
Usar helpers de términos y de contenido
Evaluar las reglas de permisos de POM
Comprueba las integraciones compatibles
Usa los asistentes de barra lateral y de redes sociales
Carga los recursos solo donde se necesitan

01 pom developers programmatic forms

Crear formularios de forma programática
Añadir acciones de formulario programáticas
Definir campos de formulario de forma programática
Elige entre un formulario guardado y uno programático
Renderizar y enviar formularios programáticos
Añadir validación programática de formularios

02 pom developers css helpers

Ayudantes CSS de POM
Helpers de espaciado y separación
Ayudantes de cuadrícula y columnas de Bootstrap
Ayudantes de visualización y visibilidad
Ayudas de alineación
Variantes de helper responsivas

03 pom developers merge tags

Etiquetas de combinación para desarrolladores
Contrato de etiquetas de combinación de las plantillas de archivo
Contrato de etiquetas de combinación de la plantilla de feed
Contrato de etiquetas de combinación del single template

04 pom developers templates

Integraciones de plantillas
Registrar plantillas mediante programación
Añadir contenido controlado por código a una plantilla de POM

05 pom developers content models

Integraciones de content model
Registrar contenido estructurado mediante programación

06 pom developers assets

Activos generados y condicionales
Estilos y scripts generados
Usa el select de búsqueda compartido

07 pom developers progressive archives

Comportamiento de archivo progresivo
Carga progresiva de archivos

08 pom developers cli

Comandos de WP-CLI compatibles
Auditar el uso de plantillas de feed
Migrar los estilos heredados del núcleo de WooCommerce
Regenerar referencias de medios del Page Builder
Migra los helpers de font-size, gap y espaciado juntos
Migrar los helpers de tamaño de fuente heredados
Migrar los helpers de separación heredados
Migrar helpers de margen y relleno

12 recetas de pom

Recetas de creación de sitios
Crea un sitio de folleto
Crea una página de destino orientada a la conversión
Crea un directorio de contenido estructurado
Crea una plantilla dinámica de archivo y de artículo individual
Crear contenido con acceso restringido
Crea un escaparate completo de WooCommerce
Ejecuta una revisión responsive completa
Configurar etiquetas de Google y Tag Manager

Ayuda de POM Theme
Falta el contenido del maquetador
Un diseño responsive no se ve bien
Un ajuste no cambia la página
El CSS generado parece desactualizado
No se está usando una plantilla dinámica
Una etiqueta de combinación devuelve un valor vacío
Las facetas devuelven resultados inesperados
Un formulario no se envía
Información que debes reunir antes de contactar con soporte

Auditar el uso de plantillas de feed

Regenerar referencias de medios del Page Builder

On this page

More about Pom

Discover Pom (info page)Get a Pom license Pom changelog

Tripulación
Blog
Para agencias
Soporte
Contacto

POM Theme

POM AI

POM Tweaks

POM Translate

POM LMS

POM Events

POM Caché

T | 943 96 95 96.
E | info@pom.es

Cookies, Condiciones generales,
Política de privacidad y Legal

© POM Design & Development S.L. All rights reserved. Creditos web.