[
'type' => 'group-field',
'section' => 'header_button_element_section',
'priority' => 5,
'tabs' => [
'desktop' => [
'nicename' => esc_html__( '> 1200px', 'bizness' ),
'preview' => 'desktop',
'active_tab' => true,
'controls' => [
'header_button_setting_inherit',
'header_button_sep_1',
'header_button_text',
'header_button_sep_one',
'header_button_url',
'header_button_link_nofollow',
'header_button_url_open',
'header_button_sep_three',
'header_button_colors',
'header_button_bg_colors',
'header_button_border_radius',
'header_button_padding',
'header_button_sep_2',
'header_button_container_padding',
'header_button_container_margin'
]
],
'tablet' => [
'nicename' => esc_html__( '> 768px', 'bizness' ),
'preview' => 'tablet',
'active_tab' => false,
'controls' => [
'header_button_sep_1',
'header_button_md_border_radius',
'header_button_sep_2',
'header_button_container_md_padding',
'header_button_container_md_margin'
]
],
'mobile' => [
'nicename' => esc_html__( '< 576px', 'bizness' ),
'preview' => 'mobile',
'active_tab' => false,
'controls' => [
'header_button_sep_1',
'header_button_sm_border_radius',
'header_button_sep_2',
'header_button_container_sm_padding',
'header_button_container_sm_margin'
]
]
],
],
'header_button_setting_inherit' => [
'type' => 'custom',
'section' => 'header_button_element_section',
'default' => '' . esc_html__( 'Default Settings »', 'bizness' ) . '
',
'description' => esc_html__( 'INFO:- Default settings inherit from global»button. Set below settings to override default one.', 'bizness' ),
'priority' => 10
],
'header_button_sep_1' => [
'type' => 'custom',
'section' => 'header_button_element_section',
'default' => '' . esc_html__( 'Content', 'bizness' ) . '
',
'priority' => 10
],
'header_button_text' => [
'type' => 'text',
'label' => esc_html__( 'Button Text', 'bizness' ),
'section' => 'header_button_element_section',
'priority' => 10,
'default' => esc_html__( 'Button', 'bizness' ),
'transport' => 'postMessage',
'js_vars' => [
[
'element' => '.site-header .site-header-wrap .header-button-wrap a span',
'function' => 'html'
]
]
],
'header_button_sep_one' => [
'type' => 'custom',
'section' => 'header_button_element_section',
'default' => '',
'priority' => 10
],
'header_button_url' => [
'type' => 'link',
'label' => esc_html__( 'Button URL', 'bizness' ),
'section' => 'header_button_element_section',
'priority' => 10,
'transport' => 'auto',
'default' => '#',
'partial_refresh' => [
'header_button_url' => [
'selector' => '.site-header',
'render_callback' => 'bizness_header_main',
],
],
],
'header_button_url_open' => [
'type' => 'radio',
'label' => esc_html__( 'Link Open', 'bizness' ),
'section' => 'header_button_element_section',
'default' => '_blank',
'priority' => 10,
'choices' => [
'_self' => esc_html__( 'Self Window Tab', 'bizness' ),
'_blank' => esc_html__( 'New Window Tab', 'bizness' )
],
'partial_refresh' => [
'header_button_url_open' => [
'selector' => '.site-header',
'render_callback' => 'bizness_header_main',
],
],
],
'header_button_link_nofollow' => [
'type' => 'toggle',
'label' => esc_html__( 'Set links to nofollow', 'bizness' ),
'section' => 'header_button_element_section',
'default' => '1',
'priority' => 10,
'partial_refresh' => [
'header_button_link_nofollow' => [
'selector' => '.site-header',
'render_callback' => 'bizness_header_main',
],
],
],
'header_button_sep_three' => [
'type' => 'custom',
'section' => 'header_button_element_section',
'default' => '',
'priority' => 10
],
'header_button_colors' => [
'type' => 'multicolor',
'label' => esc_html__( 'Font Colors', 'bizness' ),
'description' => esc_html__( 'Set button text and icon normal and hover colors.', 'bizness' ),
'section' => 'header_button_element_section',
'choices' => [
'color_1' => esc_html__( 'Normal', 'bizness' ),
'color_2' => esc_html__( 'Hover', 'bizness' )
],
'default' => [
'color_1' => '',
'color_2' => ''
],
'priority' => 10,
'output' => [
[
'choice' => 'color_1',
'element' => '.site-header .header-button-wrap .header-button',
'property' => 'color',
],
[
'choice' => 'color_2',
'element' => '.site-header .header-button-wrap .header-button:hover',
'property' => 'color',
],
],
],
'header_button_bg_colors' => [
'type' => 'multicolor',
'label' => esc_html__( 'Background Colors', 'bizness' ),
'description' => esc_html__( 'Set button background normal and hover colors.', 'bizness' ),
'section' => 'header_button_element_section',
'choices' => [
'color_1' => esc_html__( 'Normal', 'bizness' ),
'color_2' => esc_html__( 'Hover', 'bizness' )
],
'default' => [
'color_1' => '',
'color_2' => ''
],
'priority' => 10,
'output' => [
[
'choice' => 'color_1',
'element' => '.site-header .header-button-wrap .header-button',
'property' => 'background',
],
[
'choice' => 'color_2',
'element' => '.site-header .header-button-wrap .header-button:hover',
'property' => 'background',
],
],
],
'header_button_border_width' => [
'type' => 'slider',
'label' => esc_html__( 'Border Width', 'bizness' ),
'description' => esc_html__( 'Set button border width', 'bizness' ),
'section' => 'header_button_element_section',
'default' => '',
'choices' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
'priority' => 10,
'transport' => 'auto',
'output' => [
[
'property' => 'border-width',
'element' => '.site-header .header-button-wrap .header-button',
'suffix' => 'px'
]
],
],
'header_button_md_border_width' => [
'type' => 'slider',
'label' => esc_html__( 'Border Width', 'bizness' ),
'description' => esc_html__( 'Set button border width', 'bizness' ),
'section' => 'header_button_element_section',
'default' => '',
'choices' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
'priority' => 10,
'transport' => 'auto',
'output' => [
[
'media_query' => '@media (max-width: 768px)',
'property' => 'border-width',
'element' => '.site-header .header-button-wrap .header-button',
'suffix' => 'px'
]
],
],
'header_button_sm_border_width' => [
'type' => 'slider',
'label' => esc_html__( 'Border Width', 'bizness' ),
'description' => esc_html__( 'Set button border width', 'bizness' ),
'section' => 'header_button_element_section',
'default' => '',
'choices' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
'priority' => 10,
'transport' => 'auto',
'output' => [
[
'media_query' => '@media (max-width: 576px)',
'property' => 'border-width',
'element' => '.site-header .header-button-wrap .header-button',
'suffix' => 'px'
]
],
],
'header_button_border_radius' => [
'type' => 'slider',
'label' => esc_html__( 'Border Radius', 'bizness' ),
'description' => esc_html__( 'Set button border radius', 'bizness' ),
'section' => 'header_button_element_section',
'default' => '3',
'choices' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'priority' => 10,
'transport' => 'auto',
'output' => [
[
'property' => 'border-radius',
'element' => '.site-header .header-button-wrap .header-button',
'suffix' => 'px'
]
],
],
'header_button_md_border_radius' => [
'type' => 'slider',
'label' => esc_html__( 'Border Radius', 'bizness' ),
'description' => esc_html__( 'Set button border radius', 'bizness' ),
'section' => 'header_button_element_section',
'default' => '',
'choices' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'priority' => 10,
'transport' => 'auto',
'output' => [
[
'media_query' => '@media (max-width: 768px)',
'property' => 'border-radius',
'element' => '.site-header .header-button-wrap .header-button',
'suffix' => 'px'
]
],
],
'header_button_sm_border_radius' => [
'type' => 'slider',
'label' => esc_html__( 'Border Radius', 'bizness' ),
'description' => esc_html__( 'Set button border radius', 'bizness' ),
'section' => 'header_button_element_section',
'default' => '',
'choices' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'priority' => 10,
'transport' => 'auto',
'output' => [
[
'media_query' => '@media (max-width: 576px)',
'property' => 'border-radius',
'element' => '.site-header .header-button-wrap .header-button',
'suffix' => 'px'
]
],
],
'header_button_sep_2' => [
'type' => 'custom',
'section' => 'header_button_element_section',
'default' => '' . esc_html__( 'CONTAINER SETTING', 'bizness' ) . '
',
'priority' => 10
],
'header_button_container_padding' => [
'type' => 'dimensions',
'label' => esc_html__( 'Padding', 'bizness' ),
'description' => esc_html__( 'Set button container padding.', 'bizness' ),
'section' => 'header_button_element_section',
'priority' => 10,
'default' => [
'padding-top' => '',
'padding-bottom' => '',
'padding-left' => '',
'padding-right' => '',
],
'choices' => [
'labels' => [
'padding-top' => esc_html__( 'Top', 'bizness' ),
'padding-bottom' => esc_html__( 'Bottom', 'bizness' ),
'padding-left' => esc_html__( 'Left', 'bizness' ),
'padding-right' => esc_html__( 'Right', 'bizness' ),
],
],
'transport' => 'auto',
'output' => [
[
'choice' => 'padding-top',
'property' => 'padding-top',
'element' => '.site-header .header-button-wrap',
],
[
'choice' => 'padding-bottom',
'property' => 'padding-bottom',
'element' => '.site-header .header-button-wrap',
],
[
'choice' => 'padding-left',
'property' => 'padding-left',
'element' => '.site-header .header-button-wrap',
],
[
'choice' => 'padding-right',
'property' => 'padding-right',
'element' => '.site-header .header-button-wrap',
],
],
],
'header_button_container_md_padding' => [
'type' => 'dimensions',
'label' => esc_html__( 'Padding', 'bizness' ),
'description' => esc_html__( 'Set button container padding.', 'bizness' ),
'section' => 'header_button_element_section',
'priority' => 10,
'default' => [
'padding-top' => '',
'padding-bottom' => '',
'padding-left' => '',
'padding-right' => '',
],
'choices' => [
'labels' => [
'padding-top' => esc_html__( 'Top', 'bizness' ),
'padding-bottom' => esc_html__( 'Bottom', 'bizness' ),
'padding-left' => esc_html__( 'Left', 'bizness' ),
'padding-right' => esc_html__( 'Right', 'bizness' ),
],
],
'transport' => 'auto',
'output' => [
[
'media_query' => '@media (max-width: 768px)',
'choice' => 'padding-top',
'property' => 'padding-top',
'element' => '.site-header .header-button-wrap',
],
[
'media_query' => '@media (max-width: 768px)',
'choice' => 'padding-bottom',
'property' => 'padding-bottom',
'element' => '.site-header .header-button-wrap',
],
[
'media_query' => '@media (max-width: 768px)',
'choice' => 'padding-left',
'property' => 'padding-left',
'element' => '.site-header .header-button-wrap',
],
[
'media_query' => '@media (max-width: 768px)',
'choice' => 'padding-right',
'property' => 'padding-right',
'element' => '.site-header .header-button-wrap',
],
],
],
'header_button_container_sm_padding' => [
'type' => 'dimensions',
'label' => esc_html__( 'Padding', 'bizness' ),
'description' => esc_html__( 'Set button container padding.', 'bizness' ),
'section' => 'header_button_element_section',
'priority' => 10,
'default' => [
'padding-top' => '',
'padding-bottom' => '',
'padding-left' => '',
'padding-right' => '',
],
'choices' => [
'labels' => [
'padding-top' => esc_html__( 'Top', 'bizness' ),
'padding-bottom' => esc_html__( 'Bottom', 'bizness' ),
'padding-left' => esc_html__( 'Left', 'bizness' ),
'padding-right' => esc_html__( 'Right', 'bizness' ),
],
],
'transport' => 'auto',
'output' => [
[
'media_query' => '@media (max-width: 576px)',
'choice' => 'padding-top',
'property' => 'padding-top',
'element' => '.site-header .header-button-wrap',
],
[
'media_query' => '@media (max-width: 576px)',
'choice' => 'padding-bottom',
'property' => 'padding-bottom',
'element' => '.site-header .header-button-wrap',
],
[
'media_query' => '@media (max-width: 576px)',
'choice' => 'padding-left',
'property' => 'padding-left',
'element' => '.site-header .header-button-wrap',
],
[
'media_query' => '@media (max-width: 576px)',
'choice' => 'padding-right',
'property' => 'padding-right',
'element' => '.site-header .header-button-wrap',
],
],
],
'header_button_container_margin' => [
'type' => 'dimensions',
'label' => esc_html__( 'Margin', 'bizness' ),
'description' => esc_html__( 'Set button container margin.', 'bizness' ),
'section' => 'header_button_element_section',
'priority' => 10,
'default' => [
'margin-top' => '',
'margin-bottom' => '',
'margin-left' => '',
'margin-right' => '',
],
'choices' => [
'labels' => [
'margin-top' => esc_html__( 'Top', 'bizness' ),
'margin-bottom' => esc_html__( 'Bottom', 'bizness' ),
'margin-left' => esc_html__( 'Left', 'bizness' ),
'margin-right' => esc_html__( 'Right', 'bizness' ),
],
],
'transport' => 'auto',
'output' => [
[
'choice' => 'margin-top',
'property' => 'margin-top',
'element' => '.site-header .header-button-wrap',
],
[
'choice' => 'margin-bottom',
'property' => 'margin-bottom',
'element' => '.site-header .header-button-wrap',
],
[
'choice' => 'margin-left',
'property' => 'margin-left',
'element' => '.site-header .header-button-wrap',
],
[
'choice' => 'margin-right',
'property' => 'margin-right',
'element' => '.site-header .header-button-wrap',
],
],
],
'header_button_container_md_margin' => [
'type' => 'dimensions',
'label' => esc_html__( 'Margin', 'bizness' ),
'description' => esc_html__( 'Set button container margin.', 'bizness' ),
'section' => 'header_button_element_section',
'priority' => 10,
'default' => [
'margin-top' => '',
'margin-bottom' => '',
'margin-left' => '',
'margin-right' => '',
],
'choices' => [
'labels' => [
'margin-top' => esc_html__( 'Top', 'bizness' ),
'margin-bottom' => esc_html__( 'Bottom', 'bizness' ),
'margin-left' => esc_html__( 'Left', 'bizness' ),
'margin-right' => esc_html__( 'Right', 'bizness' ),
],
],
'transport' => 'auto',
'output' => [
[
'media_query' => '@media (max-width: 768px)',
'choice' => 'margin-top',
'property' => 'margin-top',
'element' => '.site-header .header-button-wrap',
],
[
'media_query' => '@media (max-width: 768px)',
'choice' => 'margin-bottom',
'property' => 'margin-bottom',
'element' => '.site-header .header-button-wrap',
],
[
'media_query' => '@media (max-width: 768px)',
'choice' => 'margin-left',
'property' => 'margin-left',
'element' => '.site-header .header-button-wrap',
],
[
'media_query' => '@media (max-width: 768px)',
'choice' => 'margin-right',
'property' => 'margin-right',
'element' => '.site-header .header-button-wrap',
],
],
],
'header_button_container_sm_margin' => [
'type' => 'dimensions',
'label' => esc_html__( 'Margin', 'bizness' ),
'description' => esc_html__( 'Set button container margin.', 'bizness' ),
'section' => 'header_button_element_section',
'priority' => 10,
'default' => [
'margin-top' => '',
'margin-bottom' => '',
'margin-left' => '',
'margin-right' => '',
],
'choices' => [
'labels' => [
'margin-top' => esc_html__( 'Top', 'bizness' ),
'margin-bottom' => esc_html__( 'Bottom', 'bizness' ),
'margin-left' => esc_html__( 'Left', 'bizness' ),
'margin-right' => esc_html__( 'Right', 'bizness' ),
],
],
'transport' => 'auto',
'output' => [
[
'media_query' => '@media (max-width: 576px)',
'choice' => 'margin-top',
'property' => 'margin-top',
'element' => '.site-header .header-button-wrap',
],
[
'media_query' => '@media (max-width: 576px)',
'choice' => 'margin-bottom',
'property' => 'margin-bottom',
'element' => '.site-header .header-button-wrap',
],
[
'media_query' => '@media (max-width: 576px)',
'choice' => 'margin-left',
'property' => 'margin-left',
'element' => '.site-header .header-button-wrap',
],
[
'media_query' => '@media (max-width: 576px)',
'choice' => 'margin-right',
'property' => 'margin-right',
'element' => '.site-header .header-button-wrap',
],
],
],
];
foreach ( $fields as $field_id => $field_args ) {
// Settings
$field_args['settings'] = str_replace( '-', '_', $field_id );
Kirki::add_field( 'bizness', $field_args );
}