当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > SupeSite 7.0在线模板编辑功能应用(1)

建站经验
网站分析的起源
关于英文站的内容问题
国外站长论坛收集列表
90后MM教会我的:如何做个好网站!
Cpanel的附加域设置让你一个空间做N个站
轻松成就站长梦,十天速成建站高手、运营专家
做站一年感想体会 国内互联网才刚刚开始
我安装WordPress后的几个优化之插件篇
当用户离开网站时 在他们身上发生了什么
搞定投资恐惧的几个妙招
走向标准:W3C 验证失败的10个常见原因
一个成功站长的十种积极心态
建站基础知识 用技术怎么样快速搭建网站
WordPress的快捷键
晒一个年轻站长的发迹史
新手站长的十大错误 以期后来人少走弯路
Wordpress技巧:如何整合2个不同博客的帐号
2009年建站攻略 从建站切入点到广告选择
个人独立博客定位浅谈
解决Cpanel邮箱只能发信不能收信的问题

建站经验 中的 SupeSite 7.0在线模板编辑功能应用(1)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 184 ::
收藏到网摘: n/a

SupeSite 7.0是康盛创想(Comsenz)公司于2009年3月推出的一款社区CMS产品,作为Comsenz旗下的社区产品SupeSite 7.0 全面支持对 Discuz!、UCenter Home 的聚合功能。对于那些已经安装使用 Discuz! 和 UCenter Home 的站长来说,通过 SupeSite 7.0 可以快速搭建一个社区门户。

在应用SupeSite 7.0时,许多站长在建站的时候需要对站点模板进行定制设计。这里给大家演示一种方便的模板修改方式。并教大家如何添加一个“站点模板”让其他站点模板引用。

此修改方法适用于简单修改及初级用户,需要具备 html 设计能力。高级用户及大量模板自定制的用户,请使用 Dreamweaver 等网页编辑工具修改后上传至服务器中 SupeSite 中 templates 目录内的相关模板文件夹。

在线编辑实现方法:

进入后台,选择 系统管理=》模板编辑,看到站点模板目录页面,下面要编辑的文件为 “index” 模板文件,如下图所示:

CMS应用教程:SupeSite 7.0在线模板编辑功能应用_中国教程网

图1

点击要编辑的 “index” 模板文件后,会出现在线编辑框,如下图所示:

CMS应用教程:SupeSite 7.0在线模板编辑功能应用_中国教程网

图2

我们的目标:要把首页右侧“公告”放在“用户登录”上方的位置。原首页摆放位置,如下图所示:

CMS应用教程:SupeSite 7.0在线模板编辑功能应用_中国教程网

图3

具体操作:

1、找到源代码并剪切:

<!--{block name="announcement" parameter="order/displayorder DESC,starttime DESC/limit/0,3/cachetime/96400/subjectlen/34/subjectdot/0/cachename/announce"}-->
  <div class="super_notice">
   <h3>公告:</h3>
   <ul>
    <!--{if empty($_SBLOCK['announce'])}-->
    <li>暂时没有公告</li>
    <!--{else}-->
    <!--{loop $_SBLOCK['announce'] $value}-->
    <li><a href="$value[url]" title="$value[subjectall]">$value[subject]</a></li>
    <!--{/loop}-->
    <!--{/if}-->
   </ul>
  </div><!--公告end-->

2、将剪切内容粘贴到

<div id="user_login">

3、然后点击“提交保存”,并进行“缓存更新”。

修改完毕后,刷新首页,会看到修改后的效果,如下图所示:

CMS应用教程:SupeSite 7.0在线模板编辑功能应用_中国教程网

图4

附添加站点模板的详细方法:

然后我们继续尝试添加一个“站点模板”并在首页加以引用,位置我们选在在首页导航栏的下方:

具体步骤:点击 系统管理 => 模板编辑 => 添加站点模板(右侧):

在文件命中输入:"ad01",如下图所示:

CMS应用教程:SupeSite 7.0在线模板编辑功能应用_中国教程网

图5

创建好 "ad01.html.php " 这个站点模板以后,可以尝试在在线编辑中填入如下内容,并保存:

<?exit?>
<div style="border:1px #efefef solid; width:940px;padding:10px;margin:0 auto 10px">这里是广告位ad01</div>

然后选择在线编辑"index"文件:


<!--{template ad01}-->

插入在下面代码的后面,并保存:

<!--nav end-->

可以参考如下图的插入方法:

CMS应用教程:SupeSite 7.0在线模板编辑功能应用_中国教程网

图6

更新缓存后查看一下首页,会发现之前添加的站点模板已经可以运行了,如下图所示:

CMS应用教程:SupeSite 7.0在线模板编辑功能应用_中国教程网

图7

好了,这样一来,对 SupeSite 的初级在线编辑就已经演示完毕。