WordPress ThickBox 使用教程

更新于 2024年2月15日 教程,未分类

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。

蜂集采集器如何开启进程模式蜂集采集器如何开启进程模式

如何开启进程模式第一步：进入蜂集后台，找到系统配置，运行模式选择进程模式第二步：打开WP扩展，找到系统配置-进程，点击开启进程即可（下面是是进程已经启动的情况）当前的进程在windows和linux上均可使用，不过windows上没有测试，可

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

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

wordpress单本小说主题 imwpnovelwordpress单本小说主题 imwpnovel

推荐功能更强大的，支持付费的多本小说wpnovo，点击下方文章卡片直达：imwpnovel，极佳的wordpress单本小说主题主题简介一款单本小说主题应该是什么样子。//demo.imwpweb.com/imwpnovel8.购买地址htt

WordPress文章自动配图、缩略图插件：wpacWordPress文章自动配图、缩略图插件：wpac

2、自动生成的图片并非真实在磁盘中的图片，而是动态生成的，如果保存到磁盘会占用大量空间，这个空间没必要浪费，因此修改主题代码，直接将缩略图的地址改为wpac自动生成的缩略图地址是一个非常好的方案。

wordpress怎么设置固定链接wordpress怎么设置固定链接

请查看更详细的设置教程：wordpress如何设置固定链接。登录wordpress后台，点击后台设置栏目下的“固定链接”按钮。wordpress提供了6种链接形式供我们选择。

如何禁止WordPress头部加载s.w.org如何禁止WordPress头部加载s.w.org

href=’//s.w.org’>WordPress在头部添加dns-prefetch，应该是为了从s.w.org预获取表情和头像，目的是提高网页加载速度。

蜂集采集器如何采集标签蜂集采集器如何采集标签

一个正确的标签是由逗号隔开的多个词组成（单个词就不用逗号隔开了）如下图所示：因此正确采集标签的方法应该是通过采集，过滤，替换操作，将内容整理成逗号分隔的内容。比如我们要采集的网页源码中的tag和下面的代码类似tag是在a标签中，那么jquer