wordpress - WPGraphQL 和 Elementor 获取页面或发布 css 和脚本

Question

Elementor 正在 WordPress 页面的 head 部分生成页面特定的样式和脚本。有没有办法将它们读取到 GraphQL？

Answer 1

我分两步为 WpBakery 页面构建器做了同样的事情：

1. 使用编辑器中的 CSS 在 graphQL 中注册新字段，例如：

    add_action( 'graphql_register_types', function() {
              register_graphql_field( 'Page', 'customCSS', [
                 'type' => 'String',
                 'description' => __( 'Custom CSS from Editor', 'wp-graphql' ),
                 'resolve' => function() {
                // call your function which return your custom css
                return $this->addPageCustomCssToGraphql();
                 }
              ] );
            } );
   

2. 在 Gatsby 页面中请求它们并使用 Helmet 插件在页面的 HEAD 中显示您的 CSS。