归档: 文档

  • 如何手动开通课程

    当用户通过线下支付或者其他方式支付后,可以进入课程编辑页面的底部,找到课程管理,点击课程学员,将用户的ID添加惠安学员列表即可,如下图:

  • WordPress区块主题术语与层级结构概述

    架构:页面与文章

    在区块主题中,所有内容都由区块构建,但WordPress仍使用两种主要内容类型:页面和文章。理解二者的区别是有效组织网站的关键。

    页面是静态的、无时间性的内容,长期保持稳定。由于完全由区块构成,您可以根据需要轻松为每个页面创建不同布局。

    文章则是动态内容,通常用于博客或新闻更新。文章按时间倒序排列,最新内容优先显示。文章可通过区块完全自定义,并可使用分类和标签进行组织,便于导航和管理。

    区块主题层级结构

    理解WordPress区块主题层级结构对于掌握其组织方式至关重要。从最小到最大逐级分析,我们将清晰看到这些组件如何协同构建完整的WordPress站点。区块主题层级从小到大依次为:

    • 区块
    • 区块模式
    • 模板部件
    • 模板
    • 主题

    区块

    让我们从基础元素——区块开始。区块是WordPress区块主题的基本构建单元,可以是段落、图片、按钮等独立内容元素,也可以是列、群组、相册等父级容器。

    区块模式

    区块模式是预先设计好的区块组合,可快速插入并自定义。这些可复用的设计能直接添加到页面或文章中。

    模板部件

    模板部件是网站中可编辑、可复用的部分,主要用于具有特定语义的结构元素,通常代表页眉、页脚和侧边栏等区域。它们由区块构建,可通过站点编辑器自定义。

    模板

    模板则定义WordPress站点中不同页面和文章类型的整体结构。它们完全使用区块自定义,并包含模板部件。模板决定了页面、单篇文章、归档页等内容类型的布局。

    主题

    最后,区块主题是整个WordPress站点的顶层设计框架,定义了网站的整体外观、风格和行为。主题包含所有模板、模板部件、区块模式和样式。

    灵活性

    区块主题的层级结构提供了灵活性,使设计定制更简单。您可以通过站点编辑器在任何层级进行创建和定制——从单个区块到整个主题。

    例如:先设计文本样式、按钮和图片布局等基础内容元素,思考这些区块如何协同创建统一的视觉语言;然后将区块组合成可复用的布局模式,用于常见内容区块(如推荐语、行动号召区或产品展示);接着开发反映品牌形象的页眉/页脚模板部件,确保全站导航一致性。

    结语

    理解WordPress区块主题层级结构能帮助您规划和实施设计。您将看清每个组件如何融入整体框架,并学会使用站点编辑器来自定义主题。

  • 以区块优先思维进行设计

    引言

    本节课程将探索WordPress区块主题的区块组合设计。课程结束时,您将掌握如何运用区块优先思维进行设计,为网站创建模块化可复用的组件。

    模块化思维

    在WordPress区块主题领域,我们需要从传统页面布局转向更模块化的设计方式。区块优先设计意味着将网站拆解为可混合搭配的小型可复用组件,如同用乐高积木搭建复杂结构。这种方法不仅能简化设计流程,还能增强全站一致性。

    区块特性

    区块让您无需编写代码即可创建复杂设计。它们与theme.json文件关联设置默认样式,通过站点编辑器的「全局样式」可视化调整,在保持灵活性的同时确保设计统一。区块遵循开放网络标准,可跨平台使用,其结构化特性还兼容AI工具,为自动化设计建议提供可能。

    可复用组件

    以下是典型区块模式设计案例:

    1. 特色项目 – 产品亮点、核心博文或价目表,一次设计全站复用
    2. 新闻订阅 – 创建视觉吸引力的订阅表单,灵活部署于各页面
    3. 客户证言 – 设计可单独使用或组合的引用区块
    4. 行动号召 – 制作醒目的引导操作组件

    区块组合原则

    应用这些原则可创建连贯灵活的设计系统:

    • 从样式手册的基础元素(文本、图片、按钮)着手
    • 将基础元素组合成复杂区块(如媒体文本模式),保存为非同步模式后设计布局
    • 响应式设计 – 确保区块适配所有屏幕尺寸,例如「列」区块在移动端转为垂直堆叠

    示例分析:模式结构包含顶部「群组」容器区块,内部「列」区块分为左栏(段落、标题、按钮)和右栏(图片),可通过预览功能检查多端显示效果。

    结语

    采用区块优先思维时,您不是在设计单个页面,而是在构建灵活的组件系统。关键在于模块化思考和通过区块模式实现设计复用。

    实践建议

    使用WordPress Playground探索Twenty Twenty-Five主题的预设模式:

    1. 进入站点编辑器 > 模式库
    2. 浏览按分类展示的所有可用模式
    3. 思考如何修改这些模式或创建自定义可复用组件
  • WordPress简介

    什么是WordPress?

    WordPress的核心功能是让你能够创建自己的网站或博客。全球已有数百万网站使用WordPress搭建,涵盖在线商店、小型企业,乃至NASA、华特迪士尼公司和Facebook新闻室等知名机构。

    WordPress作为内容管理系统(CMS)

    首先,WordPress是一个CMS(内容管理系统)。简而言之,它是一个免费工具或平台,无需学习代码即可创建、编辑和管理网站或博客。无论你是小企业主、热爱写作的博主,还是怀揣创业梦想的人,WordPress都能为你提供展示创意、产品和服务的理想平台。

    WordPress网站实例

    你知道吗?全球超过40%的网站由WordPress构建,因此它无疑是极其可靠、安全且可持续的平台。以下是几个典型案例:

    1. 巴拉瑞特美术馆(澳大利亚)

    展示大量艺术品,举办展览,并销售珠宝、礼品和配饰。

    2. 开普敦水管公司

    企业官网首页清晰呈现服务内容、客户评价、联系方式和地址。

    3. 极简烘焙师(Minimalist Baker)

    美食博客提供简易食谱、厨具购买指南及烘焙技巧。

    4. 环游世界的Mrs. O

    奢华旅行博客分享旅行攻略、指南等丰富内容。

    WordPress的开源性

    WordPress是开源软件,这意味着任何人都能免费下载使用,并参与代码改进或其他领域的贡献——包括你!

    主题与插件

    搭建WordPress网站需牢记两大要素:

    主题

    决定网站视觉风格,数千款免费和付费主题可供选择。

    插件

    扩展网站功能,例如添加电商模块、提升安全性、加速网站或嵌入表单等(注:所示插件仅为示例)。

    下一步

    总结来说,WordPress是一款零代码建站的免费工具,适合个人博主、小企业主乃至大型公司和政府机构。现在你可能想问:安装WordPress后该做什么?这正是我们下期视频将探讨的内容——注册域名和选择主机。祝你的WordPress之旅顺利启程!

  • WordPress 基础知识:域名和主机

    学习目标

    本课程的学习目标是:区分域名和主机、理解域名捆绑的含义,以及选择主机公司时需要考虑的因素。

    理解域名和主机

    首先让我们明确主机和域名的区别。想象你的网站是一个移动房屋,域名就是地址,而主机则是建造房屋的土地。域名是访问者在浏览器中输入的唯一网址,例如可口可乐官网的域名是www.coca-colacompany.com。而主机是存储网站文件并使其在互联网上可访问的服务。需要注意的是,你可以根据需要更换主机公司,而且可以在不更改域名的情况下更换主机公司,但请确保遵循新主机公司的正确迁移步骤。

    域名与主机捆绑

    选择主机提供商时,你可以寻找提供域名捆绑服务的公司。这意味着提供商在一个套餐中同时提供主机服务和域名注册。捆绑域名和主机可以简化流程,因为你不需要管理不同提供商的多重账户。需要注意的是,你也可以在注册主机公司前单独购买域名。

    单独购买域名

    单独购买域名可以让你更好地控制域名设置,也更容易更换主机提供商。只需记住跟踪域名续费日期。第一步是选择域名注册商,这是管理域名预留的公司。其次,搜索并选择域名,你还可以选择国家特定的域名。然后,你可以注册域名,配置域名设置,最后选择主机提供商。

    选择主机提供商

    选择主机提供商时,需要考虑以下因素:

    1. 可靠性

    选择具有良好正常运行记录和可靠客户支持的提供商。

    2. 可扩展性

    选择允许你随着网站发展轻松升级主机计划的提供商。

    3. 安全性

    确保主机提供商提供强大的安全功能,如SSL证书和定期备份。

    4. 用户友好界面

    寻找具有直观控制面板的提供商,便于管理网站。

    5. 价格

    比较价格计划,找到符合预算且提供合适功能的提供商。

    访问主机提供商网站时,通常会看到包含相关功能和信息的不同定价方案,帮助你做出明智决定。

    一键解决方案

    许多主机公司还提供一键解决方案,让你可以一键注册域名、安装WordPress和设置主机,这消除了用户的技术障碍。

    总结

    总之,理解主机和域名的区别对任何想要创建网站的人都至关重要。记住,主机为网站提供空间和资源,而域名则是网站在互联网上的唯一地址。换句话说,网站主机公司在互联网上提供一个空间(服务器)来存储你的网站文件,使人们可以通过输入地址(域名)随时访问你的网站。

    主机公司

    有众多主机公司可供选择,你可以自由选择在哪里托管你的网站。请注意,这些只是一些例子,还有更多主机公司可供探索。

    结论

    当你注册了域名并选择了主机提供商后,就可以开始规划和设计你的网站了。

  • 选择和安装主题

    什么是主题?

    简而言之,主题就是具有特定布局和设计的网站模板。使用WordPress时,您的内容与其呈现方式是完全分离的。这意味着只需更换不同的主题,网站的外观和感觉就会完全不同,而内容保持不变。

    主题类型

    WordPress主题主要分为四种类型:块主题、经典主题、混合主题和通用主题。其中块主题和经典主题最为常用,而块主题代表着WordPress的未来发展方向。

    块主题

    块主题使用区块来构建网站的各个部分,包括导航菜单、页眉、内容和页脚。它允许您通过站点编辑器编辑和自定义网站的所有部分。

    经典主题

    经典主题不使用区块编辑器来管理网站布局,而是通过自定义器、菜单和小工具来更改主题设置。由于经典主题存在时间最长,可供选择的也最多。

    混合主题

    混合主题是采用部分站点编辑功能的经典主题,例如模板编辑器。它既可以使用自定义器进行更改,也能创建自定义模板。

    通用主题

    通用主题可以完全配置为块主题或经典主题,具有最大的灵活性。

    搜索和添加新主题

    要添加新主题,请转到外观→主题→添加新主题。您可以搜索最受欢迎的主题、最新添加的主题,以及专门的块主题区域。

    评估主题

    评估主题时,建议查看主题的最后更新时间、活跃安装量和评分。这些信息可以在WordPress.org的主题目录中找到。

    安装主题

    安装主题非常简单:找到所需主题后点击安装,然后激活即可。如果是zip文件形式的主题,也可以通过上传方式安装。

    更新主题

    当有更新可用时,您会在顶部菜单栏和仪表盘菜单中收到通知。建议在更新前备份网站,或考虑使用子主题来保留自定义设置。

    删除主题

    要删除主题,只需选择相关主题,然后点击右下角的删除按钮。

    获取支持

    如需主题支持,可以访问主题目录中的相关支持论坛提问或查看其他工单。

    实践建议

    尝试使用WordPress Playground添加您选择的块主题,记得查看主题的最后更新时间、活跃安装量和评分。

    相关资源

  • 选择和安装插件

    简介

    使用WordPress的最大优势之一就是可以通过安装插件来扩展网站功能。插件可以为网站添加社交媒体、分析、安全、营销、会员订阅、性能优化、SEO等各种功能,使网站更加动态和强大。

    插件目录

    访问WordPress.org可以浏览数千个可用插件。虽然插件库中的插件都是免费的,但很多也提供具有更多功能的付费高级版本。

    添加插件

    在WordPress仪表盘中导航至”插件”→”安装插件”,您可以查看特色插件、最受欢迎插件和推荐插件。使用页面右上角的搜索功能可以查找特定功能的插件。

    评估插件

    选择插件时需要考虑四个关键因素:

    • 星级评分 – 反映用户使用体验
    • 最后更新时间 – 表明是否持续维护
    • 活跃安装量 – 反映插件受欢迎程度
    • 兼容性 – 确保支持最新WordPress版本

    点击”更多详情”可以查看插件支持情况、常见问题和用户评价。

    安装和激活插件

    以表单插件为例:搜索”WP Forms”,点击”安装”后选择”激活”。安装完成后即可开始设置插件。您也可以通过上传zip文件的方式安装从其他渠道获取的付费插件。

    停用和删除插件

    要停止使用插件,只需在插件列表中点击”停用”,停用后可以选择永久删除。

    故障排除

    如果遇到插件冲突,可以通过以下方式解决:

    1. 手动停用插件并逐一测试找出问题插件
    2. 使用”Health Check and Troubleshooting”等诊断插件

    结论

    插件是扩展网站功能的强大工具,合理选择和使用可以让您的网站更加强大。

    实践练习

    1. 创建一个联系页面
    2. 安装并激活WP Forms插件
    3. 创建一个基础表单
    4. 像添加其他区块一样将表单添加到联系页面
    5. 在前端查看效果
  • WordPress仪表盘入门指南

    简介

    登录WordPress后台只需在浏览器地址栏输入您的网站地址后添加/wp-admin(例如:yourwebsite.com/wp-admin),填写登录信息后点击”登录”即可。

    顶部管理工具栏

    登录后顶部显示的管理工具栏包含以下功能:

    • 网站首页图标 – 点击可查看网站前端页面
    • 通知图标 – 显示新评论和更新通知
    • “新建”菜单 – 可快速创建文章、媒体、页面或添加用户
    • 用户信息 – 点击可编辑个人资料

    屏幕选项与帮助

    工具栏下方是”屏幕选项”和”帮助”标签页,可控制页面显示元素和获取使用帮助。

    管理小工具

    仪表盘主体包含多个可自定义的管理小工具:

    • 快速草稿 – 快速记录文章创意并保存为草稿
    • 概览 – 显示网站页面、文章、评论数量及当前主题和WordPress版本
    • 活动 – 展示最近的文章和评论
    • WordPress活动与新闻 – 提供本地WordPress相关活动信息

    左侧导航菜单

    左侧导航菜单是管理后台的主要操作入口:

    文章

    用于管理动态内容(如博客文章),按时间倒序排列。支持快速编辑、批量操作和多种筛选方式。

    页面

    用于管理静态内容(如关于我们、联系方式等页面)。

    媒体库

    集中管理所有媒体文件,支持网格和列表视图,可批量上传和删除文件。

    评论

    管理访客留言,可进行审核、回复、标记垃圾评论等操作。

    外观

    根据使用主题类型不同,可访问站点编辑器(块主题)或自定义器(经典主题)。

    插件

    管理网站插件,可安装、激活、停用和删除插件。

    用户

    管理用户账户,设置不同权限级别(订阅者、投稿者、作者、编辑、管理员)。

    实践练习

    1. 小工具管理:使用屏幕选项显示/隐藏小工具,拖放调整位置
    2. 快速草稿与概览:使用快速草稿功能创建文章草稿
    3. 文章管理:创建新文章并使用快速编辑功能修改现有文章
    4. 媒体管理:上传两个媒体文件,尝试网格/列表视图,执行批量删除
    5. 页面创建:创建”关于我们”等静态页面,探索编辑器选项
    6. 评论审核:将示例评论标记为垃圾评论
  • 理解WordPress文章与页面的区别

    引言

    您好,欢迎回到您的WordPress学习之旅。在本节课中,我们将深入探讨WordPress的一个基本概念:理解文章和页面的区别。

    学习目标

    本节课的学习目标包括:区分文章与页面、创建文章和页面、为文章添加分类和标签、在站点编辑器中创建和编辑页面。

    概述

    在深入细节之前,让我们先做个概述。WordPress中的文章和页面都是内容类型,但它们用途不同。简而言之,文章用于动态内容,如博客文章、新闻、食谱等;而页面则用于静态内容,比如联系页面。

    文章

    现在我们位于WordPress仪表盘。要创建新文章或页面,您可以在左侧菜单导航至”文章”或”页面”部分。只需点击”添加新文章”或”添加新页面”即可开始。文章适用于按时间倒序排列的动态内容,非常适合定期更新的内容,如博客文章、新闻或评论。假设您有一个美食博客,想分享最新食谱,就需要为此创建新文章。如本例所示,我已创建两篇不同文章并添加了分类和标签。

    分类与标签

    分类和标签对文章至关重要。分类如同博客的目录,将相似文章归类;标签则是更具体的关键词,详细描述内容。在我的美食博客中,已创建”主菜”和”早餐”两个分类,标签则描述食谱细节。现在我们来创建一篇新文章《巧克力蛋糕食谱》,注意我已预先创建”甜点”分类和”蛋糕与纸杯蛋糕”、”巧克力”两个标签。

    首先添加文章标题和食谱内容,然后在侧边栏设置中滚动至分类和标签部分,选择”甜点”分类并添加相应标签。接着设置文章特色图像,从媒体库选择图片。我们可以选择存为草稿,或在侧边栏设置中点击”发布”旁的日期,选择立即发布或定时发布。现在点击发布,即可在前台查看效果。

    页面

    现在谈谈页面。页面是静态的、不常更新的内容,例如首页、服务页面、关于我们和联系页面。如果想创建专门的”关于我们”版块,就需要使用页面。与文章不同,页面没有分类或标签,是独立的内容单元。我们来创建”关于”页面并添加内容,发布后可在前台查看,同时会注意到该页面已自动加入导航菜单。

    您知道吗?也可以在站点编辑器中创建和编辑页面。进入站点编辑器后,可以自由切换页面、样式、模板和模式等功能模块。

    总结

    请记住:文章用于动态的定期更新内容,页面则用于静态的长期信息。

    实践练习

    前往WordPress Playground完成以下练习:

    创建文章

    在仪表盘”文章”部分点击”添加新文章”,创建标题为”青蛙”的测试文章,使用占位文本:”Lorem ipsum dolor sit amet…”。从Unsplash下载青蛙图片设为特色图像。

    添加分类与标签

    创建”动物”分类和”两栖动物”标签,并将其应用到文章。

    发布页面

    在”页面”部分创建”关于”页面,添加测试内容后发布。

    导航菜单整合

    在站点编辑器中观察页面如何自动整合到网站导航菜单。

    在站点编辑器中编辑页面

    选择现有页面或新建页面,在内容区块添加测试文本。

  • 使用WordPress媒体库

    媒体库概述

    媒体库是存储和管理网站所有多媒体文件的核心枢纽,包含图片、视频、音频、PDF文档、电子表格等多种文件类型。这些媒体资源可插入到文章和页面中,对提升网站视觉效果和用户体验至关重要。

    媒体库导航

    视图模式

    • 网格视图:默认显示方式,以缩略图形式展示所有媒体文件
    • 列表视图:显示文件名、文件类型等详细信息

    筛选功能

    1. 按媒体类型筛选(图片/视频/文档等)
    2. 按上传日期筛选
    3. 搜索功能(支持文件名和描述文字搜索)
    4. 查看未使用的闲置媒体

    文件上传

    通过侧边栏或顶部的”添加新媒体文件”按钮,支持:

    • 拖放单个/多个文件上传
    • 传统文件选择方式
    • 批量上传功能

    媒体文件应用

    插入媒体

    通过区块编辑器可:

    • 直接从电脑上传新文件
    • 从媒体库选择现有文件
    • 对于大视频文件,建议使用YouTube嵌入或视频区块

    媒体属性编辑

    属性作用
    替代文本(ALT)提升无障碍访问和SEO优化
    标题媒体文件的显示标题
    说明文字图片下方的描述性文字
    描述详细的媒体文件说明

    图片编辑功能

    1. 裁剪和缩放
    2. 旋转和翻转
    3. 尺寸调整(保持比例)
    4. 恢复原始图片

    图片优化指南

    优化建议

    • 上传前优化:使用TinyPNG等工具压缩
    • 规范命名:使用描述性文件名(如”夏日促销海报.jpg”)
    • 格式选择:WebP格式优先

    优化工具

    1. 在线工具:Squoosh.app、Bulk Resize
    2. WordPress插件:WP Smush、Imagify
    3. 设计软件:Photoshop导出优化功能

    实践练习

    1. 上传2张图片和1个PDF文档到媒体库
    2. 使用筛选功能分别查看仅图片、仅文档
    3. 创建新文章并插入媒体库图片
    4. 通过视频区块添加YouTube视频
    5. 编辑图片属性(ALT文本/标题/说明)
    6. 调整图片尺寸后恢复原图

    操作提示

    • Unsplash可获取免费高质量图片
    • 视频嵌入使用格式:https://youtu.be/视频ID
    • ALT文本应简洁描述图片内容