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种链接形式供我们选择。

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

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

WordPress 添加标签WordPress 添加标签

标签是附在主要内容或帖子上用于识别的小信息。以下是在WordPress中添加标签的步骤。显示标签页面。以下是标签上的字段的详细信息。新创建的标签将显示在页面的右侧,如以下屏幕截图所示。