WordPress ThickBox 使用教程

更新于 2025年4月17日 教程,未分类

ThickBox介绍

ThickBox 是一个基于 JQuery 类库的扩展，它能在浏览器界面上显示非常棒的 UI 框， 它可以显示单图片，多图片，ajax 请求内容或链接内容。

WordPress 中 ThickBox 如何使用

WordPress 后台自带的 ThickBox jQuery 库有两种使用方式：

  • iframe 模式：在弹出层中加载另外一个网页。
  • inline 模式：在弹出层中加载 HTML 片段

下面分别详细讲讲这两种模式的详细使用方法：

iframe 模式

<?php add_thickbox(); ?>

点击查看<a class="thickbox" title="详细介绍" href="/wp-admin/admin.php?page=test_page&TB_iframe=true&width=420&height=480">点击查看更多</a>

其中：

无论是 iframe 模式还是 inline 模式，首先都要通过 <?php add_thickbox(); ?> 方式加载 ThickBox 库，然后一定要设置 a 标签的 class 的属性为：”thickbox”，不然 ThickBox 不会生效。

a 标签的 href 属性即为 iframe 要加载的页面，TB_iframe 参数指定的是 ThickBox 的 iframe 模式，width 参数指定了弹出层的宽度，height 参数指定了弹出层的高度。

如果还定义了 a 标签的 title 属性，则为弹出层的标题。

inline 模式

<?php add_thickbox(); ?>
<a class="thickbox" title="感谢" href="#TB_inline?height=220&width=220&inlineId=donate-422">感谢</a>
<div id="donate-422" style="display: none;">
这里是thickbox的内容
</div>

inline 模式和 iframe 模式很多参数和用法都是相同，最大的区别，它不是一个链接，而是链接的锚点，#TB_inline 指定了 ThickBox 的 inline 模式，inlineId 则指定了弹出层的 HTML 片段来自哪里。

你可能还喜欢下面这些文章

WordPress自动内链插件 WPKAL ，网站全自动增加锚链接必备插件WordPress自动内链插件 WPKAL ，网站全自动增加锚链接必备插件

什么是内链内链，顾名思义就是在同一网站域名下的内容页面之间的互相链接（自己网站的内容链接到自己网站的内部页面，也称之为站内链接）。自动内链工作原理简单来说，我们设定一些词表以及词表对应的链接，比如词是wordpress插件，链接是http。

如何通过WordPress优化图片懒加载性能如何通过WordPress优化图片懒加载性能

本文详细介绍了如何通过WordPress优化图片懒加载性能，提升网站加载速度与用户体验。文章首先阐述了懒加载技术的重要性，指出其能按需加载可视区域图片，显著减少带宽消耗。随后提供了三种优化方案：启用WordPress原生懒加载功能（设置→媒体

为什么WordPress插件会导致网站性能下降为什么WordPress插件会导致网站性能下降

WordPress插件虽能扩展网站功能，却常成为性能下降的隐形杀手。本文深度解析插件拖慢网站的三大主因：冗余数据库查询、未压缩静态资源及低效定时任务，并揭示容易被忽视的依赖链冲突和后台消耗问题。通过真实案例展示单个插件可能加载26个资源文件，

如何利用WordPress优化外部资源加载顺序如何利用WordPress优化外部资源加载顺序

本文详细探讨了如何通过WordPress优化外部资源加载顺序以提升网站性能。文章指出不当的JS、CSS和第三方脚本加载会导致渲染阻塞，严重影响用户体验。作者提供了系统化的解决方案：首先利用开发者工具识别关键路径上的问题资源；接着分别针对CSS

WordPress 敏感词违禁词屏蔽插件 WPWJC 介绍与下载WordPress 敏感词违禁词屏蔽插件 WPWJC 介绍与下载

这款插件的核心功能就是一点：找出文章中的违禁词、敏感词等措辞不当的词语，替换成你设置的更合适的词或者直接替换“*”号。请注意，需要同时下载站长工具箱和违禁词屏蔽插件，安装插件时也需要两个插件同时安装。

如何优化WordPress网站的谷歌核心指标得分如何优化WordPress网站的谷歌核心指标得分

优化WordPress网站的谷歌核心指标（Core Web Vitals）对提升搜索排名和用户体验至关重要。本文系统解析了LCP（加载速度）、FID（交互响应）和CLS（视觉稳定性）三大指标的优化方法：通过升级主机、压缩图片、延迟加载优化LC

如何使用WordPress内置功能实现标签云展示如何使用WordPress内置功能实现标签云展示

**摘要内容：** 本文详细介绍了如何利用WordPress内置功能实现标签云展示，无需安装插件即可提升网站内容导航与SEO效果。标签云能帮助访客快速发现主题内容，WordPress提供了三种实现方式：通过小工具拖拽设置（调整数量、排序等）

如何优化WordPress网站的外部脚本加载速度如何优化WordPress网站的外部脚本加载速度

如何优化WordPress网站的外部脚本加载速度？外部脚本（如分析工具、社交媒体插件等）是拖慢网站性能的主因之一，它们会增加DNS查询时间并阻塞页面渲染。优化步骤包括：1. 使用Query Monitor插件分析现有脚本；2. 通过缓存插件或