Skip to content

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

Open

Description

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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