Skip to main content

Cloud Software

Poatio icon Pomatio ↗︎

Fenómenus icon Fenómenus ↗︎

Software   VER TODO→

POM Theme icon POM Theme

POM AI icon POM AI

POM Tweaks icon POM Tweaks

POM Tweaks icon POM Translate

POM LMS icon POM LMS

POM Events icon POM Events

POM Cache icon 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

C/ Portuetxe 61, 3ºB. Edificio Bonea
20018 Donostia – San Sebastián, Gipuzkoa

Contacta
POM
Inicio - Documentación - POM - Templates - Templates
Browse documentation

POM documentation

Content types and fields
  • Build structured content
  • Decide when to create a custom content model
  • Plan a content model before building
  • Create a custom post type
  • Create a custom taxonomy
  • Create reusable custom fields
  • Build reusable database query presets
  • Control custom post type visibility with permission rules
  • Connect post types and taxonomies
  • Change an established content model safely
  • Configure custom post type URLs
  • Place taxonomy archives below a page
  • Place single entries below taxonomy terms
Design system
  • Create a consistent design system
  • Turn a design into reusable POM settings
  • Configure brand identity and social profiles
  • Create and maintain the global color palette
  • Configure global typography
  • Configure reusable button styles
  • Create and use SVG icon libraries
  • Use spacing controls consistently
  • Understand responsive ranges and fluid typography
  • Configure shared component styles
  • Design system overview
  • Global styles reference
Developer resources
  • POM Theme for developers
  • Supported extension points and compatibility rules
  • Sanitization, escaping, and capability requirements
  • Performance requirements for POM extensions
  • Read POM theme settings safely
  • Work with builder data safely
  • Use color and icon helpers
  • Use image and lazy-loading helpers
  • Use button and pagination helpers
  • Use term and content helpers
  • Evaluate POM permission rules
  • Check compatible integrations
  • Use sidebar and social helpers
  • Load assets only where they are needed
Command-line tools
  • Supported WP-CLI commands
  • Audit feed-template usage
  • Migrate legacy WooCommerce core styles
  • Regenerate Page Builder media references
  • Migrate font-size, gap and spacing helpers together
  • Migrate legacy font-size helpers
  • Migrate legacy gap helpers
  • Migrate margin and padding helpers
CSS helpers
  • POM CSS helpers
  • Spacing and gap helpers
  • Grid and Bootstrap column helpers
  • Display and visibility helpers
  • Alignment helpers
  • Responsive helper variants
Custom content models
  • Content-model integrations
  • Register structured content programmatically
Dynamic merge tags
  • Merge tags for developers
  • Archive template merge-tag contract
  • Feed template merge-tag contract
  • Single template merge-tag contract
Forms with code
  • Create forms programmatically
  • Add programmatic form actions
  • Define form fields programmatically
  • Choose between a saved and programmatic form
  • Render and submit programmatic forms
  • Add programmatic form validation
Progressive archive loading
  • Progressive archive behavior
  • Progressive archive loading
Styles and scripts
  • Generated and conditional assets
  • Generated styles and scripts
  • Use the shared searchable select
Template development
  • Template integrations
  • Register templates programmatically
  • Add code-owned output to a POM template
Faceted search and filters
  • Faceted Search
  • Faceted Search overview
  • Faceted Search concepts
  • Build your first faceted search
  • Create a filterable listing
  • Choose the content and query source
  • Connect facets to content fields
  • Choose the right facet type
  • Facets and data sources
  • Design a results template
  • Results and controls
  • Add sorting and pagination
  • Design empty, loading, and error states
  • Use shareable filtered URLs
  • Design filters for mobile
  • Build accessible faceted search
  • Optimize complex faceted search
  • Debug one facet
  • Faceted Search troubleshooting
  • Build maps and proximity search
  • Build a Search Gateway
  • Configure native WordPress search
  • Migrate Finder content to Faceted Search
Practical examples
  • Faceted Search recipes
  • Build a searchable directory
  • Build a filterable product catalog
  • Build a resource library
Forms
  • Build and operate POM Forms
  • Tour the POM Forms builder
  • Understand form structure and actions
  • Build a minimal test form
  • Create your first form
  • Form field reference
  • Configure required fields and validation
  • Show, hide, or require fields conditionally
  • Send conditional email notifications
  • Store and review form submissions
  • Build privacy-aware forms
  • Build an accessible form
  • Protect a public form with reCAPTCHA
  • Configure success, error, and validation feedback
  • Fields, layout, and conditional logic
  • Accept local file and audio uploads
  • Diagnose a failing form from the outside in
  • Send POM Forms uploads to Google Drive
  • Forms integrations and automation
  • Insert submitted values with merge tags
  • Multi-step forms and submission behavior
  • Build a multi-step form
  • Notifications, submissions, and retention
  • Resolve common POM Forms problems
  • Send form data to a webhook
Practical examples
  • Build common form workflows
  • Create a contact form
  • Create a focused lead form
  • Create a multi-step application form
  • Collect interest in an event
  • Collect inputs for an external calculation
Getting started
  • Get started with POM Theme
  • Install and update POM Theme
  • Connect the POM Theme license
  • Tour a POM Theme site from settings to frontend
  • Understand what owns each part of a POM site
  • Find the major POM Theme interfaces
  • Choose your POM Theme learning path
  • Configure and review your first POM site
  • Complete POM Theme documentation map
  • Review a POM Theme site before launch
Help and troubleshooting
  • POM Theme help
  • Builder content is missing
  • A responsive layout looks wrong
  • A setting does not change the page
  • Generated CSS appears stale
  • A dynamic template is not being used
  • A merge tag returns an empty value
  • Facets return unexpected results
  • A form does not submit
  • Information to collect before contacting support
Page builder
  • Build pages with POM
  • Page Builder overview
  • Build your first page
  • Rows, columns, and components
  • Save, update, preview, and publish
  • Tour the POM Page Builder interface
  • Style native Gutenberg paragraphs
  • Style native Gutenberg headings
  • Style native Gutenberg lists
  • Add a theme icon in Gutenberg
  • Add a theme button in Gutenberg
  • Add a live library image in Gutenberg
  • Build a gallery in Gutenberg
  • Build a content carousel in Gutenberg
  • Build an accordion in Gutenberg
  • Choose between the Backend Editor and Frontend Editor
  • Backend Editor controls
  • Add, move, duplicate, and delete content
  • Edit component settings
  • Rows, columns, spacing, and responsive design
  • Use device visibility
  • Control spacing and alignment
  • Use CSS classes and identifiers safely
  • Build reusable page patterns
  • Add an Advanced map
  • Review a builder page for accessibility
  • Review a builder page for performance
  • Troubleshoot the builder interface
  • Troubleshoot the published page
  • Use POM shortcodes in Gutenberg
Practical examples
  • Site-building recipes
  • Build a brochure site
  • Build a conversion-focused landing page
  • Build a structured content directory
  • Build a dynamic archive and single template
  • Build permission-restricted content
  • Build a complete WooCommerce storefront
  • Run a complete responsive review
  • Set up Google tags and Tag Manager
Shortcodes
  • Shortcodes
  • Choose the right shortcode
  • Understand settings shared by POM shortcodes
  • Nest and combine shortcodes safely
  • Configure shortcode behavior by device
  • Use POM shortcodes accessibly
  • Use data-heavy shortcodes efficiently
  • Troubleshoot shortcode output
Shortcode reference
  • Element and shortcode reference
  • `vc_column` Shortcode
  • `vc_column_inner` Shortcode
  • `vc_column_text` Shortcode
  • `vc_raw_html` 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` Shortcode
  • `web_typed_text` 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` Shortcode
  • `web_scroll_triggered_image_sequence_text` Shortcode
  • `web_video` Shortcode
  • `web_finder` Shortcode
  • `web_finder_column` 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` Shortcode
  • `web_finder_content_post_type_field` 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` Shortcode
  • `web_finder_content_search_field` Shortcode
  • `web_finder_content_submit_field` Shortcode
  • `web_finder_content_taxonomy_field` 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` Shortcode
  • `web_fsearch_selections` Shortcode
  • `web_fsearch_selections_count` 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` Shortcode
  • `web_form` Shortcode
  • Login Form shortcode
  • `web_registration_form` Shortcode
  • `pom_wc_advanced_filters` Shortcode
  • `web_bookings_calendar_feed` Shortcode
  • `web_bookings_finder` Shortcode
  • `web_previously_purchased` Shortcode
  • `web_shipping_calculator` Shortcode
  • `web_wishlist` Shortcode
  • `web_adsense` Shortcode
  • `web_fullcalendar` Shortcode
  • `web_summarize_with_ai` Shortcode
Site layout
  • Configure the site layout
  • How POM Theme composes the site frame
  • Site width and containers
  • Build a complete site header
  • Plan and configure subheaders
  • Configure breadcrumbs by content type
  • Create and assign sidebars
  • Build a footer from widget rows
  • Configure the floating contact dock
  • Review responsive layout behavior
  • Header settings reference
  • Configure the desktop header
  • Control sticky and transparent header behavior
  • Configure mobile navigation
  • Footer settings reference
Templates
  • Templates
  • Understand the template system
  • Build an archive template
  • Archive templates
  • Archive template merge tags
  • Build a feed template
  • Feed templates
  • Feed template merge tags
  • Build a single template
  • Single templates
  • Single template merge tags
  • Understand template assignment priority
  • Format merge-tag attributes
  • Handle empty values and fallbacks
  • Choose representative preview content
  • Set up the blog
  • Troubleshoot a dynamic template
WooCommerce integration
  • WooCommerce
  • Configure a POM storefront from start to finish
  • Understand storefront and product settings
  • Configure product archives
  • Configure single product pages
  • Configure the cart
  • Configure checkout
  • Configure My Account
  • Review the store on every device
  • Review storefront performance
  • Plan useful product filters
  • Configure Advanced Filters
  • Configure store promotions and notices
  • Configure the product request information button
  • Configure the in-stock waitlist
  • Configure wishlists
  • Configure gift vouchers

Templates

POM Theme provides reusable HTML templates for archive pages, repeated result items and individual content. Each template type has its own assignment points and merge tags.

Start with Understand the template system if you are deciding which type to create.

  1. Understand the template system
  2. Build an archive template
  3. Archive templates
  4. Archive template merge tags
  5. Build a feed template
  6. Feed templates
  7. Feed template merge tags
  8. Build a single template
  9. Single templates
  10. Single template merge tags
  11. Understand template assignment priority
  12. Format merge-tag attributes
  13. Handle empty values and fallbacks
  14. Choose representative preview content
  15. Set up the blog
  16. Troubleshoot a dynamic template
Single templates
Previous
Format merge-tag attributes
Next

On this page

    More about POM

    Discover POM (info page)Get a POM licensePOM changelog

    • Tripulación
    • Blog
    • Para agencias
    • Soporte
    • Contacto

    POM Theme

    POM AI

    POM Tweaks

    POM Translate

    POM LMS

    POM Events

    POM Caché

    Suscríbete

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

    C/ Portuetxe 61, 3ºB. Edificio Bonea
    20018 Donostia – San Sebastián, Gipuzkoa

    © POM Design & Development S.L. All rights reserved. Web credits.