I've recently set up a Next.js project along with a headless Wordpress CMS. My posts & pages are using custom Gutenberg blocks to pull content through. I've set up the following plugins on the CMS: WP GraphQl, WP GraphQL Gutenberg,…
Using Wordpress custom blocks, I'm currently trying to create a popover component that contains a button and a hidden content. The hidden content should appear when the user clicks on or hovers over the button (on the frontend of the…
In gutenberg editor I need to get a ref to the BlockListBlock element but it doesn't seem to work. Is there a way to achieve this ? const withCustomAttribute = createHigherOrderComponent( (BlockListBlock) => { return (props) => { const blockRef…
Im working on wordpress with a sevenhills preinstalled theme. The theme's blog is currently showing classic editor, and i cant switch it to gutemberg. WPBakery is also installed. Things i've tried: Installing Gutemberg Making Sure Gutemberg is not disabled on…
I am using block.json in a WordPress theme for each block withhin but the editorScript is referencing the plugins directory and not the theme.
I want to remove wp-reset-editor-styles because it inserts CSS properties like like revert, which goes against what I'm trying to accomplish (example below). .editor-styles-wrapper p { font-size: revert; line-height: revert; margin: revert; } Here's what I've attempted. function remove_editor_resets() {…
I am adding styles when registering my block: styles: [ { name: "my-style-1", label: "Style Name" } { name: "my-style-2", label: "Style Name 2" } ], In the edit() and save() function how can I see which style/classname was selected?…
I just want some clarification and advice regarding this tag in WordPress. This tag is showing in my WordPress head even I'm not using Gutenberg. link rel="stylesheet" id="wp-block-library-css" Is this necessary or required? Do I need to remove this to…
I have a simple block, code below, that contains a component that fetches image data, including a URL and a pid, using a custom REST call. The registerBlockType edit method contains the component, displaying the image, and a number control.…
I'm trying to build a custom Gutenberg Block, which will be rendered dynamically (from PHP). I've spent a significant amount of time searching for different solutions, minimized my code to the absolutely necessary, and still it doesnt work. My main…