问题标签 [acf-gutenberg]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
477 浏览

php - 创建页面并发布特定的 ACF Gutenberg 块

我正在创建自定义 ACF Gutenberg 阻止我的网站,并成功地注册了我自己的块。现在,我有一个名为Blog. 我不想blog显示我所有的 ACF Gutenberg 块,我想创建一个单独的批次,仅供自定义帖子类型使用。我已启用show_in_rest,但即使是默认的古腾堡博客也不显示给我?

这是我的方法:

1.注册帖子类型(theme/functions.php

2. 为页面注册 ACF Gutenberg 块(theme/inc/acf-blocks/blocks.php

以下是我注册用于页面(而不是blog帖子类型)的块:

  1. 为博客文章类型注册 ACF Gutenberg 块 ( theme/inc/acf-blocks/blog-blocks.php )

  1. 注册所有块(主题/inc/acf-blocks/functions.php

当前结果:

在自定义帖子类型上创建帖子时blog,我无法添加任何块,更不用说查看是否blog_hero出现块:

在此处输入图像描述

在页面上,我可以看到我创建的所有块,但是,blog hero当我只希望它用于自定义帖子类型时,该块显示在页面一侧:

在此处输入图像描述

0 投票
4 回答
4343 浏览

php - 显示自定义 Gutenberg 块的预览图像

我创建了一批自定义ACF gutenberg块,现在尝试分配预览图像。

问题:让预览图像显示

下图显示了paragraph一个默认块的组件。

在此处输入图像描述

您可以在右侧看到,段落块旁边有一个图像和描述。以下是我的组件当前的显示方式(完整代码将在最后)

在此处输入图像描述

如您所见,它说“没有可用的预览”并且没有添加任何描述,即使我已经在代码中定义了两者。

方法:

acf-blocks/blocks.php

acf-blocks/functions.php

我的文件夹结构如下:

不确定为什么我的预览图像不显示?

编辑:

我已经添加了该block_render功能,但仍然没有成功。这是我当前的functions.php文件:

编辑2:

甚至尝试过:

在这两种情况下,当尝试显示图像(不是块预览)时,我看到块的 ACF 字段,而不是定义的虚拟图像:

在此处输入图像描述

0 投票
0 回答
32 浏览

wordpress - 如何将自定义字段添加到古腾堡自定义格式?

我使用 Format API,使用本指南为脚注创建了一个自定义格式按钮。这只是将文本包装在 A 标记中。但是,我需要的功能会像这样更改标记:

我需要在<a>这些字段中添加带有标签的文本。我还需要能够添加指向引文页面的链接以及有关要在页面底部显示的引文的一些描述。使用 Format API 可以实现所有这些吗?如果没有,这是否可能以任何其他方式?

0 投票
1 回答
1000 浏览

wordpress - Wordpress Gutenberg 自定义列块

我正在尝试使用 ACF 和 Wordpress 为 Gutenberg 创建一个自定义“列”块,所以我想要一个易于管理的列块,用户可以在其中输入一些代表所需列数量的数字(例如,5)和a for 将创建该列。

一切正常,因为我尝试创建多个内部块......我的代码以这种方式开始:

columns_renderer功能:

所以,正如(不是)预期的那样,它不起作用,因为古腾堡不支持<InnerBlocks />每个块多个......在网上搜索,我发现有些人谈论这样做就像core/column块一样,使用一些“黑客”......但我不知道该怎么办...

有人可以帮助我并给我一些方法来达到我的需要吗?

谢谢!

- 更新 -

试图创建一个“列”块并将“列”设置为仅接受新创建的“列”块,但仍然无法正常工作......

0 投票
1 回答
343 浏览

image - ACF 古腾堡块中的预览图像

使用 ACF 注册块时,是否可以将图像添加到 Gutenber 块预览中?

在此处输入图像描述

这是注册块的代码:

悬停块时会出现预览。

谢谢 !

0 投票
0 回答
296 浏览

javascript - 从 jQuery 函数更新和重新渲染 ACF 古腾堡块

我有两个用 ACF 构建的自定义古腾堡块,parent块有一个块进入的InnerBlocks部分,多个块可以进入块。在更改块的属性(使用 ACF 功能创建/更新的属性)时,我想重新渲染在其中创建的所有块。我在更改块的属性时触发了一个 jQuery 事件,所以我想从那里找到 中的所有块,更新它们的属性,然后重新渲染它们。childchildparentparentchildparentchildparent

是否有一种简单的方法可以在 jQuery 事件中更新多个 ACF 块的自定义属性,以便将该数据保存为帖子内容的一部分?

我已经研究过试图操纵wp.data core/block-editor块的存储。我已经设法获得了一个块的 id,并通过使用它的 id 查看它的属性,例如wp.data.select('core/block-editor').getBlocksByClientId('dbe8f5f3-e82c-4e30-aa1f-a2ac012c0fd2')[0].attributes.data,但我还不能更新一个属性,而且我也不确定如何将它们拼凑在一起以选择多个child块,获取他们的 ID,更新他们的属性并重新渲染。

我不太熟悉,react所以这可能是我挣扎的原因。

感谢您的任何帮助,您可以提供。

0 投票
0 回答
150 浏览

wordpress - ACF 渲染块使 wp 中的编辑页面不读取任何 CSS

我的acf-blocks有问题。

我试图在 ACF-pro 中创建一个块。我编写的代码工作正常,我的块工作正常。但我的问题是,当我<?php wp_head(); ?>header.php中写入时,wp 中编辑页面上的块不再起作用。它不阅读任何 CSS 并说:

您的站点不包含 acf / header 块支持。您可以保留此块原样或完全删除它。

我有一个名为header-block.php的文件,我在其中放置了以下代码:

在我的header.php中,我写 <?php wp_head(); ?>在结束标记之前。

标题正在加载。但是当我进入wordpress 中的编辑页面时,它不会读取 css 或块。当我<?php wp_head(); ?> 在 header.php 中删除时,在编辑页面上一切正常,但 CSS 没有在网站上读取。

如果我保留<?php wp_head(); ?>在 header.php 文件中但删除:

header-block.php中,我可以在 wp 的编辑页面上看到 CSS 和块。但是我在网站上看不到该块。

我试图把

在我的functions.php文件中是否可能是脚本合并在一起的问题。但是那个剂量有效。

我还有一个名为 header-block-content.php 的文件,其中包含该块的 HTML 代码。

所以,我的 wp_head(); 也有问题。或“渲染块”,我不知道该怎么做。

0 投票
0 回答
242 浏览

wordpress - 如何使用 ACF 块实现 2 列布局

如何实现 2 列布局,以便用户在 Gutenberg 编辑器中进行实时预览?我试图创建一个块,<InnerBlocks>但两个<InnerBlocks>不能使用。

模板:

0 投票
0 回答
12 浏览

python-3.x - 使用 acf、pacf 选择 ARMA 模型顺序

我如何根据这些acf,pacf确定这个模型的顺序?

0 投票
0 回答
47 浏览

php - 使用 ACF 块构建一个允许按分类查询的帖子列表

我正在尝试构建一个 ACF 块,允许显示具有自定义字段的自定义帖子类型列表。

如果我硬编码要提取的类别,一切正常,但是当我想添加一个允许在下拉列表中选择类别的函数时,为了通过自定义分类动态查询,查询不会被解析。我的代码有问题。

问题在“Tax_Query”数组中......

我在 ACF pro 中使用分类字段,以便在 ACF 块的下拉菜单中显示分类。

如果有人有任何建议,将不胜感激