将 Wordpress 小部件应用到小部件区域

Question

我是第一次使用 WordPress，现在我正在尝试将自定义小部件添加到 HTML 框中。

我开始阅读一些关于小部件的内容，教程告诉我在我的 functions.php 文档中创建一个新的小部件区域，我使用以下代码做到了这一点：

<?php
/**
 * Register our sidebars and widgetized areas.
 *
 */
function arphabet_widgets_init() {

    register_sidebar( array(
        'name'          => 'Home right sidebar',
        'id'            => 'home_right_1',
        'before_widget' => '<div>',
        'after_widget'  => '</div>',
        'before_title'  => '<h2 class="rounded">',
        'after_title'   => '</h2>',
    ) );

}
add_action( 'widgets_init', 'arphabet_widgets_init' );
?>

现在我进入了我的 index.php 文档，其中存储了 HTML 所以我尝试将以下代码添加到 HTML 空白新闻框中：

<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
    <div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
        <?php dynamic_sidebar( 'sidebar-1' ); ?>
    </div><!-- #primary-sidebar -->
<?php endif; ?>

我也完成此操作后，进入我的 WordPress 管理菜单并将插件应用到小部件。

但是它不会显示...

有人知道为什么吗？

Answer 1

更新您的 index.php 代码如下：

<?php if ( is_active_sidebar( 'home_right_1' ) ) : ?>
    <div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
        <?php dynamic_sidebar( 'home_right_1' ); ?>
    </div><!-- #primary-sidebar -->
<?php endif; ?>

将 Wordpress 小部件应用到小部件区域

Appy Wordpress Widget to Widget area

php

html

wordpress

widget

area