EP400-403. “建站起步:安装 WordPress、挑主题、设置网站标题与 Logo”
🔒 登录后可标记已读- 自己电脑架站没办法保证网站一直在线,专业主机能拿到 99.9% 在线保证和自动备份,这是买主机而不是自己架站的原因
- 带 starter kit 的主题直接给你一整套预设计好的页面结构,不用从空白页面开始手动设计
- Logo 选长形而非圆形/方形——放进网站菜单栏时文字才不会被挤压变小看不清
重点内容
网站建设总览(Website Building Explained)
这一课是概览预告,讲了整个网站建成后会长什么样、包含哪些模块,方便你对最终成品有个心理预期:
- 首页:产品主图 + ChatGPT 写的标题/短描述 + Learn More 按钮(导去产品页)、免运门槛、30 天退货政策、专属折扣(用来收集 email)、256-bit 加密安全提示、评论区(社会认同)、Blog 预告区、About 区、隐私政策/条款/退款政策等法律连结
- Shop(商店):每个产品都有独立产品页,产品名/短描述/长描述全部用 ChatGPT 按产品清单和目标受众生成
- Blog(博客):写高质量长文章,慢慢把访客变读者、再变客户
- Contact(联系):认识你、联系你的地方,还有搜索栏、My Account 登入、购物车/结账流程
这一整套(名字、颜色、字体全部)都会用 ChatGPT + 提前写好的 copy-paste prompt 完成,不需要设计或写代码基础。
安装 WordPress(Install WordPress)
为什么要用网页主机(web host)而不是自己电脑架站:自己电脑架站没办法保证网站一直在线,流量一大电脑会变慢,电脑当机网站就消失。用专业主机(课程推荐 Bluehost)能拿到 99.9% 在线保证、故障自动还原备份、更快的加载速度、24/7 客服支持。
操作步骤:
- 用课程提供的 Bluehost 折扣链接进入注册页(课程方和 Bluehost 谈了折扣,用链接注册双方都受益,这是课程本身的联盟营销安排)
- 选套餐:Basic 套餐就够用(可以建 10 个网站、够用的储存空间、AI 建站功能),跟 Choice Plus 套餐的差别主要是每日自动备份,但备份可以后面用免费插件补上,不需要多花钱
- 域名(domain name):如果还没想好域名,去 ChatGPT 用 prompt「Act as a Digital Marketing Expert. Give me a list of ten SEO-friendly domain names for a website based on [产品名]」生成建议清单,不满意可以说「give me ten more」或「make them niched towards [你的niche]」
- 选到喜欢的域名后勾选 Private Registration(可选,让 WHOIS 查不到你的个人信息,避免被推销电话骚扰)
- 结账时注意:域名隐私保护建议开启,Professional Email(送 3 个月)可以直接删掉,不是必需品
- 填资料、设密码、选支付方式(推荐信用卡,若信用卡因为 Bluehost 的反诈骗系统卡关,可以改用 PayPal)
- 付款完成后点击 Log In to WordPress,直接进入 WordPress 后台;如果找不到这个按钮,去 Bluehost 账号里的 Edit Site 也能进去
- 提示是否用 Bluehost 的 AI Site Creator 自动生成网站时,选「I'm following a tutorial」,因为这门课要手把手教你自己建,学完之后不管用不用 AI 建站工具都能上手
后台清理(登入 WordPress 后先做的事):
- Plugins → Installed Plugins,勾选删除用不到的预装插件:Akismet、Creative Mail、Google Analytics by MonsterInsights、Hello Dolly、OptinMonster(Bulk Actions → Delete → Apply)
- Users → Profile,设置一个新密码并妥善保存
- 之后要直接登入网站后台,网址是
你的域名/wp-admin,或者从 Bluehost.com → Login → Websites 进入
安装主题(Install a Theme)
主题(Theme)决定网站的整体设计外观。免费主题很多,但普通主题装上去只是一个空模板(没有页面、没有内容)。而带 starter kit(入门套件) 的主题会附赠预先设计好的多个页面(首页、博客、关于、商店等),等于直接拿到一个可以微调的成品模板,能省下大量从零设计的时间。
操作步骤:
- Appearance → Themes → Add New Theme,搜索 Sydney,点击 Install 然后 Activate(免费版就够用)
- 进入 Sydney 后点击 Starter Sites,这里才是真正的模板库(普通 Themes 列表里没有模板内容)
- 点击任意模板的 Preview Demo 可以先看效果,课程选的是 Fashion Shop 这个免费模板,虽然是卖衣服的模板,但结构(首页/关于页/博客/商店)跟要做的电商网站完全吻合,之后把图片文字换成自己的产品即可
- 确认后点击 Import,导入需要几分钟
- 导入完成后 View Site 检查效果,此时网站已经有菜单、搜索栏、登入、购物车按钮的框架,只是内容还是模板默认的(卖衣服的图文),下一课开始逐步替换成自己的产品
网站标题与 Logo(Website Title & Logo)
为什么需要 Logo 和 Tagline,而不只是纯文字标题:Logo 能让访客在不同平台(网站、email、Facebook、YouTube)都能一眼认出「这是你的品牌」,建立跨平台的品牌识别度和信任感,进而带来回购客户。Tagline(标语)则是用一句话浓缩品牌的使命和价值主张,例如 Nike 的「Just Do It」、McDonald's 的「I'm Loving It」。
操作步骤:
- Customize → Header → Site Identity,先确认 Site Title 已经设置好(会直接影响 Google 对网站主题的理解,建议用能描述你卖什么、你是谁的名字)
- 生成 Tagline:打开 Guidebook 找到 Website Title & Logo 章节的 prompt,复制到 ChatGPT:「Act as a digital marketing expert, give me ten taglines to use on my website called [网站名], selling [产品], for [niche]」,从十个建议里挑一个最贴合品牌调性的(课程选的是「Empower your eyes, enhance your game」),不满意可以要求「give me ten more」直到满意为止
- 把选定的 tagline 填入 Site Identity 里的 Tagline 栏位,即使不打算把 tagline 显示在网站上,填了也能帮助搜索引擎更了解你的网站主题
- 生成 Logo:前往 Shopify Logo Maker(Shopify Logo Maker → Get Started),依序选择业务领域(Business Space)、视觉风格(Visual Style,例如 Futuristic)、填入品牌名称和刚才的 tagline 作为 slogan
- 系统会生成一批免费 logo,慢慢浏览挑一个自己喜欢的(建议选长形而非圆形/方形的 logo,因为放到网站菜单栏时长形 logo 比较不会被挤压变小、文字比较看得清)
- 点 Edit Logo 可以调整字体、颜色(尽量跟产品的情绪/风格呼应,例如防蓝光眼镜配蓝紫色调)
- 完成后 Next → Download,需要留 email 才能拿到 ZIP 压缩包(这是 Shopify 换取 email 的营销手段,算是合理交换),解压后会有针对不同平台优化的多个版本
- 两个最重要的版本:Transparent Logo(透明底 logo,任何背景色都能无缝融合)和 Favicon(浏览器分页上显示的小图标)
- 回到 WordPress Customize → Site Identity,上传 Transparent Logo,调整 Logo Height(建议 70-100px 左右,太大会把菜单栏撑得很高)
- 如果 logo 周围留白太多导致显示偏小,用 Lunapic(在线图片编辑工具)上传 logo 裁掉多余空白,下载后重新上传
- Favicon 建议用 logo 里的符号/缩写做一个方形的紧凑版本,同样可以用 Lunapic 裁切,上传到 Site Icon 栏位
- 完成后点击 Publish 保存
[截图:Site Identity 设置界面]
[截图:Shopify Logo Maker 生成结果页]
核心概念速查
| 术语 | 解释 | 例子 |
|---|---|---|
| Web Host(网页主机) | 提供服务器空间存放网站文件、图片、设计的服务 | Bluehost |
| Starter Kit(入门套件) | 主题附带的预设计模板,内含现成页面结构和排版 | Sydney 主题的 Fashion Shop 模板 |
| Private Registration | 域名注册时隐藏个人信息,避免被 WHOIS 查到 | 开启后陌生人查不到你的姓名/地址 |
| Transparent Logo | 去除背景色的 logo 文件,方便套用在任何背景上 | 放在网站菜单栏、深色/浅色背景都不违和 |
| Favicon | 浏览器分页上显示的小图标 | 通常用 logo 的符号或首字母缩写做成方形 |
行动步骤
- 用 Bluehost 折扣链接买主机 + 域名(域名想不出来就用 ChatGPT 生成建议),套餐选 Basic 就够
- 安装完 WordPress 后先清理预装插件、设新密码
- 装 Sydney 主题(或任意喜欢的主题),进 Starter Sites 挑一个跟自己业务结构相近的模板导入
- 用 ChatGPT 生成 10 个 tagline,挑一个填进 Site Identity
- 用 Shopify Logo Maker 生成 logo(选长形、配合品牌情绪选色),下载后用 Lunapic 裁出干净的 Transparent Logo 和 Favicon,上传到网站
工具 & 资源
| 工具 | 用途 | 费用 |
|---|---|---|
| Bluehost | WordPress 主机 + 域名注册 | 付费(课程有折扣链接) |
| ChatGPT | 生成域名建议、tagline | 免费/付费版皆可 |
| Shopify Logo Maker | 免费生成 logo | 免费(需留 email) |
| Lunapic | 在线裁图/去背景工具,处理透明 logo 和 favicon | 免费 |
常见误区
- 只用纯文字做标题,没有做专属 logo,导致跨平台(email、社交媒体)品牌识别度低
- 选了圆形/方形但文字很小的 logo,放到网站菜单栏后文字几乎看不清
- 用一般主题却没找带 starter kit 的模板,结果要从空白页面开始手动设计,浪费大量时间
Sources
Udemy(课程 transcript):
- The Completed Digital Marketing Guide 27 in 1 — Section 30, Lecture 400 (Website Building Explained)
- The Completed Digital Marketing Guide 27 in 1 — Section 30, Lecture 401 (Install WordPress)
- The Completed Digital Marketing Guide 27 in 1 — Section 30, Lecture 402 (Install a Theme)
- The Completed Digital Marketing Guide 27 in 1 — Section 30, Lecture 403 (Website Title & Logo)
PDF 资料:
- [Marketing+Strategy+Guidebook.pdf](sources/Section 30 - Digital Marketing Strategy with Chatgpt/Marketing+Strategy+Guidebook.pdf)
Blog / Website: