设计更灵活,排版更随心,WordPress 7.0 让网页设计变得更加轻松!
在 WordPress 7.0 中,网页设计变得前所未有的灵活!WordPress 这次一口气推出了好几个实用新区块,还升级了底层的区块属性(Block Supports)和设计工具。
新版本不仅带来了全新的标题(Heading)区块、图标(Icons)区块和面包屑(Breadcrumbs)区块,还给画廊(Gallery)区块加上了大家期盼已久的灯箱放大效果,甚至连导航链接区块都支持动态 URL 了。
此外,文本首行缩进、分栏排版、宽高预设、以及宽幅/全宽图片的宽高比设置也全安排上了,妥妥的排版大升级!
区块级自定义 CSS
以前改样式总要去写全局 CSS,现在 7.0 支持直接在页面上为单个区块单独写自定义 CSS 了!在侧边栏的样式控制面板里就能直接改,想怎么调就怎么调,对细节的控制直接拉满。

标题区块
全新的标题区块把所有的标题层级(H1-H6)变体全打包在一起了。你可以在侧边栏检查器里一键切换或快速转换。不仅如此,它还完美集成到了搜索和斜杠(/)插入器里,写文章时唤醒它贼方便。

面包屑区块
7.0 带来了全新的面包屑区块,能自动识别并吐出网站的导航层级。你可以把它直接塞进主题页眉等公共区域,全站通用。对于开发者来说,官方还提供了全新的过滤器(Filters),可以随便增加、删除或修改面包屑路径,还能指定显示哪些分类和词条。
导航区块
导航区块的编辑在 7.0 里变得更简单了。不仅优化了插入体验,还在模式(Pattern)编辑和 contentOnly(仅内容)模式下加入了更好玩的交互功能,连页面项目的“绑定”呈现方式也变得更顺眼了。
视频嵌入封面区块
现在你想做个酷炫的网页,可以直接把视频当成背景,一把塞进封面(Cover)区块里了。
画廊区块
画廊区块终于原生支持灯箱(Lightbox)效果了,还顺手补上了幻灯片播放功能!用法超简单:建好画廊、插入进去,点一下链接图标,勾选“点击放大”就完事了,再也不用多装一个灯箱插件。

段落区块升级
天天都在用的段落(Paragraph)区块这次也有大升级。文字现在可以直接在里面排成多栏,而且官方终于加入了大家催了很久的 textIndent(文本首行缩进)排版支持,写长文章更符合中文排版习惯了。
尺寸控制增强
7.0 的尺寸区块支持系统迎来了三项超实用的改进:
- 宽高大一统:宽度和高度现在直接归入到标准的“尺寸(Dimensions)”属性下面。
- 尺寸预设:主题作者可以直接在
theme.json里定义好几套尺寸大小预设(比如大、中、小)。用户在全站直接选就行,再也不用在每个区块里苦哈哈地手动输具体的像素值了。 - 伪元素支持:在
theme.json层级,给按钮区块(core/button)加上了对:hover,:focus,:focus-visible,:active等悬停/聚焦状态的支持,改按钮特效更方便。
