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

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

Last synced: 4 months ago
JSON representation

etzel 响应式模板

• Host: GitHub
• URL: https://github.com/siteserver/template-etzel
• Owner: siteserver
• Created: 2018-03-03T07:48:15.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-10T01:52:31.000Z (about 8 years ago)
• Last Synced: 2025-06-15T02:08:08.881Z (12 months ago)
• Language: HTML
• Size: 5.94 MB
• Stars: 0
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
                                        模板使用说明

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

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

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

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

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

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

这次给大家带来的是一套适用于专题、信息发布、资讯网站、会议介绍的响应式模板，整个结构非常简单，使用说明如下：

**1、	首页板块**

**2、	信息列表页**

**3、	文章内容页**

**一、首页板块**  

**1.1、站点信息：**

我们可以看到整个首页其实是一个综合信息列表页，站点信息方面只有站点名称、二维码两块信息，如果有需要可以自由调取logo。

![](/assets/image01.png)

 

**1.2 专题名称和专题介绍：**

我们在后台可以看到，首页的名称跟第一个栏目同名，我们

点击 信息管理——栏目管理 ——首页——替换名称和介绍

![](/assets/image02.png)

 

**1.3新闻列表 ：**

接下来，我们可以看到具体的信息列表，首页板块的信息列表里的新闻，其实来自于所有子栏目的信息聚合。调取条件所有栏目里十条最新的。

![](/assets/image03.png)

 

**1.4 热门文章和栏目分类**

**1.4.1热门文章**

热门文章列表和左侧的新闻列表一样，都是来自于所有栏目。不同的是，此处调取的是点击排行前十的文章。

![](/assets/image04.png)

**1.4.2栏目分类**

栏目分类其实就是所有的栏目列表，如果是用来做专题网站，那此处就是不同维度的专题名称分类了。

**二、信息列表页**

![](/assets/image05.png)

**2.1信息列表：**

我们可以看到，几个栏目用了同一个新闻列表模板，该模板页主要展示的信息有：栏目名称、图文列表、文章数量等信息。跟首页列表不同的是，右侧没有热门文章和栏目分类了，我们可以看到一个小按钮，可以切换为纯标题列表，不带内容简介的。

 

![](/assets/image06.png)

**2.2图文列表：**

图文列表页的文章，我们依次调取了标题、图片、内容摘要、时间，另外我们可以看到，栏目信息数量在此也有体现，如果做专题，各个专题的信息数量在前台就显得非常直观。前三篇文章是带推荐属性的信息。

![](/assets/image07.png)

 

**三、文章内容页**

我们可以看到，内容模板页主要展示的信息有：内容标题、内容正文、发布时间、来源等信息。

![](/assets/image08.png)

 

为方便阅读，页面底部可以直接链接到前一篇文章。

![](/assets/image09.png)

 

该模板已经做好自适应兼容，使用时，注意一下各个地方的图片大小尺寸，比例尺寸越接近越好，修改完后，记得pc手机端都检查一下，看看有没有挤压变形的地方。如果有什么不太清楚的,欢迎加入到我们的官方群里提问。

官方QQ群：186949124