EP495-496. “Site Icon（网站图标）与 Footer 设计”

• WordPress 早在 2015 年就直接支持上传 PNG 做网站图标，不用先转成 .ico——网上还流传的老教程早就过时了
• Site Icon 只要 512×512 像素的正方形图，几分钟就能从默认地球图标换成自己的品牌标识
• 页脚 widget 不是塞满才好看，示范里最后反而删掉了刚加的联系方式，只留一行版权文字

重点内容

EP495. Change Your Site Icon（设置网站图标）

什么是 Site Icon：也叫 Favicon，就是浏览器网址栏 / 分页标签上显示的那个小图标。Chrome、Internet Explorer 等浏览器都会一直显示它（Safari 不显示），Smart Passive Income、HuffingtonPost 等大站都有自己的专属图标，能让网站看起来更专业、更有辨识度。

路径：Appearance → Customize → Site Identity → 找到 Site Icon → 点 Select Image。

• 推荐尺寸：512 × 512 像素，正方形。
• 文件类型：直接上传 PNG（或 JPG）就可以，WordPress 自 2015 年起原生支持图片格式的 Site Icon，不需要先转换成 .ico 文件——如果看到旧教程说「必须是 .ico」，那是过时的说法。

如果自己主题的 Customize 里没有 Site Icon 这个选项，去 Plugins 搜索关键字「favicon」，一样能找到插件补上这个功能。

做法一：已经有一张想用的图片

1. Customize → Site Identity → Site Icon → Select Image。
2. 直接上传自己的 PNG 图片（正方形、建议至少 512×512 像素；如果只有 JPEG 也可以直接用，PNG 背景透明效果会更好）。
3. 可以裁剪一下再确认（右侧有预览），完成后点 Publish。

做法二：没有现成图片，用免费图标网站自己设计一个

1. 打开 Icons8.com（全部免费）。
2. 按分类 / 热门挑一个喜欢的风格图标（例：简单的对话气泡 Speech Bubble）。
3. 用左侧编辑面板自订：加文字（例如用自己名字缩写「RJ」）、调整文字位置和大小、调整颜色、加效果（描边、内距、背景形状等）。
4. 下载时选 PNG，500px 也可以，不一定要刚好 512px 也能正常使用。
5. 回到 Site Icon → Select Image → 直接上传这张 PNG → 裁剪 → Publish。

发布后，浏览器分页原本的默认地球图标就会换成自己设计的图标。

[截图：Customize → Site Identity → Site Icon 设置界面]

[截图：Icons8.com 图标自订编辑器]

EP496. Customize Your Footer（自定义页脚）

Footer 在哪：网站最下方，滚动到底就是。默认情况下 Footer 只有一行版权文字，通常是主题自带的「WP Theme by XXX」这种字样，不太美观，建议换成自己的版权声明。

Step 1：修改页脚版权文字

路径：网站前台 → Customize → 找到 Footer Bottom → 点开。

• Enable Footer Bottom：控制是否显示这一行版权栏。
• 文字栏：删掉主题预设文字，换成自己的版权声明。

写法例子：

• © Robin and Jesper Ltd. All rights reserved.
• 也可以简化成 © Robin and Jesper，不一定要加公司全称。

修改完点 Publish，页脚就会显示新的版权文字。

Step 2：设计页脚的 Widget 区块（选做）

跟设计 Sidebar 是同一套逻辑，只是位置换到页脚。

路径：Appearance → Widgets → Footer 1 / Footer 2 / Footer 3 / Footer 4（有几栏视主题而定）。

• 每一栏都可以加 widget，例如 Contact Info widget：填手机号、传真、Email、网站、Skype 等联络方式，前台会整齐排版显示。
• 想要什么内容就加对应 widget，做法跟 Sidebar 一样：拖拽加入 → 填资料 → 保存。
• 想找灵感的话，去看同行业网站的页脚都放了什么。

风格建议：页脚走干净风格还是信息量丰富风格，看个人喜好和网站定位。示范中最后选择保持极简，删掉了刚才加的 Contact Info widget，只保留版权文字这一行。

核心概念速查

行动步骤

1. 准备一张想用的图片（正方形、建议至少 512×512 像素，或直接去 Icons8.com 免费设计一个）。
2. Customize → Site Identity → Site Icon → 直接上传 PNG（或 JPG），裁剪后 Publish。
3. Customize → Footer Bottom → 删除主题默认文字，写上自己的版权声明，Publish。
4. （选做）Appearance → Widgets → Footer 1-4，视需求加联络方式等 widget。

工具 & 资源

常见误区

• 以为 Site Icon 必须是 .ico 格式还要先转换——WordPress 早就直接支持上传 PNG/JPG，不用多这一步。
• 忽略各国版权规定差异，随手照抄别人的版权声明格式。
• 页脚 widget 一股脑全部加满，反而让页面尾部显得杂乱，没有配合网站整体风格取舍。

Sources

Udemy（课程 transcript）：

1. The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 495 Change Your Site Icon
2. The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 496 Customize Your Footer

Blog / Website：

1. Icons8.com — Free Icons