Wordpress 中的 Lity - PHP

介绍

Lity 是一个轻量级的 jQuery 插件，用于创建响应式的轻盈弹窗。它支持图片、视频、iframe 和普通 HTML 内容。

而 Wordpress 中的 Lity - PHP 是基于 Lity 的一个 Wordpress 插件，它可以方便地集成到 Wordpress 系统中，使得网站管理员可以轻松地使用 Lity 功能。

安装

在 Wordpress 后台管理界面中，点击左侧菜单的“插件”选项，然后点击右上角的“添加新插件”按钮。

在搜索框中输入“Lity - PHP”，并安装该插件。激活后，就可以在文章或页面中使用 Lity 弹窗功能了。

使用

点击图片时弹窗

在编辑文章或页面时，如果需要让某张图片在点击后弹窗显示，可以在图片的HTML代码中加上 class="lity" 即可。

<a href="your-image-url.jpg" class="lity">
    <img src="your-image-url.jpg">
</a>

点击链接时弹窗

在编辑文章或页面时，如果需要让某个链接在点击后弹窗显示，可以在链接的HTML代码中加上 data-lity 属性，并添加要弹窗显示的链接地址。

<a href="#" data-lity="https://www.example.com/">
    Click me to open example.com website in a Lity lightbox
</a>

使用 Shortcode

除了在编辑器中使用 HTML 代码来控制 Lity 弹窗，还可以使用 Wordpress 的 shortcode 来方便地添加 Lity 弹窗。

在文章或页面中使用以下代码：

[lity url="your-image-url.jpg" title="Optional title" caption="Optional caption text"]

可以让你方便地控制要弹窗显示的内容、标题和文字说明。

总结

在 Wordpress 中使用 Lity - PHP 插件，可以轻松地实现功能强大的弹窗效果，帮助你更好地展现你的网站内容。珍惜这个插件，它会帮助你更快地实现你的愿望，加入开源世界，尽情享受！