An open API service indexing awesome lists of open source software.

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

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

Last synced: 16 days ago
JSON representation

kevan 响应式模板

Awesome Lists containing this project

README

          

**模版演示地址:** http://templates.siteserver.cn/kevan/index.html

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

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

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

**模版下载:** http://templates.siteserver.cn/t-kevan/index.html

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

这次,我们提供了一套这是一套响应式网站模版,适应于企业、汽车公司、产品型公司以及各种企业集团网站模板所有图片在手机端都进行过处理,而响应式网站不同设备内容源码是一样的。因此,你不得不担心响应式网站在移动端的速度以及流量消耗,我们采用图片处理技术后,在手机上会只加载尺寸更小的图片

**一、首页板块**
**二、新闻列表页**
**三、关于我们**
**四、内容详情页**
**五、联系我们**

**一、首页板块**
**1.1头部导航**

![](/assets/image001.png)

我们可以先来看看首页头部的导航及banner图的调取

![](/assets/image002.png)

我们可以看到,首页导航栏上的栏目都来自于栏目组“主导航”

![](/assets/image003.png)

我们可以在模板管理——首页模板里看到,导航栏是嵌套在nav 的包含文件里。

**1.2系列专题**

![](/assets/image004.png)

我们目前是调取栏目信息,信息管理——栏目管理——时尚跑车系列

![](/assets/image005.png)

**1.3 首页标识语**

![](/assets/image006.png)

这块标题维护,我们放在了辅助栏目里,分别调取的标题和副标题。

**1.4新闻动态**

![](/assets/image007.png)

首页这个部分我们可以看到,调取的是四篇新闻,我们进入显示管理——模板管理——首页模板。我们可以验证到,这里调取的是新闻动态栏目下所有子栏目里四条带图片的信息。

**二、新闻列表页**

![](/assets/image008.png)

我们可以看到,新闻列表调取的是常规字段信息。图片、标题、内容。

![](/assets/image009.png)

我们会注意到右侧有一块最新内容列表

![](/assets/image010.png)

这里调用的是,同级父栏目的(uplevel=”1”)的六条新闻内容。比如我们这个栏目(企业新闻或媒体报道)的上一级栏目新闻动态下六条新闻。
标签调取参考:http://stl.siteserver.cn/contents/index.html

**三、关于我们**

![](/assets/image011.png)

关于我们板块,分为企业简介和企业文化两块,我们进入到信息管理——栏目管理,可以看到这个这两个模块,调取的是栏目信息。

![](/assets/image012.png)

**四 、内容详情页**

![](/assets/image013.png)

那在在关于我们的模块,左侧加上最新内容列表,就成了我们的内容详情页。

![](/assets/image014.png)

我们可以看到,信息来自于栏目组(最新内容组)的六条信息。

**五、联系我们**

**5.1联系地址管理**

![](/assets/image015.png)

我们可以从后台看到,联系我们页面的信息一样来自于栏目信息。

![](/assets/image016.png)

**5.2地图嵌套**

![](/assets/image017.png)

这块,只需要找到第三方代码,嵌入到我们后台当中去就行。比如网上搜索百度地图生成器、高德地图生成器,生成代码,放入到相应的模板页面当中去就行。

![](/assets/image018.png)