Twenty Nineteen主题?
学完这篇,你能独立判断 Twenty Nineteen 适不适合你的站点,并完成启用、外观设置和改样式这三件事。
第一步:先搞清楚它是什么、适合谁
Twenty Nineteen 是 WordPress 5.0(2018 年 12 月)起自带的官方默认主题,从设计之初就是配合区块编辑器(古腾堡)做的:单栏、无侧边栏、排版优先,正文用衬线字体,图片和段落可以拉成「宽幅」和「全宽」。
适合:文字为主的博客、个人主页、说明文档类站点,以及不想折腾插件就想用区块编辑器的人。
不适合:需要左右侧边栏、复杂商品列表、多栏布局的电商或门户站。
注意:Twenty Nineteen 不支持全站编辑(FSE),它没有「外观 → 编辑器」里的模板和模板部件。别在那边找页头页脚,找不到是正常的。
第二步:安装并启用
这一步做完,你的站点就会换成 Twenty Nineteen 的样子。
- 进后台,左侧菜单点「外观 → 主题」。
- 如果列表里已经有 Twenty Nineteen(官方默认主题通常是预装的),把鼠标移上去,点「启用」。
- 如果列表里没有,点顶部「添加新主题」,搜索框输入
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 或子主题。
- 改代码一律放进子主题,父主题升级不丢样式。
原文链接:https://www.gj0.com/thread-680.html
转载请注明出处并保留本声明;内容仅代表作者观点,与本站立场无关。若本文涉嫌侵权,请联系本站处理。