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

Posted 2023-02-19

【中文标题】WPGraphQL 和 Elementor 获取页面或发布 css 和脚本

【英文标题】：WPGraphQL and Elementor getting page or post css and scripts

【发布时间】：2021-09-16 07:16:32

【问题描述】：

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

【参考方案1】：

我为 WpBakery 页面构建器做了两步：

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

 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();
              
           ] );
          );

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