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

摘要:imwpnovel是一款功能强大的单本小说主题,具有极速、简约、安全、友好的用户体验等特点,支持多终端访问和丰富的广告位。该主题无限制域名绑定,多种阅读模式,更好的兼容性,支持静态化后的页面自定义,超低售价139元。演示地址和购买链接已

WordPress 如何开启多站点,开启多站点方法WordPress 如何开启多站点,开启多站点方法

本文介绍了如何在WordPress中开启多站点功能以及配置nginx以支持多站点。首先,编辑wp-config.php文件并设置WP_ALLOW_MULTISITE为true来启用多站点。然后停用所有插件并进入工具-配置网络进行设置。配置完成

WordPress 文章自动配图、缩略图插件 WPAC 介绍与下载WordPress 文章自动配图、缩略图插件 WPAC 介绍与下载

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

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

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

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

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