VuePressVuePress
  • 2023最新建站教程②服务器购买与设置
  • Getting Started
  • Configuration
  • Page
  • Markdown
  • Assets
  • I18n
  • Deployment
  • Theme
  • Plugin
  • Bundler
  • Migrating from v1
  • Troubleshooting
  • Web

    • CLI
    • Config
    • Frontmatter
    • Built-in Components
    • Plugin API
    • Theme API
    • Client API
    • Node API
  • Bundlers

    • Vite
    • Webpack
  • Ecosystem

    • Default Theme
    • Plugins
  • 进阶

    • Architecture
    • Writing a Plugin
    • Writing a Theme
    • Cookbook
  • 学习交流

    • 讨论区
    • 来发信
  • Changelog
  • v1.x
  • v0.x
  • English
  • 简体中文
GitHub
  • 2023最新建站教程②服务器购买与设置
  • Getting Started
  • Configuration
  • Page
  • Markdown
  • Assets
  • I18n
  • Deployment
  • Theme
  • Plugin
  • Bundler
  • Migrating from v1
  • Troubleshooting
  • Web

    • CLI
    • Config
    • Frontmatter
    • Built-in Components
    • Plugin API
    • Theme API
    • Client API
    • Node API
  • Bundlers

    • Vite
    • Webpack
  • Ecosystem

    • Default Theme
    • Plugins
  • 进阶

    • Architecture
    • Writing a Plugin
    • Writing a Theme
    • Cookbook
  • 学习交流

    • 讨论区
    • 来发信
  • Changelog
  • v1.x
  • v0.x
  • English
  • 简体中文
GitHub
  • 极速建站

    • 建站2022版

      • 一、建站与SEO有哪些坑?
      • 二、外贸独立站是什么?
      • 三、网站有哪些构成要素?
      • 四、自建独立站有何优势
      • 五、选择适合你的建站方式
      • 六、动辄上万?这些坑速看!
      • 七、小白如何两天上线新站?
      • 八、一图看懂独立站获客逻辑!
      • 九、新手如何做好SEO与SEM?
      • 十、内容为王,拒绝代运营!
      • 十一、从“借鉴”开始SEO之路
      • 十二、Soho为何慎重选择SEM?
      • 十三、通过数据推动你的业务!
    • 建站2023版

      • 一、399元建站攻略
      • 二、服务器购买与设置
      • 三、域名购买与设置
      • 四、连接服务器
      • 五、安装管理软件
      • 五、完整教程教程
    • Introduction
    • Getting Started
    • Configuration
    • Page
    • Markdown
    • Assets
    • I18n
    • Deployment
    • Theme
    • Plugin
    • Bundler
    • Migrating from v1
    • Troubleshooting
  • 搜索优化

    • Vite
    • Webpack
  • 搜索广告

    • Introduction
    • Usage of Client Config
    • Adding Extra Pages
    • Making a Theme Extendable
    • Passing Data to Client Code
    • Markdown and Vue SFC
    • Resolving Routes

独立站有哪些要素?

在浏览网页时,每一个小伙伴都会接触各种各样的网站,所以多多少少会对网站结构有些了解,了解下页面结构更有利于我们搭建设计自己想要的wordpress独立站。 网站的页面内容构造主要分为两大部分。一个是公共部分,还有就是单个页面的内容部分。 公共部分即是在你的网站上每个页面都可能出现的内容,主要体现在页眉、页脚和网站侧边栏上。页眉也可被称为顶部菜单,页脚也可称为底部菜单。 单个页面的内容部分有多种,可以具体的体现公司某一个方面的形象或业务,常见的有主页(Home),公司信息(about us),产品资料(products),服务(Services),新闻(Blog或News),联系我们(Contact us)等等,下面做个简单的概述。

网站结构示意图:公共部分与内容部分

一、公共部分

wordpress网站公共部分就是指每个网站页面都会显示的内容。

1.1 页眉

1.1.1 简单常见的设计就是包含导航菜单栏和logo 简单的网站页眉设计示例(Logo+导航)

1.1.2 也可以包含:欢迎语、logo、菜单、搜索框、社媒联系方式 较复杂的网站页眉设计示例(欢迎语、Logo、菜单、搜索框、社媒)

1.2 页脚

底部菜单的设计

1.2.1 简单的包含联系方式、友情链接、二维码、社媒 简单的网站页脚设计示例(联系方式、友链、二维码、社媒)

1.2.2 也有包含公司简介,导航菜单、产品分类、新闻、logo、联系我们、社媒~~~ 较复杂的网站页脚设计示例(简介、导航、产品分类、新闻、Logo、联系、社媒)

1.3 侧边栏

侧边栏的样式比较多:有主侧边栏(一般在主页显示),产品侧边栏(产品的分类,热销,最新产品……),新闻的侧边栏(最新的新闻,新闻类别,以及关于产品的问题……)

二、内容部分

内容是用来吸引搜索流量和勾搭客户,所以内容极其重要。

2.1 公司信息(about us)

2.1.1 关于团队: 团队成员、团队介绍、合作案例…… 2.1.2 实图展示:办公区域、厂房区域、休闲区域、会客区域…… 2.1.3 团队动态:团建、活动…… 公司信息(About Us)页面内容示例

2.2 产品详情 (products)

2.2.1 产品详情:品名/参数 照片/其他 2.2.2 产品资料 说明/案例 引流/其他 产品详情(Products)页面内容示例

2.3 主页(Home)

home主页相当于一个网站的汇总页面,每个人的想法不同,设计包含的内容也不一样。但是基本上方都是一张主图,展示公司的相关信息。 网站主页(Home)示例

2.4 服务(Services)

各行业的服务不同,展示的也不同,一般产品机械行业的主要是售后的维修维护,通过服务的展示,吸引有意向的客户。下图是一家餐饮能够提供的网站模块服务样式。 服务(Services)页面示例(餐饮行业模块)

2.5 新闻(Blog或News)★★★

网站为何要写文章?文章主要是写关于公司行业类型,公司产品以及公司又做了哪些业绩和某某某大公司达成了合作等等,有些能体现你公司的实力,但更多的是为了提醒搜索引擎,你的是一个活跃的网站,他们会不定期的抓取你网站上的内容,提高你网站的收录,会让更多的有需要的用户搜索到你的网站。 新闻(Blog/News)页面示例

2.6 联系我们

主要是填写公司的联系地址,联系方式,让客户能够更加方便快捷的找到我们。 联系我们(Contact Us)页面示例

以上基本就是一个网站的展示形式了,每个不同的行业,或者个人想法的不同,对网站设计都会有不同的看法,小的细微之处的展示,根据自己的需要调整即可。


加入社群一起互助建站

加入社群交流二维码

更多免费建站技巧

扫码联系夏日么么茶

```
Edit this page on GitHub
Last Updated:: 5/11/25, 5:41 AM
Contributors: xuzhi1225
Prev
二、外贸独立站是什么?
Next
四、自建独立站有何优势