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

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

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

Last synced: 3 months ago
JSON representation

hinkoo 响应式模板

Awesome Lists containing this project

README

          

模板使用说明
**模版演示地址**:http://theme.demo.siteserver.cn/Hinkoo

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

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

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

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

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

提供一套适用于家居装修、地产集团、室内设计、家装用品类的自适应模板。这套模板比较适合用于图片展示类型的网站。

**1、 首页板块**

**2、 关于贝高**

**3、 别墅设计**

**4、 工艺**

**5、 联系我们**

**6、 文章内容页**

一、首页板块

**1.1、导航对应:**

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

![](/assets/image001.png)

**1.2站点信息(logo/站点名字):**

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

![](/assets/image002.png)

**1.3 Banner图:**

我们在后台建了一个栏目(Banner),点击按钮进入到详细的内容页。
点击 信息管理——内容管理 ——Banner——替换图片和信息
Banner 图大小是:1349*574

![](/assets/image003.png)

**1.4经典案例:**

此处调取了别墅设计下面3条最新的且带推荐属性的信息,点击 信息管理——内容管理 ——别说设计——相应风格——相关项目——更新相关的信息

![](/assets/image004.png)

**1.5设计团队:**

这个板块的信息,都是来自于设计团队下面首页设计师这个子栏目,信息按如下步骤替换即可:
点击信息管理——内容管理 ——设计团队——首页设计师——替换对应图片
此处图片尺寸为:500*345

![](/assets/image005.png)

**1.6新闻中心(友情链接):**

此处板块,左侧调取了一篇带图片的新闻,右侧是七条推荐属性的信息。
左侧图片尺寸为:460*319
点击信息管理——内容管理——新闻中心——公司公告——更新维护信息

![](/assets/image006.png)

**1.7底部包含文件:**

**1.底部业务介绍:**

此处介绍了八项业务,主要调取的是每个业务的业务名称、业务图标、业务简介信息
点击信息管理——内容管理——首页底部业务介绍——替换名称、图片和简介——生成页面

![](/assets/image007.png)

**2.友情链接&联系电话:**

![](/assets/image008.png)

友情链接:在后台专门建立了栏目,我们只需要更换相应的信息即可进行维护:信息管理——内容管理——友情链接——替换标题和友情链接联系我们:此处调取的联系电话,在我们的设置管理下面的站点属性设置里面。

二、关于贝高

关于贝高,这个页面的banner及标语我们调取的是栏目图片和字段。图片尺寸为:1903*540
信息管理——栏目管理——关于贝高——更换图片及信息

![](/assets/image009.png)

下面的公司介绍,则来自于关于贝高栏目下的内容:
信息管理——内容管理——关于贝高——尊重生活 尊重环境——更换信息

![](/assets/image010.png)

同理,下面的标语和图片都能在该栏目(关于贝高)下,找到对应的内容

![](/assets/image011.png)

信息管理——内容管理——关于贝高——对应内容——更换信息

![](/assets/image012.png)

底部的我们的项目,在后台栏目框架,我们可以看到有相应的栏目——我们的项目
依次更换相关标题、图片、链接即可。

三、别墅设计

![](/assets/image013.png)

Banner图跟关于贝高是一样的,都是调取的栏目图片,图片尺寸为:1903*540
信息管理——栏目管理——别墅设计——编辑——更换图片

![](/assets/image014.png)

经典案例:这是典型的图文列表,只需要替换相应的标题、图片、字段内容,跟文章不一样是,这是没有内容正文的。

![](/assets/image015.png)

我们可以看到,后台的栏目结构,跟前台是一致的,按栏目划分为了不同的子栏目,每一个栏目对应了一种风格。

四、工艺

![](/assets/image016.png)

同上,此处的banner图和标语来自于栏目管理里面的栏目信息。

![](/assets/image017.png)

工艺也是图文列表,只需要替换相应的标题、图片、字段内容。

五、联系我们

![](/assets/image018.png)

联系我们:此处分别调取了两篇文章的信息,这两篇文章都来自于联系我们这个栏目。信息管理——内容管理——关于我们——跟新维护内容

六、文章内容页

我们可以看到,内容模板页同样非常简洁,展示的信息有:内容标题、内容正文。

![](/assets/image019.png)

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