我的小部件是';t出现在我的Wordpress网站上


My widgets aren't appearing on my Wordpress site

我在一个博客教程中发现了一些PHP代码,它在我的主题中启用了小部件。代码似乎应该可以工作,因为自从添加它之后,widgets选项就出现在侧边栏的"外观"选项卡下。教程还提供了一些代码,可以放在您希望小部件出现的区域中——在我的例子中是页脚,我在下面包含了它。我在小部件拖放部分添加的内容都没有显示,包括标题等。我尝试添加了一些不同的内容,但没有成功。控制台中没有显示任何错误。有人知道可能出了什么问题吗?

添加到我的功能.pp

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>'
    ));
}

已添加到我的页脚.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>

我认为问题在于dynamic_sidebar();需要通过id调用您注册的侧边栏,所以:

dynamic_sidebar('footer');

不是

dynamic_sidebar('widgetized-area');

从编码x 中查看这个和这个