Eigene Options Page

//Activate custom settings
  add_action( 'admin_init', 'webkfz_custom_settings' );


  function webkfz_custom_settings() {
    register_setting( 'webkfz-settings-group', 'customer' );
    register_setting( 'webkfz-settings-group', 'countcars' );
    register_setting( 'webkfz-settings-group', 'stilList' );


    add_settings_section( 'webkfz-all-options', '', 'webkfz_options', 'webkfz');


    add_settings_field( 'customer', 'Kunde', 'webkfz_customer', 'webkfz', 'webkfz-all-options');
    add_settings_field( 'countCars', 'Anzahl der Fahrzeuge in der Liste', 'webkfz_countcars', 'webkfz', 'webkfz-all-options');
    add_settings_field( 'stilList', 'Stil Listenansicht', 'webkfz_stilList', 'webkfz', 'webkfz-all-options');
  }
  function webkfz_options() {   
  }
  function webkfz_customer() {
    $firstName = esc_attr( get_option( 'customer' ) );   
    echo '<input type="text" name="customer" value="'.$firstName.'" placeholder="First Name" />';
  }
  function webkfz_countcars() {
    $countCars = esc_attr( get_option( 'countcars' ) );   
    echo '<input type="text" name="countcars" value="'.$countCars.'" placeholder="Anzahl der Fahrzeuge" />';
  }


  function webkfz_stilList() {
    $stilList = esc_attr( get_option( 'stilList' ) );   
    echo '<select>
    <option value="volvo">Card Default</option>
    <option value="saab">Card Primary</option>
    <option value="mercedes">Card Secondary</option>
    <option value="audi">Card Hover</option>
  </select>';   
  }
  function webkfz_theme_create_page() {
    require_once( '/templates/webkfz-admin.php' );
  }

<?php


//add_settings_section( $id, $title, $callback, $page );
//register_setting( $option_group, $option_name, $args = array() );


register_setting( 'webkfz', 'webkfz_customer_settings' );
register_setting( 'webkfz', 'webkfz_countListCars_settings' );
register_setting( 'webkfz', 'webkfz_stilList_settings' );


add_settings_section('webkfz_customer','','re_settings_section_callback','webkfz');
add_settings_section('webkfz_countCars','','re_settings_section_callback','webkfz');
add_settings_section('webkfz_stilList','','re_settings_section_callback','webkfz');


add_settings_field('webkfz_customer',    'Kunde','webkfz_customer_func','webkfz','webkfz_customer');
add_settings_field('webkfz_countCars','Anzahl der Fahrzeuge in der Liste','webkfz_countCars_func','webkfz','webkfz_countCars');
add_settings_field('webkfz_stilList','Stil Listenansicht','webkfz_stilList_func','webkfz','webkfz_stilList');




function webkfz_customer_func() {


    $customer = get_option( 'webkfz_customer_settings' );
    ?>
    <select name='webkfz_customer_settings[webkfz_customer]'>
        <option value='103' <?php selected( $customer['webkfz_customer'], 1 ); ?>>Horrer</option>
        <option value='2' <?php selected( $customer['webkfz_customer'], 2 ); ?>>Option 2</option>
    </select>


<?php


}


function webkfz_countCars_func(){
  $countCars = get_option( 'webkfz_countListCars_settings' );
 echo '<input type="text" name="webkfz_countListCars_settings" value="'.$countCars.'" placeholder="Anzahl Fahrzeuge" />';
}


function webkfz_stilList_func(){
    $stilList = get_option( 'webkfz_stilList_settings' );
    ?>
    <select name='webkfz_stilList_settings[webkfz_stilList]'>
        <option value='default' <?php selected( $stilList['webkfz_stilList'], "default" ); ?>>Card Default</option>
        <option value='primary' <?php selected( $stilList['webkfz_stilList'], "primary" ); ?>>Card Primary</option>
    <option value='secondary' <?php selected( $stilList['webkfz_stilList'], "secondary" ); ?>>Card Secondary</option>
    <option value='hover' <?php selected( $stilList['webkfz_stilList'], "hover" ); ?>>Card Hover</option>
  
    </select>


<?php




}






function re_settings_section_callback(  ) {
}




function webkfz_options_page(  ) {
  require_once( '/../templates/webkfz-admin.php' );
}