xstore-theme-options
Configure XStore WordPress theme options via WP-CLI. Use when setting brand colors, typography, layout, buttons, breadcrumbs, or WooCommerce settings for XStore theme.
When & Why to Use This Skill
This Claude skill automates the configuration of XStore WordPress theme options through WP-CLI, streamlining website development and maintenance. It allows developers to programmatically manage brand identity, typography, layout structures, and WooCommerce settings, eliminating the need for manual adjustments in the WordPress Customizer and ensuring consistent deployments across different environments.
Use Cases
- Rapid Site Deployment: Quickly apply standardized brand colors, typography, and layout settings to new XStore-based projects using automated scripts.
- Bulk WooCommerce Setup: Efficiently configure store-specific options like products per page and grid layouts across multiple staging and production sites.
- Design Consistency Management: Use JSON-formatted commands to precisely sync complex typography and button states across a network of WordPress sites.
- DevOps Integration: Incorporate theme configuration steps into CI/CD pipelines or site migration workflows to ensure design settings are preserved and updated automatically.
- Headless WordPress Management: Manage theme-level visual settings via SSH/CLI in environments where the standard WordPress admin UI is restricted or slow.
| name | xstore-theme-options |
|---|---|
| description | Configure XStore WordPress theme options via WP-CLI. Use when setting brand colors, typography, layout, buttons, breadcrumbs, or WooCommerce settings for XStore theme. |
| allowed-tools | Read, Bash, Grep, Glob |
XStore Theme Options Configuration
Configure XStore theme options via WP-CLI commands.
Instructions
When this skill is invoked, help the user configure XStore theme options.
Reference Documentation
Read the theme options reference from THEME_OPTIONS.md in this repository for complete option list.
Common Tasks
Set Brand Colors:
wp option patch update theme_mods_xstore-child activecol '#ff7eb9'
wp option patch update theme_mods_xstore-child light_buttons_bg '{"regular":"#ff7eb9","hover":"#ff65a3"}'
wp option patch update theme_mods_xstore-child light_buttons_color '{"regular":"#ffffff","hover":"#ffffff"}'
Set Typography:
wp option patch update theme_mods_xstore-child sfont '{"font-family":"Manrope-Regular","font-size":"17px","line-height":"1.6"}'
wp option patch update theme_mods_xstore-child headings '{"font-family":"Manrope-SemiBold","font-weight":700}'
Set Layout:
wp option patch update theme_mods_xstore-child main_layout 'wide'
wp option patch update theme_mods_xstore-child site_width 1170
Set WooCommerce Options:
wp option patch update theme_mods_xstore-child products_per_page 12
wp option patch update theme_mods_xstore-child grid_sidebar 'left'
wp option patch update theme_mods_xstore-child product_view 'default'
Workflow
- Ask the user what theme options they want to configure
- Reference THEME_OPTIONS.md for available options and valid values
- Generate the appropriate WP-CLI commands
- Execute commands via SSH or provide them for manual execution
- Remind user to clear cache:
wp cache flush
Important Notes
- Always backup before changes:
wp db export backup.sql - Clear cache after changes:
wp cache flush && wp transient delete --all - Use JSON format for complex options (typography, colors with states)
- Colors use hex format:
#ff7eb9