我的小部件沒有出現在我的 Wordpress 網站上

Question

我在博客教程中發現了一些 PHP 代碼，這些代碼在我的主題中啟用了小部件。 該代碼似乎應該可以工作，因為自從添加它以來，小部件選項已出現在側邊欄中的“外觀”選項卡下。 本教程還提供了一些代碼，用於放置您希望小部件出現的區域——在我的例子中是頁腳，我在下面包含了它。 我在小部件拖放部分添加的任何內容都沒有顯示，包括標題等。我嘗試添加一些不同的內容，但沒有任何成功。 控制台中沒有顯示錯誤。 有誰知道可能有什么問題？

添加到我的functions.php

if (function_exists('register_sidebar')) {

    register_sidebar(array(
        'name' => 'Footer',
        'id'   => 'footer',
        'description'   => 'Here you can add widgets to the footer',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget'  => '</div>',
        'before_title'  => '<h6>',
        'after_title'   => '</h6>'
    ));

}

添加到我的footer.php

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('widgetized-area')) : else : ?>

    <div class="pre-widget">
        <p><strong>Widgetized Area</strong></p>
        <p>This panel is active and ready for you to add some widgets via the WP Admin</p>
    </div>

<?php endif; ?>

我的標題

<header class="header">
    <!-- LOGOS -->
    <a href="#">
        <img class="standard logo" src="http://www.lucieaverillphotography.co.uk/wp-content/uploads/2015/12/Lucie_Averill_Photography_Logo-2.png">
        <img class="white logo" src="http://www.lucieaverillphotography.co.uk/wp-content/uploads/2016/01/Lucie_Averill_Photography_Logo_White.png"></a>
    <!-- LOGOS -->
    <img class="menu button" src="http://www.lucieaverillphotography.co.uk/wp-content/uploads/2016/01/Menu.png">
    <!-- HEADER NAVIGATION MENU -->
    <nav class="header-nav">
        <div class="menu-header-menu-container">
            <ul id="menu-header-menu" class="menu">
                <li id="menu-item-463">
                    <a href="#">WORK</a>
                    <ul class="sub-menu">
                        <li id="menu-item-584"><a href="#">LANDSCAPES</a></li>
                        <li id="menu-item-473"><a href="#">SEASCAPES</a></li>
                        <li id="menu-item-478"><a href="#">MACRO</a></li>
                        <li id="menu-item-477"><a href="#">CITIES</a></li>
                        <li id="menu-item-475"><a href="#">LONG EXPOSURE</a></li>
                        <li id="menu-item-480"><a href="#">MISCELLANEOUS</a></li>
                    </ul>
                </li>
                <li id="menu-item-10"><a href="#">ABOUT</a></li>
                <li id="menu-item-464"><a href="#">SHOP</a></li>
                <li id="menu-item-923">
                    <a href="#">SOCIAL</a>
                        <ul class="sub-menu">
                        <li id="menu-item-11"><a target="_blank" href="#">FACEBOOK</a></li>
                        <li id="menu-item-924"><a href="#">INSTAGRAM</a></li>
                        <li id="menu-item-15"><a target="_blank" href="#">FLICKR</a></li>
                    </ul>
                    </li>
                <li id="menu-item-14"><a href="#">CONTACT</a></li>
            </ul>
        </div>
    </nav>
</header>

Answer 1

我認為問題在於 dynamic_sidebar(); 需要通過 id 調用您注冊的側邊欄，因此：

dynamic_sidebar('footer');

不是

dynamic_sidebar('widgetized-area');

從法典中看到 這個和這個