Twenty Nineteen主题?

juming
juming 初级会员超兽战士
发布于 2026-10-08 02:02 ·2 浏览 ·0 回复

学完这篇,你能独立判断 Twenty Nineteen 适不适合你的站点,并完成启用、外观设置和改样式这三件事。

第一步:先搞清楚它是什么、适合谁

Twenty Nineteen 是 WordPress 5.0(2018 年 12 月)起自带的官方默认主题,从设计之初就是配合区块编辑器(古腾堡)做的:单栏、无侧边栏、排版优先,正文用衬线字体,图片和段落可以拉成「宽幅」和「全宽」。

适合:文字为主的博客、个人主页、说明文档类站点,以及不想折腾插件就想用区块编辑器的人。
不适合:需要左右侧边栏、复杂商品列表、多栏布局的电商或门户站。

注意:Twenty Nineteen 不支持全站编辑(FSE),它没有「外观 → 编辑器」里的模板和模板部件。别在那边找页头页脚,找不到是正常的。

第二步:安装并启用

这一步做完,你的站点就会换成 Twenty Nineteen 的样子。

  1. 进后台,左侧菜单点「外观 → 主题」。
  2. 如果列表里已经有 Twenty Nineteen(官方默认主题通常是预装的),把鼠标移上去,点「启用」。
  3. 如果列表里没有,点顶部「添加新主题」,搜索框输入 Twenty Nineteen,在结果里点「安装」,装完点「启用」。

注意:换主题前,先截图记下当前的菜单和小工具配置。切回来时这些分配关系常常要重新设一遍。

第三步:用「自定义」调外观

这一步做完,你会得到自己的配色、Logo 和页脚。

进入「外观 → 自定义」(WordPress 5.9 之后依然叫「自定义」,不是「编辑器」),左侧能看到这些面板:

  • 站点身份:改标题、副标题,上传 Logo 和站点图标(512×512 的 PNG 最稳)。
  • 颜色:拖动色相滑块就能换主色,按钮、链接、下划线会跟着变,不用写代码。
  • 菜单:先建菜单,再勾选显示位置。「Primary」显示在页头,「Social」在页脚渲染成社交图标。
  • 小工具:Twenty Nineteen 只有两个页脚区域,名字叫「Footer」和「Footer #2」。想加侧边栏得自己写代码。
  • 附加 CSS:临时改样式可以直接写在这里,主题升级不会丢,但换主题就没了。

改完点左上角「发布」。

第四步:用区块编辑器写内容

新建文章,在区块工具栏里给图片或段落点「更改对齐方式」,选「宽幅」或「全宽」——这是 Twenty Nineteen 最值得用的功能,别的老主题不一定支持。

正文排版建议:标题用「标题」区块,别用加粗大字号硬凑;图片用「图片」区块并设置「宽幅」,在窄屏上会自动缩放。

第五步:要深度改样式就建子主题

直接改主题文件,一升级全没了。正确做法是子主题:

在 wp-content/themes/ 下新建文件夹 twentynineteen-child,放两个文件。

style.css:

/*
Theme Name: Twenty Nineteen Child
Template: twentynineteen
Version: 1.0
*/

functions.php:

<?php
add_action( 'wp_enqueue_scripts', function () {
    wp_enqueue_style( 'twentynineteen-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'twentynineteen-child', get_stylesheet_uri(), array( 'twentynineteen-style' ), '1.0' );
} );

然后到「外观 → 主题」启用它,之后所有自定义 CSS 写在子主题的 style.css 里。

注意:子主题必须用 wp_enqueue_style() 加载父主题样式,别用 @import,否则加载顺序容易出问题、样式覆盖不上。

小结

  • Twenty Nineteen 是 WordPress 5.0 起的官方默认主题,为区块编辑器设计,单栏无侧边栏。
  • 启用路径:外观 → 主题 → 搜索 Twenty Nineteen → 安装 → 启用。
  • 改外观走「外观 → 自定义」,颜色只有色相滑块,小工具只有两个页脚区域。
  • 它不支持全站编辑,改版式靠附加 CSS 或子主题。
  • 改代码一律放进子主题,父主题升级不丢样式。
版权声明:本文来自 GJ站长论坛《Twenty Nineteen主题?》
原文链接:https://www.gj0.com/thread-680.html
转载请注明出处并保留本声明;内容仅代表作者观点,与本站立场无关。若本文涉嫌侵权,请联系本站处理。

全部回复 0

还没有回复,来抢沙发~