我的小部件不会出现在我的Wordpress网站

时间:2016-03-24 21:15:01

标签: php wordpress

我在博客教程中发现了一些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>

1 个答案:

答案 0 :(得分:1)

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

dynamic_sidebar('footer');

dynamic_sidebar('widgetized-area');

请参阅codex中的thisthis