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

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

11-22

WordPress 主题开发

193

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 输入安全

消毒是清理或过滤您的输入数据的过程。无论数据来自用户还是API或Web服务，当您不知道期望或不想严格的数据验证时，您都可以使用清除信息。消除数据的最简单方法是使用内置的WordPress功能。消毒系统的帮助函数提供了一种有效的方式来确保您最终获得安全的数据，并且您需要尽可能少的努力： sanitize_email() sanitize_file_name() sanitize_html_cl […]

WordPress 主题开发

2024-05-04

542 0 0

WordPress 添加 Favicon 图标的方法

WordPress 添加 Favicon 图标的方法

为什么要使用favicon图标打开网页时，浏览器中标签中会显示favicon图标收藏网站时，收藏夹会显示favicon图标创建快捷方式时，favicon会作为网站快捷方式的桌面图标 WordPress添加favicon图标方法图片制作好了以后，就可以上传到网站作为浏览器图标了，这里我们为大家准备了4种方法，你可以任意挑选一个自己喜欢的使用方法一：使用WordPress自带的自定义模块打开Word […]

WordPress 主题开发

2023-06-23

1.1千 0 0

WordPress 发送邮件

一，WordPress 默认发送邮件的函数参数：$to (string|array) (Required)收信人地址，多个收信人使用数组形式。$subject (string) (Required) 邮件主题$message (string) (Required) 邮件内容$headers (string|array) (Optional) 额外的头部。 Default value: ” $at […]

WordPress 主题开发

2023-07-26

1.5千 0 0

WordPress 自定义 JWT 授权和验证

WordPress 自定义 JWT 授权和验证

WordPress 自带的 RESTful API 内置的身份验证方法是 Cookie Authentication ，登录仪表板时，会生成cookie。为了防止CSRF，需要在请求的地址后面，加上一个 nonce 参数“_wpnonce”。 CSRF请参考：https://javascript.net.cn/article?id=683 nonce生成，参考：https://verytheme. […]

WordPress 主题开发 RESTful API

2024-05-04

572 0 0

WordPress WP_Query() 文章置顶的方法

WordPress WP_Query() 文章置顶的方法

置顶文章的查询 WordPress 文章列表文章置顶，使用 WP_query() 时, ignore_sticky_posts 参数设置为 false，则会在查询结果的头部，附带所有的置顶文章。但实际开发中，因为各种需求，最好的方式是使用两个 WP_query()，第一个 WP_query() 只列出置顶的文章，第二个 WP_query() 只列出不置顶的文章，然后剩下的 Ajax 请求，都不 […]

WordPress 主题开发

11-22

127 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

像素鱼丸

149 文章

0 评论

4 喜欢

Mirage 主题 v2.93.0 发布

Mirage 主题 v2.93.0 发布

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

动态

4天前

29 0 0

如何使用 WordPress Setting API

如何使用 WordPress Setting API

使用 WordPress 的 Setting API 是在插件或主题中创建和管理设置页面的标准方式。它提供了一种结构化、安全的方式来保存和获取用户配置的选项。 ✅ 一、Setting API 简介 WordPress 的 Setting API 允许你：创建设置页面（Settings Page）注册设置字段（Settings Field）验证和保存设置数据使用表单提交来更新设置 ✅ 二、基 […]

WordPress 主题开发

13天前

59 0 0

详解 WordPress 的评论设置

详解 WordPress 的评论设置

好的，我们来详细梳理并总结 WordPress 中关于文章评论的两个核心控制层级：全局设置和单篇设置。理解这两者的关系（优先级）是管理网站评论的关键。 1. 全局设置 (Global Settings) —— 网站的“默认规则” 这是整个网站评论系统的总开关和默认行为准则。它决定了新发布的文章默认是什么样子的。位置：WordPress 后台仪表盘 -> 设置 (Settings) -> […]

WordPress 使用教程

15天前

58 0 0

wp_handle_comment_submission 函数

wp_handle_comment_submission 函数

wp_handle_comment_submission() 是 WordPress 中用于处理评论提交的核心函数之一。它通常在用户提交评论时被调用，负责验证和处理评论数据，并最终将评论插入到数据库中。 ✅ 函数作用 wp_handle_comment_submission() 的主要功能是：验证用户提交的评论数据（如评论内容、用户名、邮箱等）检查是否为垃圾评论（通过 Akismet 或其他过 […]

WordPress 主题开发

17天前

53 0 0