首页 » 博文 » wpbeginner » 最佳主题 » 如何在 WordPress 中添加动态小部件就绪侧边栏

如何在 WordPress 中添加动态小部件就绪侧边栏

小部件是 WordPress 主题不可或缺的一部分,很难想象没有小部件的 WordPress 主题。小部件是可执行脚本,您只需将其拖放到侧边栏或主题中的任何其他小部件就绪区域即可。我们的许多读者利用小部件将自定义元素添加到侧边栏。然而,本文适用于那些想要了解如何在 WordPress 主题中添加动态小部件就绪侧边栏或小部件就绪区域的好奇用户。

在 WordPress 中注册侧边栏或小部件就绪区域

您需要做的第一件事是为您的主题注册侧边栏或小部件就绪区域。您可以注册多个侧边栏和小部件就绪区域。复制此代码并将其粘贴到主题的functions.php 文件中

1234567891011121314151617 号18192021222324functionwpb_widgets_init() {    register_sidebar( array(        'name'=> __( 'Main Sidebar', 'wpb'),        'id'=> 'sidebar-1',        'description'=> __( 'The main sidebar appears on the right on each page except the front page template', 'wpb'),        'before_widget'=> '<aside id="%1$s" class="widget %2$s">',        'after_widget'=> '</aside>',        'before_title'=> '<h3 class="widget-title">',        'after_title'=> '</h3>',    ) );    register_sidebar( array(        'name'=>__( 'Front page sidebar', 'wpb'),        'id'=> 'sidebar-2',        'description'=> __( 'Appears on the static front page template', 'wpb'),        'before_widget'=> '<aside id="%1$s" class="widget %2$s">',        'after_widget'=> '</aside>',        'before_title'=> '<h3 class="widget-title">',        'after_title'=> '</h3>',    ) );    }add_action( 'widgets_init', 'wpb_widgets_init');

WPCode与 ❤️ 主办

在 WordPress 中一键使用

在这段代码中,我们注册了两个侧边栏。我们为它们提供了名称和描述,以便在小部件屏幕上识别它们。描述参数可用于告诉用户此侧边栏出现在主题中的位置。wpb 是我们正在开发的主题的名称,它在这里用于使这些字符串可翻译。您应该将其替换为您的主题名称。

新创建的侧边栏出现在小部件屏幕上

在 WordPress 主题文件中添加动态小部件就绪侧边栏

到目前为止,我们只注册了动态侧边栏。用户可以从外观»小部件屏幕将小部件拖放到这些侧边栏中。但是,这些侧边栏不会出现在您的网站上,直到在模板(例如sidebar.php您想要显示它们的任何地方)中调用它们为止。要添加这些小部件区域,请编辑要显示它们的模板文件并粘贴以下代码:

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

WPCode与 ❤️ 主办

在 WordPress 中一键使用

在此示例代码中,我们使用侧边栏 id 来调用我们要在此处显示的侧边栏。更改侧边栏 ID 以显示另一个侧边栏。例如,您可以为页脚区域注册三个侧边栏,然后在主题模板中一一调用它们footer.php

小部件可以非常强大。您可以将小部件添加到帖子和页面内容中使文本小部件变得丰富多彩,或者扩展默认 WordPress 小部件的功能。正确放置的小部件就绪侧边栏允许用户使用简单的拖放界面将自定义元素添加到其网站。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top