【问题标题】:How to find Gutenberg block code and call it from template parts如何找到 Gutenberg 块代码并从模板部分调用它
【发布时间】:2021-09-16 16:02:05
【问题描述】:

我正在尝试在模板部分中包含 Gutenberg 块 - 搜索小部件,因此我认为查看 wp_posts 表的 post_content 字段中的代码可能会有所帮助:

<!-- wp:search {"label":"","placeholder":"Search...","width":100,"widthUnit":"%","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true,"className":""} /-->

但是我真的不知道如何找到这个引用的代码或php文件。

如何使用它将 Gutenberg 块添加到模板部分site-nav.php 的 php 代码中,因此搜索框是主菜单的一部分?

【问题讨论】:

    标签: wordpress-theming gutenberg-blocks


    【解决方案1】:

    您无需使用 Gutenberg 块即可在模板代码中显示搜索字段。您可以直接在 PHP 中使用get_search_form() 函数。这与 WordPress 中的搜索小部件使用的功能相同。

    【讨论】:

    • 啊,谢谢。所以基本上“注释”行是古腾堡如何编码它的块,块的wp:search 部分代表搜索块? (而那个标准的 G'berg 块基本上只是调用 get_search_form(),带有主题样式。)
    • @Rickmakeitquick 是的。这几乎就是古腾堡工作方式的“魔力”。它使用 HTML cmets &lt;!-- wp:search { attributes here } /--&gt; 来定义块。大多数块也将包含完整的 HTML 输出,但有些块允许服务器端呈现(如 wp:search 块的情况)。
    猜你喜欢
    • 1970-01-01
    • 2021-08-19
    • 1970-01-01
    • 2012-09-06
    • 2022-01-18
    • 1970-01-01
    • 2021-05-14
    • 2022-07-05
    • 1970-01-01
    相关资源
    最近更新 更多