redux-framework - フロントページに Redux フレームワークのスライダー オプションを表示する

Question

上記のコードを使用してヘッダーにスライドを表示しますが、高さが 100% になっているため、redux オプション パネル オプションに追加して、スライダーの画像を必要なサイズにリサイズします。

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <?php global $ro_settings;?>
                    <?php $i = 0; ?>
                    <?php foreach( $ro_settings['slides'] as $slide )  : ?>
                    <?php if ( $i == 0 ) : ?>
                    <li data-target="#carousel-example-generic" data-slide-to="<?php echo $i; ?>" class="active"></li>
                <?php else : ?>
                <li data-target="#carousel-example-generic" data-slide-to="<?php echo $i; ?>"></li>
            <?php endif; ?>
            <?php $i++; ?>
        <?php endforeach; ?>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner">
        <?php $i = 0; ?>
        <?php foreach( $ro_settings['slides'] as $slide ) : ?>
        <?php if ( $i == 0 ) : ?>
        <div class="item active">
        <?php else : ?>
        <div class="item">
        <?php endif; ?>

        <img src="<?php echo $slide['image']; ?>" alt=""/>
        <div class="carousel-caption">
            <h1><?php echo $slide['title']; ?></h1>
            <p><?php echo $slide['description']; ?></p>
        </div>
    </div>
    <?php $i++; ?>
<?php endforeach; ?>

およびオプション パネルのコード

    /* Slider */
$this->sections[] = array(
            'icon'      => 'el el-picture',
            'title'     => __('Slider', 'wpdf'),
            'fields'    => array(
        array(
            'id'        => 'slides',
            'type'      => 'slides',
            'title'     => __('Slider Options', 'wpdf'),
            'subtitle'  => __('Add slider images.', 'wpdf'),
            'desc'      => __('Note: Allowed extensions are .jpg, .png and .gif', 'wpdf'),
            'placeholder'   => array(
            'title'         => __('This is a title', 'wpdf'),
            'description'   => __('Description Here', 'wpdf'),
            'url'           => __('Give us a link!', 'wpdf'),
            ), 
        ), 
             array(
            'id'        =>'slider_width',
            'type'      => 'slider',       
            'title'     => __('Slider Width', 'wpdf'), 
            'subtitle'  => __('Specify your slider width.', 'wpdf'),
            'validate'  => 'numeric',
            "min"       => "50",
            "step"      => "1",
            "max"       => "1200",
            'default'   => "1200"          
            ),
        array(
            'id'        =>'slider_height',
            'type'      => 'slider',       
            'title'     => __('Slider Height', 'wpdf'), 
            'subtitle'  => __('Specify your slider height.', 'wpdf'),
            'validate'  => 'numeric',
            "min"       => "300",
            "step"      => "1",
            "max"       => "600",
            'default'   => "500"          
            ),

        ),
     );

スライドの高さの値を取得する方法

私は試した

<?php $i = 0; ?>
            <?php foreach( $ro_settings['slides'] as $slide ) : ?>
            <?php $slider_width = ro_get_option( 'slider_width', '1200' ); $slider_width = ro_get_option( 'slider_width', '1200' ); ?>
            <?php $slider_slider_height = ro_get_option( 'slider_height', '500' ); $slider_height = ro_get_option( 'slider_height', '500' ); ?>
            <?php if ( $i == 0 ) : ?>
            <div class="item active">
            <?php else : ?>
            <div class="item">
            <?php endif; ?>

            <img src="<?php echo $slide['image']; ?>" alt=""/>
            <div class="carousel-caption">
                <h1><?php echo $slide['title']; ?></h1>
                <p><?php echo $slide['description']; ?></p>
            </div>
        </div>
        <?php $i++; ?>
    <?php endforeach; ?>

しかし、これでは何も得られず、スライドのサイズは変わりません