If you’re using gutenberg choose a “group” block. You’ll be able to set the background to any color you would like. If you want the group to span the width of the page you’ll need to set the alignment to “full-width”. When you hover over the block itself you’ll get a toolbar pop up. Make … Read more
getMenu() fetches data from the GET /wp/v2/menus/<id> endpoint, whereas getMenuItem() fetches data from the GET /wp/v2/menu-items/<id> endpoint, but they have the same usage syntax, where you just need to pass the ID of a menu or menu item. As for getMenuItems() and another function you can use — getMenus(), the endpoints are GET /wp/v2/menu-items (for … Read more
If you check the URL given with the error message, you will see the full text as: Rendered more hooks than during the previous render. Inspecting the code, I see two uses of hooks: export default function Edit() { const allCPTposts = useSelect(select => { // ^ first hook use return select(“core”).getEntityRecords(“postType”, “post”, {per_page: -1}) … Read more
Nested group and cover blocks are the solution, and since you created your question the block editor has improved enough that your design can be created with group and cover blocks, with spacing rules via global styles. No code is necessary. E.g. I was able to create this using just the editor, and no CSS … Read more
Leaving this open in case anyone has a cleaner answer, but just wanted to capture what I ended up going with for the time being. Looking at how WordPress handles some of their native blocks, it looks like they set the parent editor wrapper’s width imperatively in px, even when its set by the user … Read more
You can change the logo in the block editor or site editor using the SlotFill system. Have a look at the this example code taken from https://developer.wordpress.org/block-editor/reference-guides/slotfills/main-dashboard-button/ import { registerPlugin } from ‘@wordpress/plugins’; import { __experimentalMainDashboardButton as MainDashboardButton } from ‘@wordpress/edit-post’; const MainDashboardButtonTest = () => ( <MainDashboardButton> Custom main dashboard button content </MainDashboardButton> ); … Read more
Attributes just define a “schema” of sorts which informs WordPress which persistent data is associated with a block, and how WordPress should parse it from the block’s saved markup/block grammar. WordPress makes no assumptions about if or how a UI should be constructed to expose attributes to the end-user – you must construct the UI … Read more
Many blocks allow you to add a class and/or an ID. If you select the block in the Editor, then look on the right side of the screen under the Advanced tab, it will often show “HTML Anchor” (which is an ID) and “Additional CSS class(es)”. If the effect is something you plan to repeat, … Read more
The solid colour pullquote style had been deprecated and removed in 2021, and was removed in favor of more comprehensive options based on block style options: Given that we can now achieve border and background variations using block supports, we’re removing the existing styles and adding a textAlign attribute to compensate. https://github.com/WordPress/gutenberg/pull/30951 If you really … Read more
Nothing is hanging. It’s just waiting for a change so that it can automatically build again. That’s what start does. If you just want to run a build once use build. The warnings in your second example are self explanatory: You’re using a font asset that is very large and exceeds the recommended maximum size. … Read more