Coursera 笔记

Module 04 · Get Started with No-Code Web Development无代码网页开发入门

Hands-on Lab: Enhance Mini Website using WordPress动手实验：使用 WordPress 完善迷你网站

Coursera ↗

预计所需时间： 40 分钟

目标

完成本实验后，你将能够：

  • 通过细化各个元素，完善现有的 WordPress 网站
  • 再创建两个页面，并定义和个性化设置这些页面上的组件
  • 修改菜单项，并调整两个新增页面的内容

WordPress 这样的内容管理系统（content management system，CMS）是功能强大的平台，让用户能够轻松创建、管理和组织网站的数字内容。WordPress 的友好界面简化了内容发布和更新流程，使其成为构建高效、动态网站的理想选择。

设置：进入 WordPress 管理后台

点击 Launch a WordPress site，进入动手实验：启动 WordPress 网站。

  1. 动手实验：启动 WordPress 网站中的工具会在新的浏览器标签页中为你生成并启动一个 WordPress 网站。

  2. 你将获得所提供截图中显示的详细信息，包括你自己 WordPress 网站的登录凭据，用于进入 Intela Wordbox WordPress 沙盒。

    1. 工具会为 Intela Wordbox WordPress 沙盒自动生成用户名和密码。
    2. 使用这些凭据，你可以通过 Instance URL 和 Dashboard URL 进入 Intela Wordbox WordPress 沙盒环境。

  3. WordPress 提供友好的用户界面，让用户能够管理内容、定制网站的设计和功能，并控制用户访问与权限。

  4. 管理后台（Admin）允许用户创建和编辑页面、文章及其他类型的内容，管理媒体文件，安装并启用插件和主题，以及查看网站分析数据。

  5. 在 WordPress 管理后台，用户还可以管理用户账户、分配用户角色和权限，以及审核评论和用户生成的内容。只有具备相应登录凭据和权限的用户才能访问管理后台。

练习 1：创建新页面并添加菜单项

在本练习中，你将学习如何在 WordPress 网站中添加一个名为 Popular Flowers 的新页面，并将其加入现有导航栏。这是一项常见任务，有助于扩展网站内容并改善用户体验。

该页面将列出网站出售的两种最受欢迎的鲜花。
你将用两列展示鲜花，每列包含一种鲜花的图片、描述、养护说明和适合赠送的场合。

下面的逐步说明将引导你完成操作。

1. 创建新页面

  • 进入 WordPress 仪表盘，在左侧菜单中找到 Pages 标签。

  • 点击 Add New，创建新页面。

  • 为页面填写合适的标题和描述。

2. 保存并发布你的内容

  • 在新页面中添加内容后，点击 Save Draft，保存正在进行的工作。
  • 对页面内容满意后，点击 Publish 按钮，让访客能够在网站上访问该页面。

3. 修改菜单。

  • 返回 WordPress 仪表盘。

  • 在菜单项中点击 Appearance，然后选择 Menus。

  • 选择 Popular Flowers 菜单项，然后点击 Add to Menu 按钮。

  • 点击 Save Menu。

  • 这样，Popular Flowers 页面就会加入菜单列表，如下所示：

4. 验证更新

  • 返回 WordPress 网站验证更改。你会看到导航栏中现在包含 Popular Flowers。

在本练习中，你将个性化设置页面，使用表格形式添加鲜花图片。

  1. 进入仪表盘，在左侧菜单中点击 Pages，然后选择 All Pages。
  2. 将鼠标悬停在 Popular Flowers 页面上，点击 Edit 选项。
  • 这样，你就会进入 Popular Flowers 页面，对其进行定制。

  1. 点击左上角的 Toggle Block Inserter 按钮。

  2. 选择 Table 选项。

  3. 这会生成一个模板，你可以在其中选择 2 列、2 行。

  4. 然后点击 Create Table，生成表格。

  5. 生成的结构将如下所示：

至此，你已成功个性化设置页面属性。

  1. 选择第一个单元格。

  2. 点击 More，然后选择 Inline image 选项。

  3. 点击“Media Library”，选择下方所示的鲜花图片，然后点击 Select。

  4. 这样，鲜花图片就会添加到区块中。

  5. 你可以将图片设为左对齐、右对齐或居中对齐。

  6. 添加鲜花描述、养护说明和适合赠送的场合。

要定制文字布局，你可以调整文字颜色及其他属性。

  1. 为此，选中文字，然后从工具栏中添加样式

练习 4：用鲜花图片和文字填充单元格

  1. 同样，你可以在第二个单元格中填写鲜花的详细描述、养护说明和适合赠送的场合，并配上吸引人的图片。

  2. 点击右上角的 Update 按钮，发布更新后的内容。

  3. 随后点击 Preview 按钮，再点击 Preview in new tab，重新打开并访问应用。

  4. 检查 Popular Flowers 页面，确认所有样式设置均已成功应用，并符合你的预期。

恭喜！你已完成使用 WordPress 完善迷你网站的实验。

总结

在本实验中，你创建了自己的 WordPress 网站，制作了个性化页面，并完善了网站内容与导航。现在，你的网站已高效且易于使用。

Source: https://author-ide.skills.network/render?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJtZF9pbnN0cnVjdGlvbnNfdXJsIjoiaHR0cHM6Ly9jZi1jb3Vyc2VzLWRhdGEuczMudXMuY2xvdWQtb2JqZWN0LXN0b3JhZ2UuYXBwZG9tYWluLmNsb3VkLzBpbzIyb1VPaDFTbjBnbk5KRUVFb1EvbTQtbDItRW5oYW5jZSUyMG1pbmklMjB3ZWJzaXRlJTIwJTIwdXNpbmclMjBXb3JkUHJlc3MtdjIubWQiLCJ0b29sX3R5cGUiOiJpbnN0cnVjdGlvbmFsLWxhYiIsImF0bGFzX2ZpbGVfaWQiOjcyNjA1LCJhZG1pbiI6ZmFsc2UsImlhdCI6MTczMzYwMTc4M30.gLbPf84KegaPjJ2uXN78NFHlaDzQYxu4PwtzeKPihG8