第4章 1.6 ④ sidebar.php のソースコードと詳細

1.6 ④ sidebar.php のソースコードと解説　

解説）　表示されるサイト画面のサイド側で共有に使用されるプログラムです。

ここでは左側にサイドメニュー（下図の赤線）を表示します。左メニュー上段に6つの「固定ページ」を表示する Side Menu（下図の緑線）、左メニュー中段に3つのカテゴリーを表示する Side Menu2 （下図の青線）、左メニュー下段に第6章の２でインストールするWordPressのプラグイン「WP Simple Booking Calendar」（下図の黄色線）を表示します。

以下が今回のプログラムソースです。

<div class="d-flex flex-column">
    <?php wp_nav_menu(array(
        'theme_location' => 'side-menu',
        'menu_class' => 'list-group list-inline',
    ));
    ?>
    <br>
    <?php wp_nav_menu(array(
        'theme_location' => 'side-menu2',
        'menu_class' => 'list-group list-inline',
    ));
    ?>
    <br>
    <div class="card">
        <p class="h6 text-center">休診日のご案内</p>
        <?php if (is_active_sidebar('sidebar-widget-area-2')) : ?>
            <aside class="container">
                <?php dynamic_sidebar('sidebar-widget-area-2'); ?>
            </aside>
        <?php endif; ?>

        <div class="d-flex justify-content-around">
            <div class="h6"><span class="badge bg-success bg-opacity-25 text-dark">診察日</span></div>
            <div class="h6"><span class="badge bg-danger bg-opacity-25 text-dark">休診日</span></div>
            <div class="h6"><span class="badge bg-warning bg-opacity-25 text-dark">その他</span></div>
        </div>
    </div>
</div>

解説

参考）1.2 php基本プログラム一覧と簡単な解説です。