如何向 WordPress 主题添加自定义小部件区域
如果您非常了解 WordPress 主题,您应该知道大量的 WP 主题带有小部件就绪或小部件区域,如侧边栏、页脚和页眉。
如果您访问站点的管理仪表板并转到外观、小部件,您将找到可用小部件的列表,并且可以拖放它们以进行激活或停用。
但除了使用默认的 WP 小部件外,您还可以自由使用 将自定义小部件区域添加到您的 WordPress 用于添加自定义链接、文本、社交链接、导航菜单、日历等的主题。
文章目录
什么是 WordPress 中的小部件?
小部件是允许用户将内容和功能添加到称为小部件就绪区域或侧边栏的某些主题区域的模块。
最初,它们被添加到主题中,以生成一种简单的方式来管理主题的设计和结构。
就目前而言,您可以找到大量小部件化的 WordPress 主题,以在 WordPress 主题设计和结构中添加页眉、页脚和侧边栏,而无需使用任何编码控件。
这些小部件甚至可以提供用于添加或删除、管理或更改信息、图像、链接、画廊等的自定义选项。
WordPress 开发人员也可以创建自定义小部件区域。 还有许多现代主题和插件包含自己的自定义小部件,您可以快速添加到侧边栏,同时克服任何编码过程。
如果您在 WordPress 网站上找不到所需的小部件区域,您可以 将自定义小部件区域添加到您的 WordPress 借助少量编码或其他插件轻松实现。
1. 通过创建站点特定插件将自定义小部件区域添加到您的 WordPress:
现在,让我们向您介绍将自定义小部件添加到您的 WP 站点的第一种方法,该方法与将代码粘贴到主题的 functions.php.file 中有关。
在创建自定义小部件之前,您需要创建一个特定于站点的插件以将所需的代码粘贴到其中,因为如果您将代码粘贴到 functions.php.file 中,则在给定主题处于活动状态之前它将不可用。
您可以手动创建特定于站点的插件,也可以从您正在使用的 FTP 客户端获取它。 我们向初学者推荐第二种选择,因为它更简单且易于遵循。
通过 FTP 客户端连接您的 WP 站点,然后转到远程站点列下的 /wp-content/plugins 文件夹。 选择站点特定的插件文件夹并将其上传到您的站点。
站点特定的插件文件夹将转移到您的站点,您将能够在网站上安装它。
现在,只有通过转到管理仪表板上的插件页面并从中激活站点特定插件来完成激活。 现在这个插件可以使用了。
添加插件后,您可以复制下面的代码并将其添加到插件中,以创建欢迎访问者的自定义小部件
//注册并加载小部件
功能 yoursite_load_widget() {
register_widget('yoursite_widget');
}
add_action('widgets_init', 'yoursite_load_widget');
// 创建小部件
类 yoursite _widget 扩展 WP_Widget {
函数 __construct() {
父::__构造(
// 小部件的基本 ID
'你的网站 _widget',
// 小部件名称将出现在 UI 中
__('Yoursite Widget', 'yoursite_widget_domain'),
// 小部件描述
array( 'description' => __( '基于 SKT 教程的示例小部件', 'yoursite_widget_domain' ), )
);
}
// 创建小部件前端
公共功能小部件($args,$instance){
$title = apply_filters('widget_title', $instance[‘title’] );
// 小部件参数之前和之后由主题定义
回声 $args[‘before_widget’];
if ( !empty( $title ) )
回声 $args[‘before_title’] . $标题。 $args[‘after_title’];
// 这是你运行代码并显示输出的地方
echo __( '你好!', 'yoursite_widget_domain' );
回声 $args[‘after_widget’];
}
// 小部件后端
公共函数形式($instance){
if ( isset( $instance[ ‘title’ ] ) ) {
$title = $实例[ ‘title’ ];
}
别的 {
$title = __('新标题', 'yoursite_widget_domain' );
}
// 小部件管理表单
?>
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » 如何向 WordPress 主题添加自定义小部件区域