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

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

11-22

WordPress 主题开发

235

0

一，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，经典编辑器可以直接输入

标题

标签调用该 shortcode，如：


            欢迎
            
                这里填入隐藏内容，回复后可见

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

文章版权声明

发表评论取消

WordPress 使用 tag 标签获取文章列表的方法

WordPress 使用 tag 标签获取文章列表的方法

使用 tag__in 可以调用有特定标签的文章。 //获取一个标签的文章根据标签别名获取有这个标签的文章： $query = new WP_Query( 'tag=cooking' ); //根据标签 ID 获取有这个标签的文章： $query = new WP_Query( 'tag_id=13' ); //获取多个标签的文章根据标签的别名获取带有这几个标签其中一个的文章： $query = […]

WordPress 主题开发

2023-06-18

1.2千 0 0

WP_REST_Response 返回结果类

WP_REST_Response 返回结果类

在开发 WordPress RESTful API 时，用来返回结果集。可以修改 http 请求的状态码。官方文档： http://developer.wordpress.org/rest-api/extending-the-rest-api/adding-custom-endpoints/ http://developer.wordpress.org/reference/classes/wp_ […]

WordPress 主题开发 RESTful API

2023-07-25

1.2千 0 0

WordPress 文章页作者信息 get_the_author() 和 get_the_author_meta()

WordPress 文章页作者信息 get_the_author() 和 get_the_author_meta()

在WordPress中，获取当前文章的作者信息可以使用get_the_author()函数。这个函数返回当前文章的作者用户名。如果你需要获取更多作者的信息，比如邮箱或者用户的其他字段，你可以使用get_userdata()函数。以下是一些示例代码：获取当前文章的作者用户名： echo get_the_author(); Copy 获取当前文章作者的邮箱地址： $author_id = get_ […]

WordPress 主题开发

11-22

246 0 0

WordPress 常用接口

简介 WordPress v4.4以后，已经内置了WP REST API。接口文档：https://developer.wordpress.org/rest-api/ The WordPress REST API provides an interface for applications to interact with your WordPress site by sending and r […]

WordPress 主题开发 RESTful API

2024-05-04

569 0 0

WordPress 添加自定义接口

WordPress 添加自定义接口

相关函数 1、rest_api_init 钩子函数，注册接口的相关信息需要挂载到此钩子上。 2、register_rest_route 接口路由函数代码：通过 http://www.test.com/wp-json/rangtuo/v1/test/666 访问接口。 $request 参数检查权限在使用接口的时候，可以检查用户的权限。

WordPress 主题开发

2023-06-28

1.1千 0 0

WordPress 常用函数 / sanitize_user

WordPress 常用函数 / sanitize_user

sanitize_user( $username, $strict ) 简介清理用户名，去掉所有不安全的字符。删除 HTML 标签，8进制，HTML实体，如果 $strict 参数设置为 true，将删除所有非 ASCII 字符，只保留数字，字母，_，空格，.，-，@。参数$username (string) (required) 要清理的用户名。Default: None $strict (b […]

WordPress 主题开发

2023-07-25

855 0 0

像素鱼丸

152 文章

0 评论

4 喜欢

网站的 Cookie 弹窗

在当前的法规环境下（截至2026年4月），一个合规的Cookie弹窗设计必须遵循“透明、公平、明确”的原则，核心是确保用户拥有真正的选择权。以下是现阶段设计合规Cookie弹窗的关键要点：现阶段合规设计要点禁止默认同意弹窗出现时，所有非必要Cookie的选项都不能被预先勾选。用户必须通过一个明确的、主动的动作（如点击按钮或勾选方框）来表示同意。提供平等的选择权 “拒绝”按钮必须在视觉上和 […]

设计

6天前

20 0 0

网页设计中 banner、jumbotron、hero 都有什么区别

网页设计中 banner、jumbotron、hero 都有什么区别

在网页设计和开发中，banner、jumbotron、hero 这些词通常指代页面顶部最引人注目的区域，但它们在具体含义和使用场景上有所区别。 🎯 核心概念辨析 Banner (横幅/条幅广告) 这是一个非常广泛的术语，通常指网页上任何矩形的广告或信息区域，可以出现在页面的顶部、侧边或底部。它更偏向于广告或信息展示的功能。 Jumbotron (巨幕) 这个词源于 Bootstrap 等前端框架， […]

设计

11天前

128 0 0

宝塔 Nginx 拦截了 WordPress 返回 404 的状态

宝塔 Nginx 拦截了 WordPress 返回 404 的状态

REST api 接口中，有段代码返回404，但是没有正常返回错误json： $wp_response = new \WP_REST_Response(array('error'=>'没有找到数据')); $wp_response->set_status(404); return $wp_response; 返回内容是： <html> <head><tit […]

WordPress 使用教程

17天前

75 0 0

Mirage 主题 v2.93.0 发布

Mirage 主题 v2.93.0 发布

更新内容： refactor 移除图片高宽比开关 refactor 移除全局的TOC生成开关 refactor 优化 header.php 中的seo模块和样式覆盖 feat 主题启用的时候，移除非当前主题注册的小工具 fix 修复分类小工具的bug feat 管理员打开后台，检查最当前设置首页布局的模块，如果缺少最新模块，就添加到隐藏模块列表中 fix 优化链接卡片样式 fix 优化热门文章样式 […]

动态

25天前

117 0 0