365建站器v12隆重发布,全新的界面,全新的体验,全新的功能,您值得佣有! 365建站器v12隆重发布! 立即查看

教大家怎么制作365模板的方法

发表在 新手指南/使用教程 2013-7-12 14:57:16 上一主题 下一主题 9 94145

首先如果想制作属于自己的模板,第一步需要对365源码标签有一定的熟悉,不熟悉的话,请点里这里学习:365建站源码标签详细说明

分享:模板制作利器:一键保存网站模板,加入标签即可制作365模板 :http://bbs.365jz.com/thread-2471-1-1.html

下面我就用代码给大家演示一下怎么去制作模板
1.命名自定义的模板文件夹为mymoban 在mymoban 文件夹下建立文件夹和htm文件 如图所示:

QQ截图20130712210359.jpg


images                   --- 用于存放图片
js                           --- 用于存放js等
style                      --- 用于存放css样式表
index_article.htm   --- 网站首页模板
list_article.htm       --- 网站列表页模板
article_article.htm  --- 网站内容页模板
header.htm           --- 头部包含公共模板(可选)
footer.htm            --- 底部包含公共模板(可选)
preview_min.jpg   --- 模板缩略图(显示在模板列表中)
preview.jpg           --- 模板预览图
read.txt                --- 模板名称(显示在模板列表中)
点这里可以下载模板基本文件,在此基础修改: mymoban.rar (33.02 KB, 下载次数: 410)

2.构思模板结构:如下先做一个简单的单页模板

广告部分
导航菜单
单页自定义内容
相关站点

以上单页模板可以如下标签代码去实现
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <title>{dede:field.seotitle/}</title>
  4. <meta name="keywords" content="{dede:field name='keywords'/}" />
  5. <meta name="description" content="{dede:field name='description' function='html2text(@me)'/}" />
  6. </head>
  7. <body>
  8. //广告部分
  9. {jz:sql sql="select * from `#@__myad` where adjssqlwhere"}
  10.   <script src='/index.php?act=api&aid=[field:aid/]' language='javascript'></script>
  11. {/jz:sql}
  12. //导航菜单部分
  13. <div class="menu">
  14.         <a href="/">{dede:field.toptypename/}</a>
  15.         {dede:channel type='son' row='10'}
  16.               <a href='[field:typeurl/]' ><span>[field:typename/]</span></a>
  17.          {/dede:channel}
  18. </div>
  19. //单页自定义内容部分
  20. <div class="diycontent">{dede:field. content /} </div>
  21. //相关站点部分
  22. {dede:sql sql="select * from `#@__arctype` where id in (~relateid~)"}
  23.       <li><a href="[field:siteurl/]">[field:typename/]</a></li>
  24. {/dede:sql}
  25. </body>
  26. </html>
复制代码
3.将mymoban目录上传至templets目录下,然后点击软件中模板管理,将新上传的模板设置为启用即可


bbb.jpg

下一节讲解模板工具一键保存的静态模板修改成365建站的模板:https://bbs.365jz.com/thread-5105-1-1.html







回复

使用道具 举报

365vip1

积分
413
这个很好!便于理解
回复 支持 反对

使用道具 举报

理解不了 什么玩意滥造的
回复 支持 反对

使用道具 举报

有的东西 标签说明都没有 都不知道什么玩意
回复 支持 反对

使用道具 举报

最好能做成动画,一定要带声音哦!
回复 支持 反对

使用道具 举报

不知道对排名有没有好处
回复 支持 反对

使用道具 举报

这模板怎么做的都不知道
回复 支持 反对

使用道具 举报

该是从新做个录屏上线啊
回复 支持 反对

使用道具 举报

:D:D:D:D
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则