orditeck/sage9-acf-wp-blocks

从 Sage 刀片模板和 ACF 字段创建 Gutenberg 块。

维护者

详细信息

github.com/orditeck/sage9-acf-wp-blocks

主页

源代码

问题

安装次数: 17,845

依赖: 0

建议者: 0

安全性: 0

星标: 5

关注者: 1

分支: 65

开放问题: 1

0.5 2019-07-30 18:11 UTC

Requires

  • php: >=5.4

MIT aa57c63691d7717a858c93e3fb6f14ddda29b31c

  • Michael W. Delaney <michael.woop@michaeldelaney.me>
  • Nico Prat
  • Keven Lefebvre <keven.woop@nevek.co>

wordpressadvanced custom fieldsgutenberg

This package is auto-updated.

Last update: 2024-09-29 05:42:20 UTC

README

只需将模板添加到您的 Sage 主题中即可生成 ACF Gutenberg 块。此包大量基于这篇文章，作者是nicoprat。

这是MWDelaney/sage-acf-wp-blocks的一个分支，当我需要将其包含到我的项目中时，它似乎已经不再维护。

欢迎提交 PR！

安装

在您的基于 Sage 9 的主题目录中运行以下命令

composer require "orditeck/sage9-acf-wp-blocks"

创建块

将刀片模板添加到 views/blocks 中，该目录获取并使用 ACF 数据。每个模板都需要一个包含一些数据的注释块

{{--
  Title:
  Description:
  Category:
  Icon:
  Keywords:
  Mode:
  Align:
  PostTypes:
  SupportsAlign:
  SupportsMode:
  SupportsMultiple:
--}}

示例块模板

{{--
  Title: Testimonial
  Description: Customer testimonial
  Category: formatting
  Icon: admin-comments
  Keywords: testimonial quote
  Mode: edit
  Align: left
  PostTypes: page post
  SupportsAlign: left right
  SupportsMode: false
  SupportsMultiple: false
--}}

<blockquote data-{{ $block['id'] }} class="{{ $block['classes'] }}">
    <p>{{ get_field('testimonial') }}</p>
    <cite>
      <span>{{ get_field('author') }}</span>
    </cite>
</blockquote>

<style type="text/css">
  [data-{{$block['id']}}] {
    background: {{ get_field('background_color') }};
    color: {{ get_field('text_color') }};
  }
</style>

创建 ACF 字段

创建块后，您可以使用 WordPress 中的标准自定义字段界面将其分配给 ACF 字段。我们建议使用sage-advanced-custom-fields来将您的 ACF 字段与 Sage 一起进行版本控制。