0

0

如何在 WordPress 小工具区域中随机显示自定义 HTML 小工具

碧海醫心

碧海醫心

发布时间:2026-03-06 22:20:03

|

608人浏览过

|

来源于php中文网

原创

如何在 WordPress 小工具区域中随机显示自定义 HTML 小工具

本文介绍一种轻量、可靠的方法,通过钩子过滤 sidebars_widgets 数组,在前端页面加载时对指定小工具区域(如广告位)中的小工具进行随机排序并仅显示其中一个,从而实现广告轮播效果。

本文介绍一种轻量、可靠的方法,通过钩子过滤 sidebars_widgets 数组,在前端页面加载时对指定小工具区域(如广告位)中的小工具进行随机排序并仅显示其中一个,从而实现广告轮播效果。

在 WordPress 主题开发中,常需为文章底部、侧边栏等位置设置广告位,并通过多个「自定义 HTML」小工具上传不同广告素材(如图片链接、Banner 代码等)。若希望这些广告自动轮播展示(即每次页面刷新随机显示其中一项),无需插件、不依赖 JavaScript 或缓存干扰,最稳健的方案是利用 WordPress 的 sidebars_widgets 过滤器,在小工具渲染前动态重排并截取。

✅ 实现原理简述

WordPress 在调用 dynamic_sidebar() 前,会通过 wp_get_sidebars_widgets() 获取当前激活的小工具列表,该列表以关联数组形式存储(键为 sidebar ID,值为小工具 ID 数组)。我们通过 sidebars_widgets 过滤器介入此过程,对目标侧边栏(如 'grand-angle')内的小工具 ID 数组执行 shuffle() 随机打乱,并使用 array_slice() 保留首个元素——从而确保每次请求仅渲染一个随机小工具。

?️ 完整实现代码(推荐添加至主题 functions.php)

// 在 functions.php 中添加以下代码
add_filter( 'sidebars_widgets', 'custom_randomize_widget_order' );

function custom_randomize_widget_order( $sidebars_widgets ) {
    // 指定需启用随机轮播的小工具区域 ID 列表(支持多个)
    $target_sidebars = array( 'grand-angle' );

    foreach ( $target_sidebars as $sidebar_id ) {
        // 确保该侧边栏存在且当前非后台管理页(避免影响小工具拖拽排序)
        if ( isset( $sidebars_widgets[ $sidebar_id ] ) && ! is_admin() ) {
            // 随机打乱小工具顺序
            shuffle( $sidebars_widgets[ $sidebar_id ] );
            // 仅保留第一个小工具(即随机选中的一项)
            $sidebars_widgets[ $sidebar_id ] = array_slice( $sidebars_widgets[ $sidebar_id ], 0, 1 );
        }
    }

    return $sidebars_widgets;
}

⚠️ 关键注意事项

  • 仅作用于前端:! is_admin() 条件确保后台小工具管理界面不受影响,拖拽排序功能完全正常;
  • 不影响其他侧边栏:通过 $target_sidebars 数组可灵活扩展,例如添加 'sidebar-footer' 实现多区域轮播;
  • 兼容性良好:适用于所有基于标准小工具 API 的主题(包括 Block Theme 的传统小工具区域);
  • 无性能负担:shuffle() 和 array_slice() 时间复杂度极低,即使小工具数量达数十个也无感知延迟;
  • 不修改数据库:所有操作均在内存中完成,原始小工具顺序永久保留,安全可控。

? 扩展建议

如需实现「每 N 小时轮换一次」而非「每次刷新轮换」,可结合 wp_cache_set() 与 wp_cache_get() 缓存随机结果,并配合定时任务(wp_schedule_event)定期刷新缓存键——但对大多数广告轮播场景而言,纯前端随机已足够公平且高效。

PNG Maker
PNG Maker

利用 PNG Maker AI 将文本转换为 PNG 图像。

下载

综上,该方案以最小侵入性达成最大实用性,是 WordPress 广告位轮播的经典实践模式。

立即学习前端免费学习笔记(深入)”;

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
数据库三范式
数据库三范式

数据库三范式是一种设计规范,用于规范化关系型数据库中的数据结构,它通过消除冗余数据、提高数据库性能和数据一致性,提供了一种有效的数据库设计方法。本专题提供数据库三范式相关的文章、下载和课程。

383

2023.06.29

如何删除数据库
如何删除数据库

删除数据库是指在MySQL中完全移除一个数据库及其所包含的所有数据和结构,作用包括:1、释放存储空间;2、确保数据的安全性;3、提高数据库的整体性能,加速查询和操作的执行速度。尽管删除数据库具有一些好处,但在执行任何删除操作之前,务必谨慎操作,并备份重要的数据。删除数据库将永久性地删除所有相关数据和结构,无法回滚。

2108

2023.08.14

vb怎么连接数据库
vb怎么连接数据库

在VB中,连接数据库通常使用ADO(ActiveX 数据对象)或 DAO(Data Access Objects)这两个技术来实现:1、引入ADO库;2、创建ADO连接对象;3、配置连接字符串;4、打开连接;5、执行SQL语句;6、处理查询结果;7、关闭连接即可。

357

2023.08.31

MySQL恢复数据库
MySQL恢复数据库

MySQL恢复数据库的方法有使用物理备份恢复、使用逻辑备份恢复、使用二进制日志恢复和使用数据库复制进行恢复等。本专题为大家提供MySQL数据库相关的文章、下载、课程内容,供大家免费下载体验。

259

2023.09.05

vb中怎么连接access数据库
vb中怎么连接access数据库

vb中连接access数据库的步骤包括引用必要的命名空间、创建连接字符串、创建连接对象、打开连接、执行SQL语句和关闭连接。本专题为大家提供连接access数据库相关的文章、下载、课程内容,供大家免费下载体验。

329

2023.10.09

数据库对象名无效怎么解决
数据库对象名无效怎么解决

数据库对象名无效解决办法:1、检查使用的对象名是否正确,确保没有拼写错误;2、检查数据库中是否已存在具有相同名称的对象,如果是,请更改对象名为一个不同的名称,然后重新创建;3、确保在连接数据库时使用了正确的用户名、密码和数据库名称;4、尝试重启数据库服务,然后再次尝试创建或使用对象;5、尝试更新驱动程序,然后再次尝试创建或使用对象。

420

2023.10.16

vb连接access数据库的方法
vb连接access数据库的方法

vb连接access数据库方法:1、使用ADO连接,首先导入System.Data.OleDb模块,然后定义一个连接字符串,接着创建一个OleDbConnection对象并使用Open() 方法打开连接;2、使用DAO连接,首先导入 Microsoft.Jet.OLEDB模块,然后定义一个连接字符串,接着创建一个JetConnection对象并使用Open()方法打开连接即可。

466

2023.10.16

vb连接数据库的方法
vb连接数据库的方法

vb连接数据库的方法有使用ADO对象库、使用OLEDB数据提供程序、使用ODBC数据源等。详细介绍:1、使用ADO对象库方法,ADO是一种用于访问数据库的COM组件,可以通过ADO连接数据库并执行SQL语句。可以使用ADODB.Connection对象来建立与数据库的连接,然后使用ADODB.Recordset对象来执行查询和操作数据;2、使用OLEDB数据提供程序方法等等。

231

2023.10.19

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

1

2026.03.06

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.5万人学习

AngularJS教程
AngularJS教程

共24课时 | 4万人学习

CSS教程
CSS教程

共754课时 | 40.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号