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

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

11-22

WordPress 主题开发

170

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 文章按照自定义字段排序

WordPress 文章按照自定义字段排序

在 WordPress 中，如果你想通过代码在文章编辑页添加一个自定义字段 list_order，并在使用 WP_Query 调用文章列表时根据这个字段的值进行排序，可以按照以下步骤操作： ✅ 步骤一：在文章编辑页添加自定义字段（list_order）你可以使用 add_meta_box() 函数在文章编辑页面中添加一个自定义字段。 // 在 functions.php 或自定义插件中添加 fu […]

WordPress 主题开发

11-18

122 0 0

WordPress 如何实现登录后才可以阅读全文

WordPress 如何实现登录后才可以阅读全文

在 WordPress 中实现“登录后才可以阅读全文”的功能，可以通过以下几种方式来实现。最常见的方式是使用 WordPress 内置的 is_user_logged_in() 函数结合内容截断（如“更多”分隔符）或自定义逻辑。 ✅ 方法一：使用“更多”分隔符 + 自定义过滤器（推荐）在文章中插入“更多”分隔符在 WordPress 编辑器中（经典编辑器或 Gutenberg 的“更多”块）， […]

WordPress 主题开发

01-06

122 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 Customizer 自定义器控件类型

WordPress Customizer 自定义器控件类型

当然可以！在 WordPress Customizer 中，除了基础的 text 和 email 控件外，还支持多种内置控件类型（Control Types）。下面为你整理常用控件类型 + 完整代码示例，你可以直接复制到主题的 functions.php 中使用。 ✅ 前提：所有代码都挂载到 customize_register 钩子 add_action( 'customize_registe […]

WordPress 主题开发

12-09

175 0 0

WordPress 引入自定义 JavaScript 文件

WordPress 引入自定义 JavaScript 文件

在 WordPress 引入 JS 文件的三种方法。在前台引入 javascript 文件 function add_front_script() { wp_enqueue_script( 'boot', get_template_directory_uri() . '/js/test.js'); } add_action( 'wp_enqueue_scripts', 'add_front_sc […]

WordPress 主题开发

11-22

107 0 0

WordPress 自定义文章类型

WordPress 自定义文章类型

一，WordPress 添加自定义文章模块在使用 WordPress 开发时，除了使用文章类型，常常需要一个新的类型，比如，一个音频文章管理模块。这时可以使用 register_post_type 创建一个新的文章类型，这样 WordPress 后台也会产生一个音频模块，非常方便。 add_action('init', 'flame_custom_post_type'); function fl […]

WordPress 主题开发

11-22

73 0 0

像素鱼丸

146 文章

0 评论

4 喜欢

wp_handle_comment_submission 函数

wp_handle_comment_submission 函数

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

WordPress 主题开发

1天前

13 0 0

Mirage 主题 v2.89.0 发布

Mirage 主题 v2.89.0 发布

Mirage 主题 v2.89.0 发布 feat 懒加载图片增加灰色背景颜色 refactor 移除一些无用的js文件 fix 优化卡片列表样式 feat 如果设置里删除logo，就直接显示网站名称 fix 修复pc下拉菜单宽度的一个样式bug fix 修复未登录用户取消喜欢时产生的一个错误 fix 优化 wp_vt_star 表结构下载地址：https://gitee.com/vthemec […]

动态

1天前

35 0 0

WordPress set_transient()使用方法和实现

WordPress set_transient()使用方法和实现

set_transient() 是 WordPress 中用于设置临时数据的函数，它允许你将数据存储在缓存中，这些数据会在指定的时间后自动过期。它是 WordPress 提供的 transient API 的一部分，常用于缓存数据库查询、API 响应或其他计算密集型操作的结果。一、基本概念 1. 什么是 Transient？ Transient 是 WordPress 中的一种缓存机制，类似于 […]

WordPress 主题开发

01-06

131 0 0

WordPress 如何实现付费后才可以查看全文

WordPress 如何实现付费后才可以查看全文

在 WordPress 中实现“付费后才可以查看全文”的功能，通常需要结合会员/订阅系统与内容访问控制。以下是几种主流、可靠且可扩展的实现方式，从简单到高级依次说明： ✅ 方法一：使用专业付费内容插件（推荐，适合大多数用户）推荐插件： MemberPress（功能强大，商业插件） Paid Memberships Pro（免费版可用，扩展性强） Restrict Content Pro 中 […]

WordPress 主题开发

01-06

181 0 0