Questions tagged [create-guten-block]

26 questions
1
vote
1 answer

WordPress: Embed code with custom Gutenberg block

I am trying to include a Custom HTML embed input on my Gutenberg block but can't figure out how to do it. I was wondering what is the best way to add HTML inside a block the same way that you do it with the Custom HTML block. Is there a Gutenberg…
0
votes
1 answer

Gutenberg installation error try to on macbook pro

I am new at Gutenberg, recently I am trying to install Gutenberg in my macbook pro.First of all, I was update npm and node version. write this commend in my terminal "npx create-guten-block my-block". I followed…
0
votes
1 answer

WordPress Gutenberg BoxControl renders just input box

I'm trying to use the BoxControl to edit the padding of top, right, bottom and left values. The following is a stripped-down example: const { __ } = wp.i18n; import metadata from './block.json'; import { registerBlockType } from…
Phil Huhn
  • 3,307
  • 3
  • 18
  • 35
0
votes
1 answer

WordPress gutenberg custom block fails to render

I'm trying to rewrite a Short-Code to a Gutenberg block. I'm not experienced in React, though I've been coding Angular 2+ since 2017. I created my block with the following command: > npx @wordpress/create-block give-camp-blocks-plugin I built and…
Phil Huhn
  • 3,307
  • 3
  • 18
  • 35
0
votes
1 answer

Gutenberg InnerBlock.Content is not being saved or rendered in the front end

I created a custom block for author-bio and i have included the social icons built-in block into my custom block after importing InnerBlocks into my block js file i have used this code in edit function:
0
votes
1 answer

How can I fix this Wordpress Custom Gutenburg block problem with rendering once loading after it successfully saves?

As the title states I am teaching myself how to create a custom Gutenburg Block for wordpress development and I have written the following code. It functions correctly when you save, but when you reload the saved page you get console errors and it…
Ryan
  • 642
  • 3
  • 19
0
votes
1 answer

Converting old wordpress shortcode plugin to block

I have an old wordpress plugin built to show latest posts of choice. The plugin uses a shortcode with options. Now I am converting the plugin little bit so that it can be used as a gutenberg block. I kept the php code intact and trying to create a…
Imrul.H
  • 5,760
  • 14
  • 55
  • 88
0
votes
1 answer

ServerSideRender components producing "Error loading block: No route was found matching the URL and request method" error

I am working for a Gutenberg block using create-guten-block foss. While trying to get output from a function written in a PHP file I am seeing Error loading block: No route was found matching the URL and request method error in my block in the…
0
votes
1 answer

How to add block content in the cutsom gutenberg block

I was trying to add a custom shortcode in the admin panel when my custom block added to the page. ( function( blocks, element, editor, components) { var el = element.createElement; const { RichText, InspectorControls, BlockEdit } =…
0
votes
1 answer

Standard Editor Styles for Components in Gutenburg for Wordpress

I'm experimenting with Gutenburg blocks in Wordpress using the create-guten-block tool. What I wanted to know is whether there are standard styles that we can use to style our interfaces. As an example, I have created a very simple control using the…
0
votes
1 answer

Gutenberg: Dynamic Block - Show saved data in the editor

Im trying to create a Gutenberg dynamic block with dropdown list. I have completed block creation and rendering the block with selected dropdown value in the frontend. How to set the dropdown selected with previous value when editing a post? I have…
1
2