客户有一个旧网站,现在想用 WordPress 重新制作,要求继承旧网站所有内容并计划后期增加优化项目,双方沟通后选择了定制建站服务。
前期准备
签订合同并支付费用后,网站定制工作正式开始。
- 域名由客户自备,服务器托管到我司,由于内容丰富且计划做多语言专项优化,选择了 500 元/年的托管方案。
- 关联域名与服务器,域名安装 SSL,开启 HTTPS,服务器自带安全防护。
- 搭建 WordPress 网站,做好基础设置,安装主题、Elementor、Elementor Pro,做 WP 层面的安全与备份。
- 预处理外贸企业提供的 LOGO 等图片素材(调整尺寸 – 命名 – 压缩 – 上传)。
样式设计
根据品牌 LOGO 和参考网站确定整站风格,然后在空白画布上手动制作每个板块,是定制建站的主要服务内容。
全局设计
- 全局配色。从品牌 LOGO 提取红黑主色,增加黑白灰梯度作为文字颜色,适配深浅背景。
- 全局字体。由于是机械行业,正文选择 Roboto 字体,这是为屏幕 UI 设计的无衬线字体,可读性强,而且可以免费开源商用。标题选择更紧凑的 Roboto Condensed。
- 其它设计:根据已有配色和字体设计,统一标题、链接、按钮及整站布局。
标准设计流程
- 基础元素与页面:顶部导航栏、底部导航栏、首页、关于我们、联系我们。
- 文章与产品样式:文章详情页、文章聚合页(Application/Blog/News)、产品详情页、产品聚合页、搜索结果。
- 询盘元素:询盘按钮、询盘表单、询盘弹窗。
- 补充页面:Download、FAQs。
优化设计
- 页眉拆分成两行,主次更分明,向下滚动时,主要信息吸顶。宽度取 1560 px,与正文内容对齐。
- 页脚背景图片改成黑色纯色,LOGO 添加白色背景,文字颜色改成白色,增加对比度。
- 网站右下的回到顶部按钮、留言窗口并入悬浮图标组,视觉效果更统一。
- 首页产品分类改为更紧凑的布局,一眼能看清有多少分类并快速进入自己需要的类别。
- About、FAQ 页面移除无意义的 Banner,所有内容合并为一个页面。通过 Tab 在页内切换。
网站优化
以上样式设计基于宽度 1920px 的标准电脑,建成后与客户沟通修改,定稿后做以下基础优化:
- 响应式优化。切换到手提电脑、平板、手机布局调整样式,为移动设备设计更简洁的页眉和页脚。
- SEO 优化。补齐页面标题,检查各标题层级关系,增加面包屑导航。
- 速度优化。放到 Google Page Speed Insight 检查,按照实测结果针对性优化。
网站交付
样式设计与网站优化完成后,把后台登录信息发给客户,并指导客户上传更多产品和文章。上传完成后,我们会根据实际内容调整网站样式,最后开启搜索引擎收录(网站上线)。


交付时会创建备份,包含所有产品、文章、设计和优化效果。后续若操作失误可以恢复到已有备份。
交付后
定制网站效果在线预览。
上线后可以继续上传产品和文章,这两项操作不易出错,也不会影响网站样式、功能和速度。也可以申请修改样式或者增加版块、页面,小修改当天处理,大修改在 3 个工作日内处理。也可以选购其它服务,比如:
- 需要增加多语言功能,购买多语言优化专项服务。
- 想把网站收集到的询盘信息推送到邮箱,增加 SMTP 发信插件,部署费用 +200 元。
后续维护成本
只需要每年续费域名和服务器,就可以持续上传产品、发布文章。
网站上已有的样式、功能、优化都可以终身使用,不需要续费。
一年后,如果网站仍需大改,可以考虑 1200 元/年的售后延期包,包含定制建站的全部服务内容,可继续新增页面、版块、元素。如果只需要小改,可以按 300 元/版块购买设计服务。不需要我司修改则无需续费。