beginner-wordpress-user/tutorials/Choosing and installing a theme/Choosing and installing a theme_tutorial.md
studio 0c41fb6eeb feat: 更新视频章节、多平台元数据和教程文章
- 7 Tips to improve website security 全平台元数据
- 多个视频教程 Markdown 更新
2026-04-13 15:53:04 +08:00

128 lines
10 KiB
Markdown
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# Choosing and installing a theme — 图文教程
> 基于 7 个章节自动生成,含字幕摘要与关键帧截图。
## 1. 开场与主题介绍
*intro* | `00:00 → 01:04`
**摘要**: 介绍本次研讨会学习目标,并解释主题的本质是网站模板,以及内容与呈现分离的概念。
在本次会话中,我们将讨论如何为您选择和安 装合适的主题。 这是本次研讨会的学习目标:区分四种不同类 型的主题;查找和评估主题;安装和更新主题;最后,获取主题支持。我们开始吧。 简而言之,主题本质上是具有特定布局和设计 的网站模板。 使用 WordPress 时, 您的内容与其呈现形式是完全分离的。 这意味着仅通过更换不同主题,您网站的外观 和风格就能完全改变,而内容保持不变。来看个例子:这里我使用的是 2023 默认主题。 下一个例子中,我安装并启用了 Bounds 主题,它的外观风格截然不同,但内容完全一致。 需要重点强调的是:您的网站不会与所安装主 题的缩略图或示例页面完全相同。 这些仅是展示可能效果的示例,有时需要安装 特定插件才能实现初始展示效果。 WordPress 有数千款免费主题, 主题仓库外也有付费高级主题。
但请注意:许多免费版本也提供高级付费包。 您可能会问主题有哪些类型? 需要注意四种类型:区块主题、 经典主题、混合主题和通用主题。
![开场与主题介绍](Choosing and installing a theme_ch01_f1_00-16.jpg)
![开场与主题介绍](Choosing and installing a theme_ch01_f2_00-32.jpg)
![开场与主题介绍](Choosing and installing a theme_ch01_f3_00-48.jpg)
---
## 2. 区块主题详解与演示
*demo* | `01:04 → 03:12`
**摘要**: 详细介绍区块主题的定义、特点,并通过站点编辑器演示如何编辑和预览区块主题。
需要说明的是:区块主题和经典主题最常用, 且区块主题是 WordPress 的未来发展方向。 让我们先从区块主题开始了解。 区块主题使用区块构建网站的所有部分, 包括导航菜单、页眉、内容和页脚。 区块主题允许您在站点编辑器中编辑和自定义 网站的所有部分。 让我们实际操作区块主题: 进入[外观]点击[主题]。 我已启用名为 2023 的区块主题, 在左侧边栏中您会看到编辑器入口。 点击[编辑器]将进入站点编辑器, 这里可以创建和编辑页面。 您可以创建草稿页面或编辑现有页面。 接下来,我们还可以更改全站样式, 或针对整个网站自定义特定区块的外观。 站点编辑器还允许您设置模板: 可以添加新模板或编辑主题自带的模板。 最后,您还可以管理各种区块样板——包括您 自己创建的样板, 以及我们添加到模板中的页眉/页脚模板部件 样板。 我意识到有些人可能不熟悉样式、模板等术语,请查看视频下方资源以了解更多。 还有个很棒的新功能:切换前可预览区块主题。将鼠标悬停在区块主题上时, 会出现[实时预览]按钮。 点击后将进入站点编辑器。 这样不仅能预览网站,还能体验站点编辑器。 现在您可以随意进行更改或自定义。 例如,我将更改样式变体并调整文字字体。 现在我们可以浏览页面、模板等。
如果您喜欢当前效果, 甚至可以选择启用并保存主题及所有修改。
![区块主题详解与演示](Choosing and installing a theme_ch02_f1_01-36.jpg)
![区块主题详解与演示](Choosing and installing a theme_ch02_f2_02-08.jpg)
![区块主题详解与演示](Choosing and installing a theme_ch02_f3_02-40.jpg)
---
## 3. 经典主题与混合主题
*knowledge* | `03:12 → 06:00`
**摘要**: 对比介绍经典主题和混合主题,说明它们如何通过定制器、菜单和小工具进行设置,并演示混合主题的模板功能。
经典主题不使用区块编辑器管理文章和页面之 外的网站布局。
它们通过定制器、 菜单和小工具来修改主题设置。 由于经典主题历史最久,可选数量也更多。 让我们仔细看一个经典主题示例: 进入[外观]点击[主题]后, 您会看到我已启用 2016 主题。 在边栏设置中,可以访问定制器等功能。 打开定制器后,您可以从这里更改所有主题设 置。 请注意:区块主题能为网站设计和自定义提供 更大灵活性。 混合主题是采用了部分区块主题功能的经典主 题。 你可以随意进行任何修改或定制。 例如,我会改变样式 变化,并更改文本字体。 现在我们可以浏览页面、模板等。 如果你喜欢看到的效果,甚至可以选择 激活并保存主题及所做的更改。
经典主题不使用区块编辑器来管理文章和页面 之外的网站布局。 它们使用定制器、 菜单和小部件来修改主题设置。 由于经典主题存在时间最长, 可供选择的也更多。 让我们仔细看一个经典主题的例子。 当我们进入外观 并点击主题,你会注意到我已激活 2016 主 题。在侧边栏设置中, 你可以访问定制器等。打开定制器后, 你可以在这里更改所有主题设置。
请注意,区块主题在设计定制网站时提供更大 灵活性。 混合主题是采用部分区块功能的经典主题, 站点编辑,例如模板编辑器。像 Excel 这样的混合主题仍使用定制器进行修改,同时也能创建自定义模板。现在让我们进入 页面管理。打开任意页面, 找到右侧边栏设置。点击“模板”, 即可为页面分配其他模板或创建自定义模板。
![经典主题与混合主题](Choosing and installing a theme_ch03_f1_03-54.jpg)
![经典主题与混合主题](Choosing and installing a theme_ch03_f2_04-36.jpg)
![经典主题与混合主题](Choosing and installing a theme_ch03_f3_05-18.jpg)
---
## 4. 通用主题与主题搜索
*knowledge* | `06:00 → 06:57`
**摘要**: 介绍通用主题并讲解如何在WordPress后台搜索、筛选和预览新主题。
最后,通用主题是一种可完全配置的主题, 既可作为区块主题也可作为经典主题使用。
在这个示例中,我安装了通用主题 emul sion。如您所见您既可以访问定制器也可以使用编辑器。 接下来,我们来讨论如何搜索和添加新主题。 要添加新主题,请转到“外观”并点击“主题 ”。在顶部点击“添加新主题”。 您可以搜索最受欢迎的主题、最新添加的主题,甚至还有专门的区块主题区域。
点击某个主题时, 您可以查看该主题的详细信息并进行预览。 点击“功能筛选”后,您可以根据主题类型、 功能和布局搜索主题。如何判断主题优劣?
![通用主题与主题搜索](Choosing and installing a theme_ch04_f1_06-14.jpg)
![通用主题与主题搜索](Choosing and installing a theme_ch04_f2_06-28.jpg)
![通用主题与主题搜索](Choosing and installing a theme_ch04_f3_06-42.jpg)
---
## 5. 主题评估与安装
*demo* | `06:57 → 08:04`
**摘要**: 讲解如何通过WordPress.org评估主题并演示在后台安装主题的两种方法在线搜索和手动上传
“主题”。您可以在此搜索各类主题。 找到心仪主题后, 点击“更多信息”以了解该主题详情。 在右侧, 您将看到决策所需的所有信息。查看 版本更新、活跃安装量和评分数据, 能帮助您了解 其他用户使用该主题的整体体验。 如何安装主题? 安装新主题时,请进入“外观”, 点击“主题”并选择“添加新主题”。 找到所需主题后点击“安装”,安装完成后 别忘了点击“启用”。如果您有 ZIP 格式的主题文件, 可以手动安装。点击“添加新主题”, 在顶部选择“上传主题”, 然后从电脑中上传文件。
![主题评估与安装](Choosing and installing a theme_ch05_f1_07-13.jpg)
![主题评估与安装](Choosing and installing a theme_ch05_f2_07-30.jpg)
![主题评估与安装](Choosing and installing a theme_ch05_f3_07-47.jpg)
---
## 6. 主题更新与管理
*knowledge* | `08:04 → 09:30`
**摘要**: 介绍如何更新主题(包括自动更新)、使用子主题的重要性,以及如何删除主题。
关于更新?如果有可用更新, 顶部菜单栏和仪表盘菜单都会显示通知。
您可以转到更新页面并向下滚动, 这里会显示单个主题或 可用更新的主题列表。 在此页面您可以选择更新单个主题,
或一次性全部更新。 请记住在更新前备份网站,或考虑使用 子主题。子主题是一种继承主主题外观和所有 功能的 次级主题。使用子主题可在升级父主题时 不影响您对网站的自定义修改。 自定义内容会与主主题文件 分开保存(我会在下方资源中添加相关链接)。另一种方法是 进入“外观”,点击“主题”, 找到需要更新的主题, 顶部会出现“立即更新”选项; 或点击“主题详情”, 在顶部也能进行更新。最后您还可以为此主题 启用自动更新。如何删除主题? 要删除主题请选择对应主题,
![主题更新与管理](Choosing and installing a theme_ch06_f1_08-25.jpg)
![主题更新与管理](Choosing and installing a theme_ch06_f2_08-47.jpg)
![主题更新与管理](Choosing and installing a theme_ch06_f3_09-08.jpg)
---
## 7. 获取主题支持与结尾
*outro* | `09:30 → 10:20`
**摘要**: 说明如何通过主题的支持论坛获取帮助,并总结找到合适主题的信心。
要获取支持请进入主题目录, 选择对应主题并滚动至 “支持”区域。获取主题帮助的最佳方式是访 问相关主题的支持论坛 提问或查看其他工单。 相信您能找到满足所有需求的合适主题。
右下角有删除选项,最后如何获取支持? 获取支持请进入主题目录, 选择相关主题并向下滚动至 支持板块。获取主题帮助的最佳方式是前往主 题相关支持论坛
![获取主题支持与结尾](Choosing and installing a theme_ch07_f1_09-42.jpg)
![获取主题支持与结尾](Choosing and installing a theme_ch07_f2_09-55.jpg)
![获取主题支持与结尾](Choosing and installing a theme_ch07_f3_10-07.jpg)
---