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

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

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

Last synced: 4 months ago
JSON representation

uranus 响应式模板

Awesome Lists containing this project

README

          

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

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

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

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

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

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

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

**1、 首页板块**

**2、 公司简介**

**3、 新闻公告**

**4、 家居列表1**

**5、 家居列表2**

**6、 家居单品**

**7、 文章内容页**

一、首页板块

**1.1、导航对应:**

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

![](/assets/image001.png)

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

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

![](/assets/image002.png)

**1.3 Banner图:**

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

![](/assets/image003.png)

**1.4底部家居:**

此处调取了首页底部三张图栏目下的信息,点击 信息管理——内容管理 ——首页底部三张图——更新相关的标题和图片

![](/assets/image004.png)

二、公司简介

公司简介:这里是一篇纯内容单页,全篇信息只调取了内容正文。

![](/assets/image005.png)

我们把信息存储在栏目页面里,也就是说这篇单页自于公司简介栏目下的内容:
信息管理——栏目管理——公司简介——更换信息

![](/assets/image006.png)

三、新闻公告

![](/assets/image007.png)

新闻公告列表页,我们调取的是该栏目(新闻公告)下两个子栏目下的信息,我们只需要在:信息管理——内容管理——新闻公告——相应子栏目——更新具体的内容。

![](/assets/image008.png)

四、家居列表1

![](/assets/image009.png)

产品系列下面的子栏目出灵感外,都是调用的同一套模板,图片尺寸为:223*158
信息管理——内容管理——产品系列——分类子栏目——更换图片等信息

![](/assets/image010.png)

五、家居列表2

![](/assets/image011.png)

灵感这个子栏目用的家居列表页跟其他家居列表页有点不同,但区别主要在于图片尺寸(页面布局),图片调取原理还是一样的。大图尺寸:1000*542,小图尺寸为:485*346

![](/assets/image012.png)

这一点,我们在显示管理——模板匹配板块中可以看出来。

六、家居单页

![](/assets/image013.png)

家居列表页面的家居,我们都可以点击图片进入到家居单品页面,每个单品页面左侧是该家居产品的主图,右侧是该家居的一些参数和规格的介绍。后台的信息更换依次:信息管理——内容管理——系列产品——更换产品信息(图片、名称、参数)

七、文章内容页

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

![](/assets/image014.png)

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