3.1 主题与页面:把企业官网的内容填进去

先定内容结构,再挑主题

朋友拿到 WordPress 后台密码的第一句话是:“你看用哪个主题好看?”我拦住了他。企业官网和个人博客最大的区别不是好不好看,而是信息结构——访客大老远点进来,就想知道四件事:你是谁、卖什么、有没有人买过、怎么联系你。主题是皮,内容结构是骨,先定骨再选皮,否则换个主题就要把内容重排一遍,纯属返工。

我拉着朋友把公司电脑里的资料翻了一遍:产品图册、施工照片、客户合同里的验收单、掉漆的招牌照片。花半小时整理出五个必备页面,又花了半小时把每个页面要放的素材列成清单。这个过程比装主题本身重要,因为后面所有排版都是围着这张清单来的。

页面 放什么内容 谁来维护
首页 一句话公司介绍、主打产品入口、案例滚动、底部联系方式 我先搭好框架,朋友填内容
产品 按建材配件的品类分组,每类一张代表图加参数表 朋友
案例 施工现场照片加一段客户评价,真实比精美重要 朋友
留言 表单:姓名、电话、需求,提交后给手机发邮件通知 我
联系 地址、电话、地图,页脚放备案号 朋友

清单定下来之后还有个收尾动作:给每个页面的文案定个字数范围。朋友一开始写产品介绍动辄上千字,配图也是随手拍的十几兆原图,首页被拖得转半天圈。我给他定了两条规矩:首页每段不超过两行,产品图统一压到 500 像素宽、压到 100 千字节以内。小公司官网的信息密度宁少勿多,访客平均只看几秒。

其中首页是重中之重,访客三秒内决定去留。我把首页拆成五个模块,从上到下依次是:

模块 内容 作用
头图 一句 slogan 加一张施工现场照片 三秒内说清公司是干嘛的
产品入口 三个品类的卡片,各配一张图一句描述 让人一眼看到家底
案例滚动 三张工地照片加项目名 证明有人买过、干过
公司简介 两三句话加成立年份 建立基本信任
联系方式 电话、微信二维码、地址 随时能找到你

朋友想在首页塞公司发展史、党建园地和领导讲话,被我一样样请出去了:那些内容不是不能有,是等网站活着撑过第一年再说。

表单提交通知这件事折腾了我一阵,后来发现最省事的办法是让表单插件把提交内容转发到一个邮箱,再用邮箱的转发规则推到朋友手机。如果以后量大起来,可以接短信服务,这块在 腾讯云实战手记 里有更完整的做法。

挑主题的三条标准

主题市场里好看的主题太多了,我只按三条标准筛,颜值反而放在最后。朋友一开始相中一个酷炫的全屏滚动主题, demo 看着震撼,我让他想想产品参数表往哪塞——酷炫主题的排版自由度往往最低。

标准 为什么重要 怎么验证
支持自定义页面模板 产品页和关于我们的布局完全不同,不能所有页面一个样 安装后新建页面,看右侧有没有模板选项
持续更新、评价多 停更的主题迟早和 WordPress 新版本打架,到时候白排查 看主题详情页的最后更新时间和评分
功能不依赖付费插件 有些主题宣传的功能全靠捆绑插件,换主题就全废 看说明里是否标注需要另外购买的插件

最后选了一款免费的通用企业主题,理由很朴素:安装量六位数、上个月还在更新、首页模块能自由开关。安装很简单:后台外观 → 主题 → 添加新主题,搜名字,安装、启用,一分钟。如果是从外面下载的主题压缩包,走上传主题,注意压缩包里要是一层目录、直接含 style.css 的结构,不然 WordPress 会报样式表缺失——这个报错我第一次装的时候踩过,重新打包就好。主题选型过程中如果纠结面板和架构,也可以看看 1Panel 面板运维 里的服务器视角。

启用之后别急着改样式,先按清单把五个页面建出来、菜单配好,让网站在结构上完整。这一步完成时虽然页面还都光秃秃的,朋友已经在公司群里截图炫耀了。

还有一个经验:挑主题的时候允许自己试错。主题市场支持在线预览 demo,我前后对比了六七款,把中意的各装一遍、装完不满意直接删除——主题删除不影响已经写好的页面内容,所以在主题之间反复横跳成本很低,真正贵的是你花在每款主题上的时间,别超过一下午。

必要的插件清单

主题管长得,插件管干活。企业官网不需要花哨功能,我只装了四类,八个插件以内解决战斗:

插件类型 解决什么问题 我的建议
缓存 WordPress 每个请求都查数据库,小服务器扛不住 和服务器层面的缓存二选一,别叠太多层
表单 留言页面的落地页,顺便挡垃圾提交 选轻量的,一定开验证码
SEO 改网页标题和描述、生成站点地图 免费版完全够用
备份 数据库和上传目录定期打包 和实例快照互补,一个防误删一个防整机故障

朋友问能不能不要备份插件,反正服务器有快照。我给他打了个比方:快照是给整机买保险,备份插件是给钱包买保险——误删一篇文章的时候,你不会想为了恢复它回滚整台服务器。快照的具体玩法见 1.3 节,脚本化备份在第五篇还会细讲。

插件不是越多越好,每多一个就多一份变慢和被黑的风险。原则是:主题自带能力能搞定的不装插件,一行代码能改定的不装插件。同类插件尤其不要装两个,缓存插件撞车直接白屏。装完新插件如果站点白屏,先翻 服务器常见问题,八成是插件冲突,禁用最新装的那个基本就能定位。

还有一类插件清单里没有:安全类插件。不是不重要,是轻量服务器本身有防火墙兜底(1.3 节配过),加上及时更新、密码够复杂、后台地址别用默认的 wp-admin,这三件事比任何安全插件都管用。朋友的站长密码一开始是公司名字加 123,我逼着他改成了随机串,顺手存进密码管理器。

内容填充的节奏也有讲究。我不是一次性把五个页面全填完,而是先填首页和联系页——这两页是访客必看的,填完网站就能算上线了;产品和案例页先各放一条占位,朋友有了新照片再慢慢补。网站是活的东西,先让它转起来,再慢慢养,比憋大招憋三个月强。朋友后来养成了习惯,每谈成一个工地就上来更新一次案例页,网站的案例从三条涨到了十几条,这比任何 SEO 技巧都有用。

最大的坑:主题更新会覆盖你的修改

上线第二周朋友在后台看到主题有更新,随手点了一键更新,然后打电话给我:“页脚颜色怎么变了。”——他之前直接在主题编辑器里改的 CSS,更新把整个主题目录的文件覆盖了,修改全没了。更险的是他上周还顺手在主题的模板文件里改过一段电话号码,幸亏那段没被更新冲掉,否则联系页也得跟着出错。

这是 WordPress 最常见的坑之一。主题文件属于程序文件,更新时会被整个替换掉,任何直接写在里面的修改都不算数。正确的写法只有两种:

  1. 后台外观 → 自定义 → 额外 CSS:把自定义样式写进主题保留的输入框里,更新主题不会动它。改动少的时候用这个就够了,朋友的页脚颜色最后就是挪到这儿解决的。
  2. 子主题:建一个子目录放自己的 style.css 和 functions.php,只写要覆盖的部分。这是 WordPress 官方推荐的做法;模板文件要改也是复制到子主题同名路径下再改,永远不动原主题的文件。

同样的道理,插件更新也会覆盖你直接改过的插件文件。在服务器上我习惯用面板来做配置类修改,面板改的是配置文件而不是程序文件,可以看 1Panel 面板运维。

出了一次事之后我立了条规矩,也分享给你:凡是自定义的东西,一律只写在额外 CSS、子主题、自定义文件这三个地方;凡是不能落在这些地方的需求,先记下来问我,不要自己往下改。

另外说一个和更新类似的坑:朋友有次想给主题换个字体,直接去主题的 functions.php 里加了加载代码,主题更新的第二天字体没了(同样是文件被覆盖),他以为网站坏了打电话给我。这类问题在上线初期特别高频,因为新站总在微调。你的每一次自定义都要问自己一句:这个修改在主题更新后还会活着吗?如果答案是不知道,就挪到子主题里。

如果觉得整套主题还是太麻烦,其实也有更快的搭站路子,参考 AI 建站手记,适合先把门面撑起来的场景。

延伸阅读