当前位置: 首页 > news >正文

非插件方式为wordpress添加一个额外的编辑器

在WordPress中,要添加一个额外的区块编辑器(通常指的是Gutenberg区块编辑器中的一个自定义区块),你需要编写一些PHP代码来注册新的区块,并可能还需要一些JavaScript来处理前端的逻辑。下面是一个简单的示例,展示了如何注册一个自定义的区块并在Gutenberg编辑器中使用它。

首先,你需要在你的WordPress主题或插件的functions.php文件中注册新的区块。下面是一个基本的例子:

// 注册自定义区块
function register_custom_block_style() {register_block_style('core/paragraph', // 你可以使用任何核心区块或自定义区块的名称'custom-style', // 这是新样式的名称array('name'           => __( 'Custom Style', 'textdomain' ), // 在这里替换为你的文本域'label'          => __( 'Custom Style', 'textdomain' ),'style_handle'   => 'custom-css-handle', // 你可以在这里链接到一个CSS样式句柄'label'          => __( 'Custom Paragraph', 'textdomain' ),'style_handle'   => 'name-of-your-style','label'          => __( 'My Custom Paragraph', 'textdomain' ),'style'          => array('name'         => 'custom-style','label'        => __( 'Custom Style', 'textdomain' ),'style_handle' => 'name-of-your-style',),));
}
add_action( 'init', 'register_custom_block_style' );

在这个例子中,我们注册了一个新的样式custom-style到core/paragraph区块。你需要将name-of-your-style替换为你想要应用的CSS类名。

然后,你需要定义这个CSS样式。你可以在你的主题的style.css文件中添加它,或者在functions.php文件中使用register_style函数来动态地注册它:

function register_custom_css_style() {register_style( 'name-of-your-style', array('name'         => 'Custom Style','label'        => __( 'Custom Style', 'textdomain' ),'style_handle' => 'custom-css-handle','label'        => __( 'Custom Style', 'textdomain' ),'style'        => array('color'       => '#ff0000', // 红色文本'background' => '#ffffff', // 白色背景),'label'        => __( 'Red Text', 'textdomain' ),'style'        => array('color' => '#ff0000',),'name'         => 'red-text','label'        => __( 'Red Text', 'textdomain' ),'style'        => array('color' => '#ff0000',),) );
}
add_action( 'wp_enqueue_scripts', 'register_custom_css_style' );

在这个例子中,我们定义了一个名为red-text的CSS样式,它将文本颜色设置为红色。

请注意,上面的代码示例仅用于说明目的,并且可能需要根据你的具体需求进行调整。例如,你可能需要为自定义区块添加更多的设置、属性或逻辑。

此外,为了完整实现自定义区块编辑器,你可能还需要编写JavaScript代码来处理区块的渲染和交互。这通常涉及到使用WordPress的registerBlockRender和registerBlockStyle API,并可能需要熟悉Gutenberg编辑器的内部结构和API。

由于实现一个完整的自定义区块编辑器是一个复杂的任务,上述代码只是起点。如果你不熟悉WordPress和Gutenberg的内部工作,建议查阅WordPress和Gutenberg的官方文档,以获取更详细的指导。

原文

https://www.wowsoho.com/news/6178.html

相关文章:

非插件方式为wordpress添加一个额外的编辑器

在WordPress中,要添加一个额外的区块编辑器(通常指的是Gutenberg区块编辑器中的一个自定义区块),你需要编写一些PHP代码来注册新的区块,并可能还需要一些JavaScript来处理前端的逻辑。下面是一个简单的示例,展示了如何注册一个自定…...

Spark Stage

Spark Stage 什么是Stage Spark中的一个Stage只不过是物理执行计划其中的一个步骤,它是物理执行计划的一个执行单元。一个Job会被拆分为多组Task,每组任务被称为一个Stage,可以简单理解为MapReduce里面的Map Stage, Reduce Stag…...

【国家计算机二级考试C语言.2024】学习备忘录

说明 分值 4060100 40分: 这里面有一大堆程序结果选这题,如果手速还可以。那遇到有疑问的情况就自己去倒计算器的ad E上面去打一打。能够跑出来,结果那是100%的没问题。 有些概念题比较讨厌,只能自己去记忆了。要去背诵熟熟的。…...

十分钟掌握redis精髓指令

编译安装 git clone https://gitee.com/mirrors/redis.git cd redis make make test make install # 默认安装在 /usr/local/bin # redis-server 是服务端程序 # redis-cli 是客户端程序启动 mkdir redis-data # 把redis文件夹下 redis.conf 拷贝到 redis-data # 修改 redis.…...

突然断电导致git损坏修复

背景 使用ide开发时突然断电启动后所有文件都成了没有提交的文件。打开git视图日志也消失不见 # git命令执行结果如下 git status No commits yetChanges to be committed:(use "git rm --cached <file>..." to unstage)new file: .github/FUNDING.ymlnew …...

MATLAB入门指南:从零开始进行数学建模竞赛

第1部分&#xff1a;认识MATLAB 1.1 什么是MATLAB&#xff1f; MATLAB&#xff08;Matrix Laboratory的缩写&#xff09;是一个高性能的数值计算环境和第四代编程语言。由MathWorks公司开发&#xff0c;它提供了一个便捷的数学解决框架&#xff0c;主要用于算法开发、数据可视…...

【JavaEE初阶系列】——带你了解volatile关键字以及wait()和notify()两方法背后的原理

目录 &#x1f6a9;volatile关键字 &#x1f388;volatile 不保证原子性 &#x1f388;synchronized 也能保证内存可见性 &#x1f388;Volatile与Synchronized比较 &#x1f6a9;wait和notify &#x1f388;wait()方法 &#x1f4bb;wait(参数)方法 &#x1f388;noti…...

GitHub配置SSH Key(详细版本)

GitHub配置SSH Key的目的是为了帮助我们在通过git提交代码是&#xff0c;不需要繁琐的验证过程&#xff0c;简化操作流程。比如新建的仓库可以下载, 但是提交需要账号密码。 步骤 一、设置git的user name和email 如果你是第一次使用&#xff0c;或者还没有配置过的话需要操作…...

JavaScript 权威指南第七版(GPT 重译)(六)

第十五章&#xff1a;JavaScript 在 Web 浏览器中 JavaScript 语言是在 1994 年创建的&#xff0c;旨在使 Web 浏览器显示的文档具有动态行为。自那时以来&#xff0c;该语言已经发生了显著的演变&#xff0c;与此同时&#xff0c;Web 平台的范围和功能也迅速增长。今天&#…...

Learning to summarize from human feedback

Abstract 人工参考总结以及 ROUGE 指标只是我们真实关心的目标(总结质量)的粗略代表。通过优化人工偏好来显著提升总结质量使用大量高质量的人类比较来训练一个模型来预测人类偏好的总结使用这个模型作为奖励函数对总结策略进行强化学习微调我们模型的效果在 TL;DR 数据集上显…...

数据库迁移测试

数据迁移测试 在进行项目重构或者更新的时候或多或少会对数据库进行变更&#xff0c;为了保证业务的稳定性对数据进行迁移测试是很有必要的&#xff0c;因为数据就是业务的基石&#xff0c;没有数据业务都是空中楼阁&#xff0c;形同虚设&#xff0c;小编结合近期的工作对数据…...

ASP .Net Core ILogger日志服务

&#x1f433;简介 ILogger日志服务是.NET平台中的一个内置服务&#xff0c;主要用于应用程序的日志记录。它提供了灵活的日志记录机制&#xff0c;允许开发者在应用程序中轻松地添加日志功能。以下是其主要特点和组件&#xff1a; ILogger接口&#xff1a;这是ILogger日志服…...

LeetCode 2657.找到两个数组的前缀公共数组

给你两个下标从 0 开始长度为 n 的整数排列 A 和 B 。 A 和 B 的 前缀公共数组 定义为数组 C &#xff0c;其中 C[i] 是数组 A 和 B 到下标为 i 之前公共元素的数目。 请你返回 A 和 B 的 前缀公共数组 。 如果一个长度为 n 的数组包含 1 到 n 的元素恰好一次&#xff0c;我…...

【jvm】jinfo使用

jinfo介绍 jinfo 是一个命令行工具&#xff0c;用于查看和修改 Java 虚拟机&#xff08;JVM&#xff09;的配置参数。它通常用于调试和性能调优。 使用 jinfo 命令&#xff0c;你可以查看当前 JVM 的配置参数&#xff0c;包括堆大小、线程数、垃圾回收器类型等。此外&#xf…...

C++ Thread 源码 观后 自我感悟 整理

Thread的主要数据成员为_Thr 里面存储的是线程句柄和线程ID 先看看赋值运算符的移动构造 最开始判断线程的ID是否不为0 _STD就是使用std的域 如果线程ID不为0&#xff0c;那么就抛出异常 这里_New_val使用了完美转发&#xff0c;交换_Val和_New_val的值 _Thr _STD exchange(_…...

2024阿里云2核2G服务器租用价格99元和61元一年

阿里云2核2G服务器配置优惠价格61元一年和99元一年&#xff0c;61元是轻量应用服务器2核2G3M带宽、50G高效云盘&#xff1b;99元服务器是ECS云服务器经济型e实例ecs.e-c1m1.large&#xff0c;2核2G、3M固定带宽、40G ESSD entry系统盘&#xff0c;阿里云活动链接 aliyunfuwuqi.…...

刚刚!奥特曼剧透GPT-5,将在高级推理功能上实现重大进步

奥特曼&#xff1a;“GPT-5的能力提升幅度将超乎人们的想象…” 自 Claude 3 发布以来&#xff0c;外界对 GPT-5 的期待越来越强。毕竟Claude 3已经全面超越了 GPT-4&#xff0c;成为迄今为止最强大模型。 而且距离 GPT-4 发布已经过去了整整一年时间&#xff0c;2023年3月14…...

uniapp使用Canvas给图片加水印把临时文件上传到服务器

生成的临时路径是没有完整的路径没办法上传到服务器 16:37:40.993 添加水印后的路径, _doc/uniapp_temp_1710923708347/canvas/17109238597881.png 16:37:41.041 添加水印后的完整路径, file://storage/emulated/0/Android/data/com.jingruan.zjd/apps/__UNI__BE4B000/doc/…...

小希的迷宫

目录 描述 输入 输出 样例输入 样例~~输出~~ 思路 code 描述 Gardon的迷宫城堡小希玩了很久&#xff08;见Problem B&#xff09;&#xff0c;现在她也想设计一个迷宫让Gardon来走。但是她设计迷宫的思路不一样&#xff0c;首先她认为所有的通道都应该是双向连通的&…...

MySQL索引剖析【了解背后的数据结构】

文章目录 常用索引概念聚簇索引 &#x1f389;非聚簇索引&#xff08;二级索引&#xff09; 数据结构选择Hash结构 ⭐️有序数组二叉搜索树AVL树&#xff08;平衡二叉搜索树&#xff09;B-Tree&#xff08;多路平衡查找树&#xff09;BTree ⭐️ MySQL中索引的实现InnoDB 索引实…...

STM32H7实战:用CubeMX动态切换主频(72M到16M)的保姆级避坑指南

STM32H7动态主频切换实战&#xff1a;从72MHz到16MHz的工程化解决方案 在嵌入式系统开发中&#xff0c;动态调整主频是平衡性能与功耗的关键技术。想象一下&#xff0c;你的智能穿戴设备正在执行运动数据实时分析&#xff0c;此时需要全速运行&#xff1b;而当进入待机状态时&a…...

借助AIBIYE的AI改写功能,学习五个核心技巧,快速优化论文内容以达到低重复率标准。

嘿&#xff0c;大家好&#xff01;我是AI菌。今天咱们来聊聊一个让无数学生头疼的问题&#xff1a;论文重复率飙到30%以上怎么办&#xff1f;别慌&#xff0c;我这就分享5个实用降重技巧&#xff0c;帮你一次搞定&#xff0c;轻松压到合格线以下。这些方法都是我亲身试验过的&a…...

人工改写和降AI工具哪个更划算?花了一周测完给你结论

这个问题我认真测过&#xff1a;同一篇论文&#xff0c;用人工改写和用降AI工具处理&#xff0c;分别花了多少时间、多少钱、最终效果如何。结论有点出乎意料。 结论&#xff1a;降AI工具性价比远高于人工改写&#xff0c;唯一例外是对语言质量有极高要求的顶刊投稿。推荐的工…...

通过AIBIYE智能改写功能,结合五个关键方法,显著提升论文原创性,满足重复率要求。

嘿&#xff0c;大家好&#xff01;我是AI菌。今天咱们来聊聊一个让无数学生头疼的问题&#xff1a;论文重复率飙到30%以上怎么办&#xff1f;别慌&#xff0c;我这就分享5个实用降重技巧&#xff0c;帮你一次搞定&#xff0c;轻松压到合格线以下。这些方法都是我亲身试验过的&a…...

如何通过多平台同步推流提升直播效率?开源工具obs-multi-rtmp的全场景应用指南

如何通过多平台同步推流提升直播效率&#xff1f;开源工具obs-multi-rtmp的全场景应用指南 【免费下载链接】obs-multi-rtmp OBS複数サイト同時配信プラグイン 项目地址: https://gitcode.com/gh_mirrors/ob/obs-multi-rtmp 在直播行业蓬勃发展的今天&#xff0c;内容创…...

终极指南:如何构建轻量级Arduino设备与Home Assistant的无缝MQTT集成

终极指南&#xff1a;如何构建轻量级Arduino设备与Home Assistant的无缝MQTT集成 【免费下载链接】arduino-home-assistant ArduinoHA allows to integrate an Arduino/ESP based device with Home Assistant using MQTT. 项目地址: https://gitcode.com/gh_mirrors/ar/ardui…...

客户决策链地图怎么画:老板、采购、技术、项目、法务分别怎么看你

在很多B2B企业的表达体系里&#xff0c;“客户”这个词经常被用得过于整齐。 官网会写“服务行业客户”&#xff0c;销售会说“面向大型企业”&#xff0c;PPT会写“解决复杂需求”。这些话都没问题&#xff0c;但它们通常默认一个前提&#xff1a;客户像一个人一样在决策。而真…...

八大网盘直链下载助手:免费获取高速下载链接的完整指南

八大网盘直链下载助手&#xff1a;免费获取高速下载链接的完整指南 【免费下载链接】Online-disk-direct-link-download-assistant 一个基于 JavaScript 的网盘文件下载地址获取工具。基于【网盘直链下载助手】修改 &#xff0c;支持 百度网盘 / 阿里云盘 / 中国移动云盘 / 天翼…...

实战笔记:从零到一完成裕泰微PHY芯片的驱动适配与设备树集成

1. 初识裕泰微PHY芯片与开发环境搭建 第一次拿到YT8521这颗PHY芯片时&#xff0c;说实话有点懵。这个比指甲盖还小的芯片&#xff0c;居然要负责整个网络通信的物理层信号转换。我用的开发板是BCM47722L主控&#xff0c;通过RGMII接口直连YT8521。这里有个新手容易忽略的点&…...

用什么来搭建知识库(写给小白的LLM工具选型系列:第六篇)

诸神缄默不语-个人技术博文与视频目录 &#xff08;本文为AI生成&#xff0c;未做人工验证&#xff0c;也未列出参考资料。以后可能会更新&#xff09; 本文面向小白读者&#xff0c;介绍基于AI的大规模知识库&#xff08;RAG&#xff09;的基本原理和常见方案。我们首先用通…...