Builder

Header Builder

This section is already built-in. From Customizer, select "Header".

Value Format

'header_placements' => [
  'current_section' => 'main',
  'sections' => [
    [
      'id' => 'main',
      'label' => 'Main Header',
      'mode' => 'placements',
      'items' => [
        [ 'id' => 'menu', 'values' => [ ... ] ],
        [ 'id' => 'logo', 'values' => [ ... ] ],
        [ 'id' => 'top-row', 'values' => [ ... ] ],
        [ 'id' => 'middle-row', 'values' => [ ... ] ],
        [ 'id' => 'bottom-row', 'values' => [ ... ] ],
        [ 'id' => 'offcanvas', 'values' => [ ... ] ],
        [ 'id' => 'mobile-menu', 'values' => [ ... ] ],
        [ 'id' => 'trigger', 'values' => [ ... ] ],
      ],
      'desktop' => [
        [ 'id' => 'top-row', 'placements' => [
          [ 'id' => 'start', 'items' => [] ],
          [ 'id' => 'middle', 'items' => [] ],
          [ 'id' => 'end', 'items' => [] ],
          [ 'id' => 'start-middle', 'items' => [] ],
          [ 'id' => 'end-middle', 'items' => [] ],
        ] ],
        [ 'id' => 'middle-row', 'placements' => [
          [ 'id' => 'start', 'items' => [ 'logo' ] ],
          [ 'id' => 'middle', 'items' => [] ],
          [ 'id' => 'end', 'items' => [ 'menu' ] ],
          [ 'id' => 'start-middle', 'items' => [] ],
          [ 'id' => 'end-middle', 'items' => [] ],
        ] ],
        [ 'id' => 'bottom-row', 'placements' => [
          [ 'id' => 'start', 'items' => [] ],
          [ 'id' => 'middle', 'items' => [] ],
          [ 'id' => 'end', 'items' => [] ],
          [ 'id' => 'start-middle', 'items' => [] ],
          [ 'id' => 'end-middle', 'items' => [] ],
        ] ],
      ],
      'mobile' => [
        [ 'id' => 'top-row', 'placements' => [
          [ 'id' => 'start', 'items' => [] ],
          [ 'id' => 'middle', 'items' => [] ],
          [ 'id' => 'end', 'items' => [] ],
          [ 'id' => 'start-middle', 'items' => [] ],
          [ 'id' => 'end-middle', 'items' => [] ],
        ] ],
        [ 'id' => 'middle-row', 'placements' => [
          [ 'id' => 'start', 'items' => [ 'logo' ] ],
          [ 'id' => 'middle', 'items' => [] ],
          [ 'id' => 'end', 'items' => [ 'trigger' ] ],
          [ 'id' => 'start-middle', 'items' => [] ],
          [ 'id' => 'end-middle', 'items' => [] ],
        ] ],
        [ 'id' => 'bottom-row', 'placements' => [
          [ 'id' => 'start', 'items' => [] ],
          [ 'id' => 'middle', 'items' => [] ],
          [ 'id' => 'end', 'items' => [] ],
          [ 'id' => 'start-middle', 'items' => [] ],
          [ 'id' => 'end-middle', 'items' => [] ],
        ] ],
        [ 'id' => 'offcanvas', 'placements' => [
          [ 'id' => 'start', 'items' => [ 'mobile-menu' ] ],
        ] ],
      ],
    ],
  ], // sections
]

Footer Builder

This section is already built-in. From Customizer, select "Footer".

Value Format

'footer_placements' => [
  'current_section' => 'main',
  'sections' => [
    [
      'id' => 'main',
      'label' => __( 'Main Footer' ),
      'mode' => 'columns',
      'settings' => [],
      'items' => [
        [ 'id' => 'menu', 'values' => [ ... ] ],
        [ 'id' => 'copyright', 'values' => [ ... ] ],
        [ 'id' => 'top-row', 'values' => [ ... ] ],
        [ 'id' => 'middle-row', 'values' => [ ... ] ],
        [ 'id' => 'bottom-row', 'values' => [ ... ] ],
      ],
      'rows' => [
        [ 'id' => 'top-row', 'columns' => [
          [ 'menu' ]
        ] ],
        [ 'id' => 'middle-row', 'columns' => [
          [ 'widget-area-1' ],
          [ 'widget-area-2' ],
          [ 'widget-area-3' ]
        ] ],
        [ 'id' => 'bottom-row', 'columns' => [
          [ 'copyright' ]
        ] ],
      ],
    ]
  ] // sections
]