Skip to content

Make .wp-block-post stylable via theme.json #39599

@ClarusDignus

Description

@ClarusDignus

Problem

I can style various aspects of the Query Loop block via theme.json.

E.g. core/post-template styles .wp-block-post-template, core/post-title styles .wp-block-post-title, etc.

"blocks": {
	"core/post-template": {
		"border": {
			"style": "solid",
			"width": "1px",
			"color": "#000"
		}
	},
	"core/post-title": {
		"border": {
			"style": "solid",
			"width": "1px",
			"color": "#000"
		}
	}
}

However, core/post doesn't style .wp-block-post.

"blocks": {
	"core/post": {
		"border": {
			"style": "solid",
			"width": "1px",
			"color": "#000"
		}
	}
}

.wp-block-post is the container of each post outputted by the Query Loop block, i.e., it contains each post's title, featured image, date, excerpt, etc.

Proposed Solution

Please make .wp-block-post stylable via theme.json like the elements it's within and elements within it.

Currently, I'm limited to styling .wp-block-template via style.css. One of the downsides of this is that the style doesn't apply in the editor.

core/post isn't a block in the sense that it can be selected and edited via the editor.

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Block] Post TemplateAffects the Post Template Block[Block] Query LoopAffects the Query Loop Block[Feature] ThemesQuestions or issues with incorporating or styling blocks in a theme.[Type] EnhancementA suggestion for improvement.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions