引言
欢迎使用样式手册。学习目标:掌握使用样式手册的最佳实践,理解全局样式与样式手册的区别及其协同工作原理,学习在搭建网站前如何进行自定义与样式设置。若尚未观看《使用全局样式设计网站》视频,建议先观看以更好地理解全局样式。WordPress学习视频可在YouTube平台的WordPress频道找到,下方也提供了链接。
查找样式手册
要找到样式手册,请从控制面板开始。向下滚动菜单至”外观”选项,进入编辑器并点击打开。在设计菜单下,您会看到”样式”选项。点击后将展开一个迷你菜单,显示WordPress默认提供的八种样式变体。此时我们可以暂停操作,我将展示几种实现相同效果的不同方法。这是为主题选择不同样式组合的一种方式,包含不同颜色与字体组合。当前显示的是主题默认页面,即博客首页模板。页面使用了多种区块模块,我们可以点击不同颜色变体预览效果。请注意切换颜色时字体也会同步变化。现在我们将保持默认设置,以便展示页面其他功能。顶部眼睛图标代表样式手册,铅笔图标则代表编辑样式。点击样式手册图标后,会显示所有正在使用的核心区块(标题、段落、图像等)。我们仍可切换不同样式变体查看各区块效果。另一个实用功能是底部的”最后修改”版本记录,点击后可查看样式修改历史,显示修改时间与具体变更内容。此外还有其他访问途径,现在让我们返回编辑样式界面。
通过样式手册修改样式
这是用户最常使用的主界面。右侧样式菜单通常会自动展开,若未展开可点击半月形图标激活。如果您已观看全局样式视频,应该熟悉这些功能。这里同样有眼睛图标和显示版本历史的时钟图标——这是另一种访问途径。我们仍以博客首页模板为默认页面,可以像第一节那样浏览样式,尝试不同颜色变体后进入样式手册。此时主题核心区块会以更易管理的标签页形式呈现:媒体类集中展示,设计特性按钮、小组件(如带链接的列表、日历、文章列表、页面列表、社交媒体图标等)归类展示,主题区块也会集中显示。我可以切换样式变体,直观查看不同颜色在这些区域的呈现效果。媒体区块选项较少,按钮区块则是重点——不同变体包含不同颜色与形状,方便选择最合适的样式。需要注意的是,此时全局样式与样式手册正在协同工作。
修改按钮区块样式
当我们处理区块时,若喜欢整体配色但希望按钮突出显示(例如在灰黑色系中需要亮色按钮),可以在样式手册的设计标签页自定义按钮并实时预览。点击区块会打开样式工具,可修改背景色(如浅棕色)、文字颜色(黑色)、外观(中等文本)及字体。若效果不佳可恢复原始设置,或尝试系统无衬线字体等选项。完成修改后点击保存,刷新前端页面即可看到生效的样式。
修改引用区块样式
接下来查看文本类的引用区块。虽然多数样式应在全局样式设置,但某些特殊区块可能需要个性化处理。点击打开区块后添加背景颜色,修改字体样式,点击保存后即可在模板中预览效果。刷新前端页面后滚动查看实际呈现。
结语
更多课程请访问Learn.WordPress.org或我们的YouTube频道WordPress。感谢观看。
实践操作
使用下方WordPress演练场应用所学知识:
打开样式手册并完成以下修改:
将按钮区块背景色改为其他颜色
将图像区块圆角半径改为10像素
将列表区块行高改为2