WordPress 使用 shortcode() 增加编辑器功能

本文被收录到:

WordPress 开发文档

WordPress是一款能让您建立出色网站、博客或应用程序的开源软件。美观的设计,强大的功能,助您自由发挥心中所想。WordPress既是免费的,也是无价的。全世界 43% 的网站都在使用WordPress,小到兴趣博客,大到新闻网站。

目录

一,shortcode 简介

使用 shortcode 可以增加文章的功能,实现输入密码显示全部文章内容,付款后显示全部内容。

[shortcode]Some Content[/shortcode] // 封闭标签

[shortcode] // 自闭标签

[shortcode title="example"] // 带有一个参数的自闭标签

[shortcode]<p><a href="#"><span>内容</span></a></p>[/shortcode] // 标签内可以填写文本或 HTML


二,shortcode 使用例子

在使用 shortcode 前,首先必须在主题的 functions.php 文件中定义 shortcode ,例如:

/**
 * @param  $atts    shortcode 的各个参数
 * @param  $content 标签内的内容
 * @return          html string
 */
function test_shortcode($atts, $content = null){
    // 使用 extract 函数解析标签内的参数
    extract(shortcode_atts(array( "title" => '标题' ), $atts));


    return '<div class="myshortcode">
            <h3>'. $title .'</h3>
            <p>
                '. $content .'
            </p>
        </div>';
}
 
add_shortcode("test", "test_shortcode");

 

添加以上代码到 functions.php,经典编辑器可以直接输入 [test][/test]标签调用该 shortcode,如:

[test title="欢迎"]这里填入隐藏内容,回复后可见[/test]


如果使用的是古腾堡编辑器,可以新建小工具中的简码区块。

声明:本站所有文章和图片,如无特殊说明,均为原创发布。商业转载请联系作者获得授权,非商业转载请注明出处。
真诚赞赏,手留余香
赞赏
搜神记
765 文章
4 教程
8 项目
随机推荐
Debian11 安装笔记3:安装 MySQL 5.7
WordPress 自定义 JWT 授权和验证
WordPress 使用 shortcode() 增加编辑器功能
JavaScript video 教程
JavaScript class 的 this 指向
JavaScript 键盘事件
River 主题
ES6 Promise 和 async/await 教程