---

name: wpbakery-page description: Create WordPress pages with WPBakery Visual Composer content via database. Use when creating pages with shortcodes, rows, columns, headings, buttons, or product grids for XStore theme. allowed-tools: Read, Bash, Grep, Glob, Write

WPBakery Page Creation

Create WordPress pages with WPBakery shortcode content via database operations.

Instructions

When this skill is invoked, help the user create pages with WPBakery shortcode content.

Reference Documentation

• Shortcodes: WPBAKERY_SHORTCODES.md
• Templates: PAGE_TEMPLATES.md
• Examples: examples/ directory

Page Creation Command

Copy# Create page
PAGE_ID=$(wp post create --post_type=page \
  --post_title="Page Title" \
  --post_name="page-slug" \
  --post_content='[vc_row]...[/vc_row]' \
  --post_status=publish \
  --porcelain)

# Set required WPBakery meta
wp post meta update $PAGE_ID _wpb_vc_js_status 'true'

# Set compiled CSS
wp post meta update $PAGE_ID _wpb_shortcodes_custom_css 'CSS_HERE'

Shortcode Structure

Copy[vc_row full_width="stretch_row" css=".vc_custom_TIMESTAMP{...}"]
  [vc_column width="1/2" offset="vc_col-lg-6 vc_col-md-12"]
    [vc_custom_heading text="Title" font_container="tag:h1|font_size:42px|text_align:center|color:%23333333"]
    [vc_column_text css="..."]Content here[/vc_column_text]
    [vc_btn title="Button" style="gradient-custom" gradient_custom_color_1="#ff7eb9" gradient_custom_color_2="#FF3C88"]
  [/vc_column]
[/vc_row]

Available Templates

• Homepage - examples/homepage.txt
• Contact Page - examples/contact-page.txt
• About Page - examples/about-page.txt

Workflow

1. Ask user what type of page they want to create
2. Reference PAGE_TEMPLATES.md for ready-made templates
3. Customize content, colors, and images as needed
4. Generate unique CSS timestamps for each element
5. Create the page via WP-CLI
6. Set required post meta (_wpb_vc_js_status, _wpb_shortcodes_custom_css)
7. Verify creation with wp post get PAGE_ID

Important Notes

• Colors in font_container use URL encoding: %23ff7eb9 = #ff7eb9
• Links use URL encoding: url:%2Fshop = url:/shop
• Always set _wpb_vc_js_status to true
• Compile all CSS from shortcodes into _wpb_shortcodes_custom_css meta