规划你的网站内容

📢 请在PC上学习课程,如遇视频无法打开,多次刷新页面即可!

在做一件事情之前我们肯定要知道最终想要得到的结果是什么,做网站也是一样,做一个网站要事先在脑海里过一遍,你想要网站的样子。

老张列出了以下几个点,你可以试着思考一下。

  1. 网站想要实现哪些功能?
  2. 网站要有哪些页面?
  3. 网站每个页面的大概内容是什么?
  4. 网站的颜色怎么搭配?

老张在这个课程里带大家做的是一个企业网站,什么类型的企业网站呢?老张有个做全屋定制、装修的朋友,在经营一个工作室,老张打算帮他做一个网站,这个课程就演示一下帮他做这个网站的过程。

现在老张知道自己是想帮一个做全屋定制、装修的朋友的工作室做一个网站,那么现在来回答一下上面老张列出的问题。

一、网站想要实现哪些功能?

其实企业网站功能很简单,老张列出了以下几点。

  • 后台管理博文(发布、删除、修改)- WP自身功能
  • 后台管理页面(发布、删除、修改)- WP自身功能
  • 后台管理菜单导航(发布、删除、修改)- WP自身功能
  • 前台展示页面内容 – WP自身功能
  • 前台搜索框,搜索站内内容 – WP自身功能
  • 前台联系页面信息提交框 – elementor功能
  • 前台在线客服对话框 – 使用插件和第三服务实现

上面列出的需求大多数都是WordPress自身的功能,有些则是要靠插件和第三方服务来实现。WordPress有很多插件,插件用来扩展WordPress的功能,当然有免费也有付费的。

二、网站要有哪些页面?

老张帮朋友规划了一下,要有的页面如下:

  • 首页页面
  • 服务介绍页面
  • 联系我们页面
  • 博客列表页面
  • 博文详情页面
  • 关于我们页面
  • 搜索结果页面
  • 404页面

当然很多企业网站还需要客户案例、客户评价、产品列表、产品展示等页面。大家建站时要根据自己的实际需求来做规划。

三、网站的每个页面大概内容是什么?

  • 首页页面 – 综合展示网站的内容,如服务、案例、评价、文章等
  • 服务介绍页面 – 详细介绍工作室提供的服务
  • 联系我们页面 – 列出工作室的各种联系方式和工作时间等
  • 博客列表页面 – 文章列表
  • 博文详情页面 – 文章内容页面
  • 关于我们页面 – 详细介绍关于工作室的情况
  • 搜索结果页面 – 列出搜索到的内容
  • 404页面 – 找不到页面的时候显示的内容

在大概规划好每个页面显示的内容后,你也可以先把每个页面的内容写在一个文档里,方便后面制作页面的时候使用。

四、网站的颜色怎么搭配?

网站的颜色搭配对于一个新手来说是“老大难”的问题,因为如果颜色搭配不好网站会显得很low很土。在这里老张给你一些技巧。网站颜色一般要贴合自己的产品以及服务,如果你没有灵感不妨看看同行的网站,另外老张最后推荐一个配色工具 炫酷配色-设计师配色神器

  • 主色 #273043 – 网站上最大面积使用的颜色(除背景色外)
  • 点缀色 #247BA0 – 按钮、连接、特别提示等内容的颜色,相对主色来说一般比较跳跃
  • 标题色 #273043 – 一般用于标题颜色
  • 文本主色 #46494C – 一般用于普通文本颜色
  • 文本次色 #C5C3C6 – 一般用于次要文本颜色
  • 主背景色 #FFFFFF – 一般用白色
  • 次背景色 #FDFFFC – 一般用浅色,用于衔接白色内容板块

这里的 #xxxxxx 是颜色代码,老张上面选的色是后面做网站用的,大家可以根据自己的需要选择颜色

上面列出的这些颜色在你做网站前要做好规划,因为我们会在建站的一开始就设置好这些颜色,后面再改颜色也比较麻烦。

最后再介绍一个下载图标的网站给大家,老张在做网站的过程中是经常用到的 iconfont-阿里巴巴矢量图标库

阅读这篇课程后你应该有所收获,现在就行动起来吧,给你的网站好好做一个规划。

学习过程有问题可以在建站交流群里咨询

Updated on 2022年12月5日

扫码添加老张个人微信
(备注免费领课)

《0代码建站入门课》
免费领取