EP497-499. “手机适配、后台清理与建站作业”

• 手机适配不是可选项——大部分访客的浏览行为就发生在手机上，Google 排名也会偏好手机友好的网站
• 装的插件越多，Dashboard 堆的通知框和面板就越多，隔一阵子就该回 Screen Options 清理一次
• 越晚检查手机版效果，改起来越麻烦——每加一个新区块，最好顺手切到 Mobile 视图看一眼

重点内容

EP497. Make Your Website Mobile Friendly（手机适配检查）

为什么手机适配不是选项，是必须做的事：

1. 现在大部分访客的浏览行为发生在手机上（排队、上厕所、任何空档时间都在滑手机），网站手机版体验差，直接流失访客。
2. 搜索引擎（Google 等）在排名时会偏好对手机友好的网站，影响 SEO。

怎么检查：网站前台 → Customize → 底部有设备切换图标：Desktop（桌面）/ Tablet（平板）/ Mobile（手机）。

点击手机图标查看效果，重点检查：

• 导航菜单：桌面版的横向菜单会自动变成收合的汉堡菜单（Hamburger Menu），点开确认菜单能正常展开、可点击。
• 文字内容：有些区块的文字在手机上可能显示不全，需要左右滑动才看得到，这种要手动调整（哪怕主题号称「响应式 Responsive」，也不代表每个区块都自动排版完美）。
• 图片 / Header：通常自适应效果比较好，正常情况不太需要调整。
• Footer：确认前面设置好的版权文字正常显示；如果 Footer widget 栏位是空的、留下一大片空白，可以直接关掉。
  • 路径：Customize → Footer Widgets → 关闭（Disable），空白区域就会消失。
  • 改完点 Publish。

同样的方式再切到 Tablet（平板） 视图检查一遍，平板通常问题比手机少，但也要过一遍确认。

[截图：Customize 底部 Desktop / Tablet / Mobile 切换图标]

[截图：手机视图下的汉堡菜单展开效果]

EP498. Dashboard Cleanup（后台清理）

为什么要清理：装了主题和插件（Jetpack、Monster Insights、Elementor、WP Forms 等）之后，WordPress 后台首页（Dashboard）会自动堆一堆通知框和面板，看起来很乱，也不好找到真正需要的信息。清理一次，后面每加新插件都记得回来检查，才能一直保持好用状态。

Step 1：用 Screen Options 关闭不需要的面板

路径：Dashboard 页面右上角 Screen Options。

点开后勾掉不需要的项目，例如：

• Jetpack
• Monster Insights「at a glance」
• OceanWP Overview
• Elementor Overview
• WP Forms
• 「Please connect」类提示
• Welcome 面板

保留常用的，例如 Quick Draft、Activity（也可以按个人习惯留其他项目）。

Step 2：关掉多余的通知框

Dashboard 上还会有一些独立的提示卡片，直接点右上角 X 关掉即可，例如：

• 「Get the most out of Monster Insights」
• Jetpack 相关提示
• 「Welcome to OceanWP」设置向导（这门课是手动一步步设置的，可以跳过它的向导）
• 「Please configure your Google Analytics settings」（这个先留着，等 Plugins 章节讲 Analytics 时再处理）

Step 3：整理剩下的面板

剩下的面板（例如 Quick Draft、Activity）可以直接拖拽调整位置。

• Quick Draft 的用途：临时想到一个内容点子，可以先在这里写标题和简单笔记，点 Save Draft，这篇内容就会自动出现在 All Posts 的草稿列表里，之后再回来完善。
• 左侧菜单栏最下面有个收合按钮，可以把整个侧边菜单栏收成图标模式，进一步腾出空间。

Step 4：Posts 和 Pages 列表也做同样的清理

路径：Posts（或 Pages）列表页 → 右上角 Screen Options。

• 可以关掉不需要的栏位：Author、Categories、Tags、Comments、Date 等。
• 可以打开 Excerpt View，列表里会多显示一段文章摘要。
• 可以设置每页显示的项目数量（Number of items per page）。

[截图：Dashboard 右上角 Screen Options 展开面板]

[截图：Posts 列表页 Screen Options 设置栏位]

EP499. Building Your First Website Assignment（建站作业）

这是「从零建站」这整个阶段的结课作业，把前面学到的设计技巧实际套用到自己的网站上。

行动步骤

1. 用 Pixabay、Canva 和/或 Fiverr 为自己的网站设计素材（图片、Banner、Logo 等）。
2. 用免费图标网站（Icons8）挑一个喜欢的图标，配合 Icon Converter（Convertico） 转成 .ico 文件，换掉网站默认的 Site Icon（做法见 EP495）。
3. 完成网站的基础设计，视自己情况决定是否要正式 Publish（发布）——这一步是选做的。
4. 完成以上步骤即视为完成作业，可以进入下一个章节（Plugins）。
5. 有任何疑问，去课程的 Q&A 区提问。

工具 & 资源

常见误区

• 只在桌面浏览器检查过网站就以为完工了，没有实际切到 Mobile / Tablet 视图逐区块检查。
• Dashboard、Posts、Pages 的 Screen Options 只清理一次，后面装了新插件也不回来再检查，后台又慢慢变乱。
• 把作业里的「Publish（发布网站）」当成强制项，其实这一步是选做的，重点是把设计和图标这两项练习做完。

Sources

Udemy（课程 transcript）：

1. The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 497 Make Your Website Mobile Friendly
2. The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 498 Dashboard Cleanup
3. The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 499 Building Your First Website Assignment

Blog / Website：

1. Pixabay
2. Canva
3. Fiverr
4. Icons8 — Free Icons
5. Convertico