Tag: WordPress 6.7

WordPress Twenty Twenty-Five 主题：所有功能以及与旧主题的比较

两周前，WordPress 发布了最新版本（WordPress 6.7），其中最期待的更新之一就是其默认主题——Twenty Twenty-Five 主题。

这个新主题特别适合博客、作品集和商业网站，因为它的设计目标是尽可能地快速、易于访问和直观，用户体验更佳。

如果你也喜欢用默认 WordPress 主题，那么这篇博客能给你一些启发。接下来，让我们一起看看这个新主题的所有新特性，它的更新内容以及它与旧版主题的对比。

Twenty Twenty-Five 主题概述

Twenty Twenty-Five 主题旨在为各种类型的网站提供现代化和适应性强的外观。

WordPress 社区发布声明中提到：“在构思 Twenty Twenty-Five 时，一个反复出现的想法是，简单的东西应该是直观的，而复杂的东西应该是可能的。”

值得注意的是，这一次博客功能被特别重视。

这使得 Twenty Twenty-Five 与之前开发的默认主题有所不同，因为那些主题更侧重于适应广泛类型的网站。稍后会对比更多细节。

演示内容的所有图像都来自公共领域，具有诗意、普遍性和永恒感。它传达了一种轻松、柔和和富有启发性的氛围。

在深入探索该主题后，其主要亮点包括：

✅ 响应式设计：该主题经过优化，在所有设备上呈现出出色的视觉效果，能够在不同的屏幕尺寸下和谐展示各个元素。

✅ 高度自定义：用户可以根据个人喜好、公司需求或自身风格来改变颜色、字体和页面样式。

✅ 专注于可读性：排版和间距的选择最优化，便于阅读，这也是该主题的优势所在。

站点编辑器更新

Twenty Twenty-Five 主题的站点编辑器（Gutenberg 19.7）进行了多项改进，使其更强大且易于使用。

以下是五个有重大更新的部分：

导航
样式
模板
图案

站点编辑的缩小视图

这个功能非常酷。新的“缩小视图”使用户能够在编辑时看到整个网站的布局。

这种鸟瞰视角使得编辑过程和组织复杂的站点结构变得更加简化。它基本上允许用户看到自己网站的整体外观，轻松改变网站的整体设计。

图案 (Patterns)

Twenty Twenty-Five 主题提供了一组区块图案和模板组件，帮助 WordPress 用户创建文章和页面。

这个主题包含了超过 70 个图案！

从结构层面来看，Twenty Twenty-Five 提供了丰富的图案集，增强了互操作性，使用户能够在服务、产品、活动和行动号召等类别中创建有目的且组织良好的页面。

开发者也能从这个主题中获益，因为他们可以在站点编辑器中轻松生成模板和区块图案。此外，它还为通过区块绑定 API 与外部数据进行合作提供了巨大的机会。

你可以仅通过预定义的图案来创建复杂的布局。在站点编辑器中浏览图案时，在“页面”图案类别下有各种着陆页的布局。这些都是预设计的图案，可以直接按照原样融入你的页面。

当你创建新页面时，编辑器会在页面上显示提示，选择一个区块图案。

如果你想从一个图案开始，着陆页图案是一个不错的选择，它包括：

活动 RSVP
商业主页
即将上线
简历/个人简介
图书发布的着陆页
活动着陆页
播客着陆页
作品集主页
商店主页

文章格式 (Post Formats)

Twenty Twenty-Five 主题特别注重博客功能吗？在这一部分，你会最明显地感受到这一点。

Twenty Twenty-Five 主题支持所有文章格式：旁白、音频、聊天、画廊、图片、链接、引用、状态和视频。为了让你的文章格式展现独特风格，你可以在内容中应用不同的章节样式和图案。

它为文章格式提供了三种图案：

文章格式名称（显示单个词，例如“视频”）
音频格式的预设设计
链接格式的预设设计

样式 (Styles)

由于这个主题是为全球用户设计的，WordPress 确保了它包含了支持不同语言的高质量字体。

此外，借助 WordPress 的样式变体，你可以做很多自定义调整。怎么做呢？任何可以添加到 theme.json 的设置或样式，也可以添加到你的样式变体 JSON 文件中。

Twenty Twenty-Five 提供了九种样式变体，每种变体都有自己的颜色调色板、字体家族和排版设置。

文本样式 (Text Styles)

可以在站点编辑器的设置侧边栏中的“样式”部分应用文本样式。除了默认文本样式外，标题和段落区块各自包括三种自定义文本样式：

显示样式 (Display)
注释样式 (Annotation)
副标题样式 (Subtitle)

我们对比一下不同的样式。

那么，以下是默认文本样式的效果：

当选择注释时，是这样的：

颜色 (Colors)

WordPress Twenty Twenty-Five 主题包括一个默认的颜色调色板，包含 8 种颜色。要查看这些颜色，可以进入“样式” > “颜色”部分。

然后选择“调色板”。

这些颜色看起来非常漂亮，可以尝试了一些。下面的图片展示了“下午”颜色调色板。

字体 (Fonts)

Twenty Twenty-Five 主题提供了 9 种字体，每种字体都有完整的变体集。

进入“样式” > “排版”部分。

对于开发者来说，这些字体家族位于 Twenty Twenty-Five 主题的 assets/fonts 文件夹，并在 theme.json 文件中进行了注册。

Twenty Twenty-Five 还提供了 8 种排版样式。只需选择其中一种，它就会应用到你网站的每一页。

在下面的图片中，我选择了一个不同的排版样式。你可以将其与上方默认的排版样式进行对比。

模板 (Templates)

Twenty Twenty-Five 主题为用户提供了大量模板，使得创建各种类型的博客变得更加便捷。该主题使用了许多新的设计工具，如网格区块和图案/章节样式。

无论你是要创建一个稳定文本的博客、一个图片博客、还是具有不同布局的作品集，或者是有不同目的和明确结构的博客——你都可以找到合适的模板。

我查看了以下几种模板：

默认模板（个人博客）
仅文字博客
新闻博客
图片博客
复杂博客

默认模板（个人博客）

默认的博客模板具有简单的结构，适用于任何类型的文章，无论文章是否有标题、图片，或者文章长短。

这些模板会显示文章的完整信息，与其他只显示部分内容的模板不同。

文字博客 (Text-only Blog)

尽管现在网络上的内容越来越需要视觉元素，但这个主题仍然提供了一个纯文字博客的模板选项，适合那些更喜欢纯文字内容的用户。

该模板适用于首页、归档页面、搜索结果和单独的文章。

这里测试了纯文字模板，下面是首页的效果：

新闻博客 (News Blog)

新闻博客提供了三种高级的首页设计供选择。

新闻的默认单一文章模板在内容的右侧有一个侧边栏（如下图所示）。

图片博客 (Photo Blog)

图片博客模板主要是为摄影或作品集创建的，因为大多数模板都有以图片为主的布局，适用于各个领域。

选择图片博客模板，它也可以在右侧边栏找到。

就像预期的那样，它为文本提供的空间较少，但在网格视图中提供了更多的空间来展示照片。

复杂博客 (Complex Blog)

最后，一组复杂博客模板更适合具有更复杂内容的网站。由于有不同的类型尺度和更独特的设计，其中一些模板可以满足不同受众的需求。

如何更改模板设计

要切换模板设计，按照以下步骤操作：

1. 进入“外观” > “编辑器”打开站点编辑器。

2. 选择“模板”。

3. 选择你想要更新的模板即可。我这里选择了“首页”。

在站点编辑器中，打开设置侧边栏，点击“模板”标签。

4. 打开“设计”面板。

在“设计”面板中，你会看到可用模板图案的预览。点击你想要应用的图案。

我们这里选择了“带侧边栏的新闻”并编辑了一些文本。

5. 保存更改（从右上角）到模板，然后对其他需要更新的模板重复以上步骤。

如何测试 Twenty Twenty-Five 主题？

步骤 1：升级到最新的 WordPress 版本

要测试 Twenty Twenty-Five 主题，首先需要获取该主题。所以，网站必须升级到 WordPress 6.7 版本。

WordPress 提供了快速的版本升级功能。

按照以下步骤操作即可：

1. 进入网站 WordPress 管理后台。

2. 向下滚动并找到“Updates”。

3. 会看到当前的 WordPress 版本。

4. 点击“更新到 6.7”按钮。

5. 升级完成后，进入“外观” > “主题”，就能找到最新的默认主题。

但 不要点击激活 按钮！需要先进行备份。

步骤 2：备份你的 WordPress 网站

在测试 WordPress 的新默认主题之前，务必先备份 WordPress 网站。这样做不仅可以保障数据安全，还能防止很多意外。

具体的可以根据文章链接了解如何详细备份 WordPress 网站。

Twenty Twenty-Five 主题与旧版主题（2024 和 2023）的对比

为了更好地了解 2025 主题的功能，将其与旧版本主题进行对比。

以下是重要功能的对比表：

功能/方面	Twenty Twenty-Five	Twenty Twenty-Four	Twenty Twenty-Three
响应式设计	完全响应式，优化适配所有设备。	响应式设计，但布局更静态。	完全响应式设计，重点是移动优先。
自定义选项	支持自定义颜色、字体和页面样式，提供丰富的样式变体。	自定义选项有限，相较新版主题稍逊。	基本的自定义选项。
排版	提供 9 种字体及其完整变体、8 种排版样式和 3 种自定义文本样式。	排版选项较少，自定义有限。	提供基础排版选项，标准字体家族。
文章格式支持	支持所有文章格式（旁白、音频、聊天、画廊等），并提供独特样式选项。	支持较少的文章格式，主要集中在基本文本文章上。	基础的文章格式支持，重点是标准博客。
区块图案	提供 70 多种预设计的区块图案，适用于多种内容类型。	区块图案有限，布局较为简单。	区块图案较少，强调经典布局。
站点编辑功能	增强型站点编辑器，支持缩小视图，使编辑更轻松。	基础的站点编辑器功能，灵活性有限。	改进的站点编辑器，支持简单布局调整。
模板	提供多种模板，包括个人博客、图片博客、新闻博客和复杂博客等。	主要是单一模板，适合基本布局的博客。	基础模板，注重简单和极简设计。
图片和视觉布局	提供适合图片博客和作品集的图像密集型模板。	图像模板较少，更偏向文本内容。	强调文本与图片的平衡布局。
博客模板	提供专门的仅文字、图片和复杂博客模板。	单一简单的默认博客模板。	极简的博客模板，专注于简洁设计。
颜色调色板	提供 8 种默认调色板，并支持自定义和变体创建。	调色板选择较少，选项较固定。	色彩自定义有限，主要以中性色调为主。
用户体验	专注于可读性、灵活性和自定义，用户友好。	简单易用，但高级选项较少。	注重无障碍性，强调文本清晰度。
开发者功能	提供丰富的开发支持，包括区块图案、模板和外部数据集成。	开发工具有限，自定义选项较少。	虽然对开发者友好，但灵活性不如 2025。
仅文字博客选项	提供仅文字博客的模板选项。	无专门的仅文字博客选项。	提供基础的文本模板，适合文字为主的博客。

总结

总的来说，新的默认 WordPress 主题非常好用，功能也更丰富。而且不是因为它是最新发布的版本才这么说。

在这篇博客中，测试了大部分新功能并进行了讨论。用户可以根据不同的博客格式（如文本型、作品集或照片类型等）选择各种模板、图案和自定义选项。

难怪 Twenty Twenty-Five 主题成为 WordPress 6.7 中最重要的更新！

常见问题解答

Q1. 什么是 WordPress 默认主题？
默认主题是 WordPress 预安装的主题，提供简洁、清晰的设计，适用于大多数网站。

Q2. 如何启用 WordPress 默认主题？
进入“外观” > “主题”，找到默认主题（例如 Twenty Twenty-Five），然后点击“启用”。

Q3. 如何自定义 Twenty Twenty-Five 主题？
在“外观” > “编辑器”中使用站点编辑器，调整颜色、排版和布局等设置。你还可以应用区块图案和模板。

Q4. 如何将我的网站恢复到 WordPress 默认主题？
进入“外观” > “主题”，选择默认主题（例如 Twenty Twenty-Five），然后点击“启用”。

December 3, 2024

WordPress 6.7 “Rollins” – 向爵士传奇Sonny Rollins致敬，开启设计与灵活性的新时代
每次WordPress的发布都向一位在音乐界留下深远影响的艺术家致敬，以纪念他们的独特贡献和持久影响力。WordPress 6.7版本，名为“Rollins”，以致敬爵士萨克斯演奏家Sonny Rollins，他的音乐创作充满了创新、即兴和勇敢的精神，这种精神也体现了WordPress赋能全球创作者的初心。

谁是Sonny Rollins？

Sonny Rollins被誉为爵士音乐史上最具影响力的音乐家之一。以其卓越的技术和无尽的创造力闻名，Rollins创作的经典曲目如《St. Thomas》、《Oleo》和《Airegin》已成为爵士标准，被称赞为节奏复杂、旋律创新。Rollins的音乐捕捉了即兴创作的本质和情感的深度，这与WordPress鼓励创新、让用户通过数字创作表达自我的使命相呼应。

在WordPress 6.7中，用户可以通过一系列新功能和增强特性，探索与Rollins同样的创作精神，享受更强的灵活性、控制力和使用便利。

WordPress 6.7有哪些新功能？

引入全新主题：Twenty Twenty-Five

全新的Twenty Twenty-Five主题提供了简洁且以设计为主的体验，使创建视觉美观的网站更加轻松。这款主题强调灵活性，允许用户自定义网站风格，包括丰富的样式选项、区块模式和调色板。Twenty Twenty-Five简化了复杂性，拥有无限可能，是能够随用户需求成长的主题，适用于各种创意方向的网站。

关于这个默认主题，可以参阅我们的文章探索 WordPress 2025 默认主题：Twenty Twenty-Five 的灵感与设计理念

Zoom Out（缩小）功能 – 掌控全局视角

通过Zoom Out功能，WordPress 6.7引入了一种独特的宏观视角，让用户可以退后一步，查看整个网站布局。此功能可以轻松添加、编辑、重新排列或删除整块内容，帮助用户轻松管理和优化网站的整体结构。通过从更广阔的角度查看内容，用户可以更具架构性的方式设计网站，确保网站保持一致的外观和感觉。

动态内容创建更轻松 – 连接区块与自定义字段

WordPress 6.7引入了直观的界面，允许用户将区块连接到自定义字段，实现动态内容的创建。无需编码，只需选择和连接，即可实现内容构建的灵活性和效率提升。此新功能尤其适用于管理复杂布局的用户，使动态内容创建对WordPress开发新手也更加友好。

高级排版选项 – 字体控们的福音

WordPress 6.7的全新样式界面提供了无与伦比的排版控制。用户可以创建、编辑和删除字体大小预设，覆盖主题默认设置或设计自定义字体大小，从而实现品牌的独特风格。这包括流动排版功能，字体将根据设备响应性自动调整，确保无论在哪种设备上查看网站，字体显示效果一致。这种新的排版控制水平特别适合追求完美视觉表现的设计师们。

性能升级 – 更快更高效

性能优化是WordPress的首要任务，6.7版本带来了多项显著更新：
- 更快的模式加载和数据视图组件中的预览优化，加快设计工作流程。
- 改进的PHP 8+支持，删除弃用代码，确保在现代服务器环境下运行更流畅。
- 延迟加载优化：自动调整延迟加载图像大小，以提高加载速度和视觉表现。
- 增强的HTML API标签处理，进一步提高了速度和效率。
通过这些优化，WordPress 6.7不仅提升了用户体验，也确保了网站运行更加流畅高效。

可访问性提升

WordPress 6.7中包含了65多项可访问性修复和改进，专注于让WordPress对各类用户更直观和友好。主要改进包括：
- 增强编辑器中的键盘导航，方便所有用户更好地使用WordPress的强大工具。
- 更清晰的标签，帮助用户更轻松地识别功能和选项。
- 登录页面上可访问的标题，确保WordPress的基础功能对所有人普遍可用。
这些可访问性改进体现了WordPress的包容性承诺，确保每个人都可以享受平台的功能。

下载 WordPress 6.7 “Rollins”

要体验这些新功能和改进，下载 WordPress 6.7 “Rollins”，探索网页设计和数字表达的新可能。要了解WordPress 6.7中所有功能和增强的完整概述，请访问官方的功能展示页面。
November 13, 2024
WordPress 6.7 国际化改进：翻译管理与性能优化
WordPress 6.7 中有各种国际化（i18n）改进，我们一起看看这些改进。

确定翻译是否存在

有时，无需先加载给定文本域的翻译，即可知道内存中是否已存在翻译，这一点很有用。新has_translation()功能正是可以实现这一点。

有关更多详细信息，请参阅#52696 / [59029]。

以管理员的语言环境发送电子邮件

在 4.7 版中，WordPress 增加了让用户设置其首选语言环境的功能。向用户发送电子邮件时，电子邮件始终以该语言环境发送，而其他所有人都会以站点的语言环境收到电子邮件。

现在，WordPress 6.7 又迈进了一步：每次向管理员电子邮件地址 ( admin_email) 发送电子邮件时，WordPress 都会检查是否存在具有相同电子邮件地址的用户。如果存在，则以该用户的语言环境发送电子邮件。

有关更多详细信息，请参阅#61518 / [59128]。

如果翻译加载过早，则会发出警告

如果开发人员在插件或主题中过早加载翻译（在当前用户尚未知晓之前），WordPress 现在会发出警告。现有功能（如load_plugin_textdomain()和）load_theme_textdomain()已更新，以将实际加载推迟到核心中现有的即时翻译逻辑。这降低了触发警告的可能性，甚至在某些情况下通过避免加载在给定页面上不需要的翻译来提高性能。

after_setup_theme当尝试在或之前加载翻译时init，WordPress 会尝试比平时更早地加载当前用户，而不会给其他插件可能参与该过程的机会。它还会阻止任何插件过滤翻译调用，例如切换语言环境或文件位置。因此添加此警告以指出这种意外行为。

有关更多详细信息，请参阅#44937、[59127]和[59157] 。

_doing_it_wrong()例如，如果直接调用get_plugin_data()（默认情况下会尝试加载翻译）或__()不等待钩子，插件可能会出现这种情况init。以下是在实际已修复的插件中发现的一个常见示例：
```
/**
 * Plugin Name: Awesome Plugin
 */

function myplugin_get_version() {
	require_once ABSPATH . 'wp-admin/includes/plugin.php';
	// Prevent early translation call by setting $translate to false.
	$plugin_data = get_plugin_data( __FILE__, false, /* $translate */ false );
	return $plugin_data['Version'];
}

define( 'MYPLUGIN_VERSION', myplugin_get_version() );
```
如果在调用时未明确设置$translate为，则该函数默认翻译插件元数据。由于此插件只需要版本号，因此无需翻译任何其他字段。falseget_plugin_data()

另一个例子：
```
/**
 * Plugin Name: Awesome Plugin
 */

class My_Awesome_Plugin {
	public $name;
	public function __construct() {
		// This triggers just-in-time translation loading
		$this->name = __( 'My Awesome Plugin', 'my-awesome-plugin' );

		// ... do something
	}
}

// This immediately instantiates the class, way before `init`.
$myplugin = new My_Awesome_Plugin();
```
这里，类在主插件文件中立即实例化，类构造函数中的代码使用转换函数。可以通过将类实例化推迟到之后init或将转换调用推迟到真正需要时来避免这种情况。

如果插件受到此警告的影响，可以使用如下代码来找出触发该警告的代码路径：
```
add_action(
	'doing_it_wrong_run',
	static function ( $function_name ) {
		if ( '_load_textdomain_just_in_time' === $function_name ) {
			debug_print_backtrace();
		}
	}
);
```
在这种情况下，Query Monitor之类的开发工具也很有用。
October 22, 2024
WordPress 6.7 中延迟加载图像自动调整大小
WordPress 6.7 添加了sizes=”auto”延迟加载图像的功能。此功能最近添加到 HTML 规范中，它允许浏览器在从列表中选择源时使用图像的渲染布局宽度srcset，因为延迟加载的图像直到布局已知后才会加载。

新的块类型注册 API ：可提高 WordPress 6.7 中的性能

背景

响应式图像属性，srcset是在WordPress 4.4sizes中添加的。引用当时的开发人员说明：

为了帮助浏览器从源集列表中选择最佳图像，我们还提供了一个sizes相当于的默认属性(max-width: {{image-width}}px) 100vw, {{image-width}}px。虽然此默认设置对于大多数网站来说都是开箱即用的，但主题应sizes根据需要使用wp_calculate_image_sizes 过滤器自定义默认属性。

sizes在选择要从中获取的正确文件时，设置默认值非常重要srcset，因为它会在浏览器知道图像布局之前告诉浏览器图像的预期布局。如果没有任何值，浏览器将使用默认100vw值并假定图像将填充视口的整个宽度，从而导致大量字节浪费。WordPress 多年来一直提供的默认值可确保图像布局受其width属性约束。这有帮助，但在很多情况下仍然不正确，因为图像的布局可能受内容宽度或其嵌套的任何块的约束。

尽管鼓励主题sizes使用wp_calculate_image_sizes过滤器提供更准确的属性值，但这样做很有挑战性。现在浏览器能够自动将渲染的布局应用于sizes延迟加载的图像，该sizes值将 100% 正确，从而减少浪费的字节数。

实现细节

HTML 规范允许延迟加载图像省略sizes、明确设置sizes=”auto”或设置sizes为以开头的字符串，"auto,"后跟有效的源大小列表。为了将其作为已支持此功能的浏览器的渐进式增强功能实现，WordPress 将在期间将和生成的任何图像标记添加到内容图像的属性中。这将导致不支持新值的浏览器回退到上一个列表。autosizeswp_filter_content_tags()wp_get_attachment_image()autosizes

如果图像包含，WordPress 只会将添加auto到值中。否则，支持的浏览器将无法验证该值并应用的默认值，这将导致从属性中选择大于所需大小的图像。在 WordPress 生成标记后更改图像加载值的任何自定义实现都应使用新功能来更正属性。sizesloading=”lazy”sizes=autosizes100vwsrcsetwp_img_tag_add_auto_sizes()sizes

新增功能
- wp_img_tag_add_auto_sizes– 为HTML img字符串添加自动大小。
- wp_sizes_attribute_includes_valid_auto– 测试图像上是否已经存在自动功能，以确保不会多次添加它。
October 19, 2024
在 WordPress 6.7 中自动将 HEIC 图像转换为 JPEG
WordPress 6.7 版本是今年的最后一个主要版本，预计在今年的11月12日正式发布，最新的WordPress信息可以留意我们的“WordPress资讯”。在 WordPress 6.7 中，HEIC图像上传将在可能的情况下在服务器上自动转换为 JPEG。

这样，无论访问者的浏览器是否支持 HEIC，都可以在 WP Admin中查看 HEIC 图像并在帖子和页面中使用它们。浏览器对 HEIC 的支持率很低，而 HEIC 图像的出现很常见，因为它们是Apple 设备使用的默认存储格式。

原始 HEIC 图像可通过附件页面上的链接下载。

仅当服务器具有支持 HEIC 的 Imagick 版本时，才会进行转换。可以在工具 → 站点健康 → 信息 → 媒体处理 → ImageMagick 支持的文件格式中查看服务器是否支持 HEIC。

如果无法转换，则会向用户显示警告，鼓励他们手动将图像转换为 JPEG。这是 WordPress 6.7 之前默认的。

可以使用
image_editor_output_format 过滤器禁用 HEIC 图像到 JPEG 的自动转换。
```
add_filter( 'image_editor_output_format', function( $output_format ) {
    unset( $output_format['image/heic'] );
    return $output_format;
} );
```
August 15, 2024