Make sure the layout.css file is called correctly, both on the frontend and backend. No need to add fontFace, you have called it via @import : { “$schema”: “https://schemas.wp.org/trunk/theme.json”, “version”: 3, “settings”: { “layout”: { “contentSize”: “700px”, “wideSize”: “1200px” }, “typography”: { “fontFamilies”: [ { “fontFamily”: “\”PT Sans\”, sans-serif”, “name”: “PT Sans”, “slug”: “pt-sans” }, … Read more
I know I can do it by adding a CSS class under ‘Advanced’ but it’s not ideal for non-technical content editors. That sounds exactly like a block style, which is essentially the GUI version of this. You can assign a block style from the block inspectors style tab, the toolbar, or the inserter, and it … Read more
How can I check if a post is dirty using javascript on the edit post screen?
Block variation styles are parsed and processed through wp_render_block_style_variation_support_styles(). This is marked as private and thus should not be called by third-party code outside WordPress core. This function is called by virtue of being hooked into the render_block_data hook. Thus, if you have a subset of known block structures that may appear, you could consider … Read more
First: It is impossible allowedBlocks only accepts block names as strings — not specific variations or object definitions. Second: What’s the correct approach? Use the base block name, then define the variation via className or attributes in the template. How to find a variation’s className? Insert the block (e.g., core/group) and select the desired variation. … Read more
The import syntax only works if you are using a build system (the npm/npx stuff). If you don’t want to use that right now, you can replace the import with wp.<module> like: const { registerBlockType } = wp.blocks; registerBlockType(‘custom-blocks/simple-block’, { edit: () => ‘abc’, save: () => ‘abc’ }); Or directly like: wp.blocks.registerBlockType(‘custom-blocks/simple-block’, { edit: … Read more
In Site Editor (I’m using latest WordPress 6.7.2) Open the Document Overview (staggered 3 bar icon, Shift-Alt-O) Note: This is “Edit Site” not “Edit Page” on the top bar, or left menu Appearance, Editor. Header is actually a “template part”, you can have multiple headers and multiple footers, and each template can use 0 or … Read more
You need to call add_theme_support( ‘editor-styles’ ) in the after_setup_theme hook. More information
Is it possible to alter or replace the onChange function of an input within the InspectorControls panel?
Apply Blog Home layout to Pages