您当前的位置:首页 > TAG信息列表 > block-editor
将鼠标悬停时淡入淡出添加到图像
我是一名教师,多年来一直在使用blogger,但几天前,我决定改用WP,并选择了premium计划。我不是一个设计师,但我能做一些基本的事情(为博客主题添加自定义css,或在博客帖子中更改html),我一直在想,是否有一种方法可以只使用css或html为鼠标盖上的图像添加淡入淡出效果,而无需安装任何插件?(例如,仅适用于砌块和特定图像)谢谢
在ISTER_BLOCK_TYPE中注册多个样式/脚本
我使用以下代码注册Gutenberg块:register_block_type(\'create-block/myblock\', array( \'editor_script\' => \'create-block-myblock-script-editor\', \'script\' => \'create-block-myblock-script\', \'editor_style\' => \'create-block-mybloc
Categories in Gutenberg
我想为我的类别设置一个多选字段。我该怎么做?我的代码不起作用: function getCategories () { var options = []; var categories = wp.data.select(\'core\').getEntityRecords(\'taxonomy\', \'category\'); categories.forEach((category) => {
SelectControl中的Gutenberg块Get类别
我正在创建一个块。我希望我的区块能够输出可以是;已筛选;。应该可以选择显示哪些类别的帖子。到目前为止,我有一个函数可以给我分类,你也可以选择它们。然后是值用短代码编写。但我的问题是,我一开始没有看到select字段。如果单击编辑器中的某个位置,然后再次单击我的块,我将看到SelectControl。如果我重新加载页面并过快地单击我的块,我还会得到一个错误,即foreach是空的。在加载块之前,如何确保我的foreach已填充?我的编辑。js公司function getCategories() {
为什么WordPress突然删除了所有换行符,如何禁用?
我花了大约3个小时尝试各种函数,以找出每次保存时为什么会删除换行符。我怎么知道为什么wordpress突然删除了换行符?我没有安装任何插件。如何在不将所有块转换为HTML和修改代码中的所有内容的情况下,让换行符显示在我的网站上?
如何检查是否可以使用ALLOWED_BLOCK_TYPE筛选器?
对于WordPress主题,我为Gutenberg注销了几个块(事实上,我只注册了我需要的块)。为此,我使用了一个过滤器:add_filter( \'allowed_block_types\', \'amb_allowed_block_types\' ); 此过滤器钩住如下函数:function amb_allowed_block_types( $allowed_blocks ) { return [ \'core/paragraph\',
在编辑器中`window.wp.oldEditor`是如何设置的?
我试图在WordPress本身之外实现WordPress Gutenberg编辑器。除了有旧的经典块支持之外,一切都很好,这需要window.wp.oldEditor 待设置。如果查看编辑后页面上的devtools控制台,window.wp.oldEditor 通过以下方式启动:我如何在WordPress环境之外自己启动这个变量?
通过wp-block样式向核心块引入了哪些css规则?
The Gutenberg Handbook 提到WordPress核心块的一些CSS默认应用于前端和编辑器中(并且不能禁用),但有more opinionated CSS styles available 这可以通过添加以下主题(在一个PHP文件中,通常通过functions.PHP完成)来选择性地添加。add_theme_support( \'wp-block-styles\' ); 我正在试图找到这些CSS规则的列表wp-block-styles我搜索了古腾堡报告和wp-block-st
WordPress Gutenberg如何使TextControl成为必需的?
我想将此字段设为必填字段。有人能建议怎么做吗?<TextControl tagName="p" label="url" placeholder="http://" focus = {focus} className="full-width " value={ props.attributes.url } onC
如何在Gutenberg编辑器中触发我的侧边栏插件的侧边栏显示?
因此,我为WordPress中的Gutenberg编辑器开发了一个侧栏。此侧边栏的目的是为一组出现在帖子编辑器下方的自定义输入框提供反馈、成绩、分数等。因此,用户可能希望将其打开,并在编辑时使用它查看其分数的实时更新。现在,当然,工具栏上的按钮可以激活和停用侧栏,但我想知道它们是否是一种外部方式,我可以调用侧栏来显示它。我有一个行动要求,我刚刚添加到输入的那一部分,它将通知用户:;优化器“;现在存在,如果他们点击它,我希望侧栏被激活,以便他们可以查看它。我希望这样:jQuery(document).on(
复制以元形式存储的内容以发布内容
我正在一个网站上工作,该网站有一个使用元字段存储块的现有主题(IMO的坏做法是预块编辑器)。问题是有300多个帖子,所有不同的;“块”;存储在看起来像重复的元字段中(即flexible\\u content\\u 1\\u content、flexible\\u content\\u 2\\u content等)。有人知道使用WP CLI或自定义代码将元数据内容复制到post内容的方法吗?如果我可以在块编辑器中将元数据复制到单独的块中,则会获得额外的分数。
将数据从块编辑器保存到数据库
我正在开发wordpress插件,并希望将块中输入的数据保存到mySQL表中。就是这样。但是,如何将数据从块编辑器发送到服务器端呢?我花了两周的时间寻找合适的技巧,但毫无乐趣。场景很简单: registerBlockType("bla/quote-block", { //... attributes: { quoteAtt: { type: \'string\' } }, edit: function(props) {
创建查询以显示上次使用哪个编辑器(经典或块)来编辑帖子/页面
我有一个WordPress网站,有些页面是用Classic Editor创建/编辑的,有些页面是用Gutenberg/Block Editor创建/编辑的。我正在尝试创建一个报告,每个编辑器使用哪些页面。是否有跟踪哪个编辑器用于编辑帖子的元值?
如何为Gutenberg编辑定制页面模板
我读过一些关于“的问题/答案/文章”;自定义模板;包括Block Editor Handbook, 但我找的东西什么也找不到。诚然,这确实有点像将两个不同编辑的内容放在同一页上的问题,我理解这是不可能的(请参见下面的ACF评论)。我正在寻找的示例:加载模板后,用户将在编辑器中看到两个区域(节/div),并使用背景色来区分它们。如果用户在第一节(a)中添加了一个段落,则该内容将出现在面向公众的网页的a节中。与第二节相同。有没有办法在编辑器中使用一些底层HTML来创建结构</有没有一种不用ACF就能做到
序列化_阻止内容中的html标记中断
我试图通过PHP将一些数据注入块中,但由于parse\\u块/serialize\\u块破坏了我的内容,我遇到了麻烦我使用的是默认2020主题,没有安装插件add_action(\'wp\', function() { $oPost = get_post(119); printf("<h1>Post Content</h1><p>%s</p>", var_dump($oPost->post_
如何防止古腾堡区块画廊中的图像自动调整?
我正在尝试实现一个古腾堡画廊,其中包含10幅图像和4列画廊。前两行很好,每行有4列图像。但问题是,最后一行有两幅图像,正在自我调整以适应画廊的全长(如下图所示)。有没有办法通过编写一些代码来防止这种情况?请让我知道。谢谢
如何解决自定义Gutenberg块错误:“此块遇到错误,无法预览”
我正在使用LinkedIn学习的一个插件来定制我自己插件的自定义Gutenberg块。在我编辑完文件之后plugin/src/index.js (我编辑了edit() &;save() 功能),我现在有:const { __ } = wp.i18n; const { registerBlockType } = wp.blocks; // Import SVG as React component using @svgr/webpack. // https://www
在Github或其他地方,我可以找到核心块的代码吗?
显然,曾经有一个在GitHub上构建Gutenberg模板的核心块目录,但我在任何地方都找不到。我在说core/paragraph, 等 array( \'core/paragraph\', array( \'placeholder\' => \'Content goes here\', ) ), array( \'core/image\', array( ... 谢谢!
如何使用WordPress<LinkControl/>组件
我正在寻找一种方法add linking functionality to a custom block 并找到了满足这一需求的不同方法。有:在URLInputButton ComponentURLInput ComponentLinkControl ComponentURLPopover Component我通过前两个组件获得了它:const {URLInputButton, URLInput, URLPopover} = wp.blockEditor; registerBlockTy
如何将Post meta保存为Gutenberg中的数组?
我是react和Gutenberg开发的新手,我正在尝试在文档侧栏中添加一些字段。虽然我成功地将meta保存为单个值,但我正在努力找到将字段保存为数组的方法。JS公司import { __ } from \'@wordpress/i18n\'; import { compose } from \'@wordpress/compose\'; import { registerPlugin } from \'@wordpress/plugins\'; import { PluginDo