https://github.com/siteserver/template-horace

horace 响应式模板
https://github.com/siteserver/template-horace

Last synced: 4 months ago
JSON representation

horace 响应式模板

• Host: GitHub
• URL: https://github.com/siteserver/template-horace
• Owner: siteserver
• Created: 2018-01-06T07:03:33.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-12T11:36:14.000Z (over 8 years ago)
• Last Synced: 2025-02-22T03:43:45.320Z (over 1 year ago)
• Language: HTML
• Size: 13.8 MB
• Stars: 0
• Watchers: 4
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
**模版演示地址：**http://theme.demo.siteserver.cn/Horace

如果还未安装产品的特提供相应链接：

**产品下载：**http://cms.siteserver.cn

**产品安装：**http://docs.siteserver.cn/getting-started/index.html

**模版下载：**http://download.siteserver.cn/templates/T_Horace.zip

**新建站点：**http://docs.siteserver.cn/getting-started/create.html

广大的SiteServer用户们，我们为大家带来了2018年的第一套响应式模板，使用说明如下：

**一、首页板块**

**二、信息列表页**

**三、文章内容页**

**一、	首页板块**

**1.1 导航对应**

前台导航栏调取的是属于“导航”栏目组的栏目，对应的我们只需要在后台的信息管理——栏目管理——在相应的栏目编辑时把该栏目加入这个栏目组里——重新生成页面，即可更换对面前台导航栏里的栏目,我们使用的默认顺序（与后台栏目顺序一致）

 

![](/assets/image001.png)

**1.2 站点信息（logo/站点名字）**

点击 设置管理——站点属性设置——替换具体公司名字以及logo图片,此处logo位的大小是：191*59

 

![](/assets/image002.png)

**1.3Banner图**

我们在后台建了一个栏目（Banner）,点击按钮进入到详细的内容页。

点击 信息管理——内容管理 ——Banner——替换图片和信息

Banner 图大小是：1901*495

![](/assets/image003.png)

**1.4 公司介绍与联系我们**

公司介绍栏目里的信息，我们在首页也显示了公司介绍简要。左侧是图片，此处图片大小为：118*118。右侧是内容简介摘要,信息按如下步骤替换即可：

点击 信息管理——内容管理 ——公司介绍——替换图片和信息

![](/assets/image004.png)

 

**联系我们:**

点击 设置管理——站点属性设置——替换相关信息——生成页面

![](/assets/image005.png)

**1.5 新闻动态与通知公告**

此处调取的是新闻动态（通知公告）10条最新的信息

点击 信息管理——内容管理 ——新闻动态——新闻动态——更新相关的信息

![](/assets/image006.png)

**1.6 公司相册**

后台专门建立了“公司相册”栏目，相应的图片在该栏目下维护，首页将展示5张带图片的信息，此处图片大小：260*295

![](/assets/image007.png)

**二、	信息列表页**

![](/assets/image008.png)

我们可以看到，新闻动态和通知公告用到了该新闻列表模板，该模板页主要展示的信息有：栏目图片、图文列表、热门新闻列表、广告位

**2.1 栏目图片**

所有栏目页的banner图都是按如下步骤操作:

点击 栏目管理——相应栏目 ——编辑——上传图片   图片大小：1838*140

![](/assets/image009.png)

**2.2图文列表：**

图文列表页的文章，我们依次调取了标题、图片、内容摘要、时间，一般点击详细进入对应的内容页，尺寸是320*200

 

![](/assets/image010.png)

**2.3热门新闻列表：**

 

![](/assets/image011.png)

我们在模板里可以看到，热门新闻列表的调取规则，是八篇索引为新闻动态

下栏目里带“热点”属性的信息。

**2.4广告位：**

此处图片大小：263*263，和上面的热门新闻列表一样，此处代码都在包含文件里，除了栏目列表页，内容页也用了改包含文件

 

![](/assets/image012.png)

**三、文章内容页**

我们可以看到，内容模板页主要展示的信息有：栏目图片、内容正文、热门新闻列表、广告位，除内容正文外，栏目图片、热门新闻列表和广告位都是一样的。

![](/assets/image013.png)

 

该模板已经做好自适应兼容，使用时，注意一下各个地方的图片大小尺寸，比例尺寸越接近越好，修改完后，记得pc手机端都检查一下，看看有没有挤压变形的地方。

在新的2018年到来之际，祝大家身体健康、事事顺心，如果有什么不太清楚的,欢迎加入到我们的官方群里提问。

官方QQ群：186949124