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

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

像素鱼丸

11-22

WordPress 主题开发

302

一，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 常用函数 / 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

1千 0 0

WordPress 用户元信息 get_user_meta() 和 update_user_meta()

WordPress 用户元信息 get_user_meta() 和 update_user_meta()

在WordPress中，get_user_meta 和 set_user_meta 是两个重要的函数，用于管理和操作用户相关的元数据（自定义字段）。下面是对这两个函数的详细说明： get_user_meta() 获取用户元信息功能：此函数用于从数据库中检索与特定用户关联的元数据值。语法： get_user_meta( $user_id, $meta_key, $single ); Copy $ […]

WordPress 主题开发

像素鱼丸

11-22

360 0 0

WordPress 数据库表结构

WordPress 数据库表结构

WordPress 一共有以下12个表，默认表前缀是 “wp_” wp_commentmeta 存储评论的元数据 meta_id：自增唯一ID comment_id：对应评论ID meta_key：键名 meta_value：键值 wp_comments 存储评论 comment_ID：自增唯一ID comment_post_ID：对应文章ID comment_author […]

WordPress 主题开发

像素鱼丸

2024-05-04

613 0 0

WordPress 增加文章阅读次数

WordPress 增加文章阅读次数

1，数据库相关表 WordPress 文章表中是没有文章点击次数这个字段的，所以把文章点击次数，保存在表 wp_postmeta 中。 2, 通用函数 /** * 设置文章浏览次数 */ function setPostViews($postID) { $count_key = 'post_views_count'; $count = get_post_meta($postID, $count_k […]

WordPress 主题开发

像素鱼丸

11-22

300 0 0

WordPress JWT 教程1: WordPress 添加 JWT 验证

WordPress JWT 教程1: WordPress 添加 JWT 验证

要在 WordPress 中使用 firebase/php-jwt 库实现自定义 JWT（JSON Web Token）身份验证（而不是依赖插件），你可以通过创建一个自定义插件来完成。这种方式更灵活、可控，适合前后端分离、App 或自定义 API 项目。下面是一个完整、安全、可运行的实现步骤： ✅ 第一步：安装 firebase/php-jwt 方法 A：使用 Composer（推荐）在你的 […]

WordPress 主题开发

像素鱼丸

12-31

370 0 0

Woocomerce 代码获取产品列表

Woocomerce 代码获取产品列表

在WordPress中，如果你使用的是WooCommerce插件来管理产品，你可以通过WooCommerce提供的函数和WordPress的查询功能来获取产品列表。下面是一个简单的示例代码，展示如何获取并显示产品列表： // 确保在适当的地方添加此代码，例如在你的主题文件中或通过创建一个自定义插件 if (function_exists('wc')) { // 创建一个新的WP_Query对象来获 […]

WordPress 主题开发 woocomerce

像素鱼丸

08-20

383 0 0

像素鱼丸

160 文章

2 评论

4 喜欢

VooShop 商城主题

主题简介 Vooshop 是一个简单精美的 WordPress 主题，支持自适应、暗黑模式、多语言等功能，可以用于企业、团体、自由职业者或更广泛的主页。 Vooshop：回归 WooCommerce 的纯粹与极速零冗余代码，零多余功能。一个完全依赖 WooCommerce 原生能力的轻量级主题。 Vooshop 不做 WooCommerce 做不到的事，我们只负责让它跑得更快。市面上的主题总试 […]

作品

像素鱼丸

3天前

45 0 0

XZhan 主题

主题简介 XZhan 主题（中文名称：小站主题）是一款 WordPress 企业主题，支持自适应、暗黑模式等功能，可快速构建高质量的企业网站。主题特色支持白天与暗黑模式自适应设计，兼容多种主流浏览器自定义主色调 LOGO扫光动画自定义SMTP支持内置SEO功能文章支持点赞、分享和海报生成丰富的小工具侧边栏粘性滚动简介的主题设置面板主题设置可导入和备份多级子菜单 […]

作品

像素鱼丸

5天前

143 0 0

StarFish 配置框架

一个轻量级的 WordPress 选项框架插件，通过配置化的方式，快速为 WordPress 主题或插件生成后台设置页面。 ✨ 特性 🎯 配置驱动 UI：只需定义数组配置，自动生成完整的表单界面 📱 多页面架构：支持多个独立的设置页面 🎨 丰富的字段类型：包含 15+ 种常用字段类型 🔗 字段依赖系统：实现字段间的联动效果 ✅ 数据验证与清理：自动进行安全清理，防止 XSS 攻击 🚀 零依赖：使用 […]

作品

像素鱼丸

05-30

176 1 0

什么是幽灵按钮

“幽灵按钮”（Ghost Button）是一种常见的网页与移动应用 UI 设计模式，指背景透明（或半透明）、仅通过边框（border）和文字（text）定义的按钮，视觉上“若隐若现”，仿佛“幽灵”一般——因此得名。核心特征：无填充色（transparent background）背景完全透明（或与父容器同色），不遮挡背后内容。清晰的边框（通常 1–2px 实线）如 border: 2px […]

设计

像素鱼丸

05-18

290 0 0

您确定要购买此资源吗？

余额支付

微信支付

或使用以下方式登录