365建站怎么使用章节功能来实现多结构的网站:
一、怎么使用365建站系统创建制作小说站和电影站
请参考之前的教程:https://bbs.365jz.com/thread-5065-1-1.html
二、怎么实现内容页中,还包含独立专题和频道的功能
下面用实例来说明:
1、网站的结构:
网站名称:培训站
栏目:课程,培训学校
2、然后培训学校中发布内容为:aaaa培训学校,打开内容页aaaa培训学校后,还需要独立的频道(如:简介,课程,师资,联系我们,关于我们)
如果简介,课程,师资,联系我们,关于我们这些都是单页内容,我们可以用自定义定段实现即可
如果不是单页内容,比如课程,师资是列表页,包含多篇文章,这种情况,我们就使用章节页中的分类可以实现
3、如果增加了分类,分类对应的公共模板命名规则:article_article_page_list.htm,如果分类模板是独立的,命名规则:article_article_page_{classdir}.htm
如:访问地址:/xuexiao/11580-kecheng.html ,{classdir}的值就是kecheng,即article_article_page_kecheng.htm
4、涉及到的标签:
{jz:field.classname/} 分类名称
{jz:field.title/}文章页名称
{jz:field.pagetitle/}章节页名称
调用分类名称做导航
{jz:sql sql="Select distinct `classname`,aid,classdir From `#@__archives_page` where aid=~aid~ and `classname`<>''"}
<li class="css365jz_nav-item"><a href="[field:aid /]-[field:classdir /].html">[field:classname /]</a></li>
{/jz:sql}
调用分类中的内容列表
{jz:sql sql="select id,aid,pagetitle,litpic from `#@__archives_page` where aid=~aid~ and classdir=~classdir~"}
<a class="news_img" href="[field:arcurl /]" target="_blank" style="background-image:url([field:litpic /]);"></a>
<div class="news_info"><a href="[field:arcurl /]" target="_blank" title="[field:fulltitle /]" class="article_title">[field:pagetitle /]</a>
{/jz:sql}
5、分类模板参考代码:
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset={jz:global.config_soft_lang/}" />
- <title>{jz:field.classname/} - {jz:field.title/} - {jz:field.toptypename/}</title>
- </head>
- <body>
- <div class="css365jz_header">
- <div class="css365jz_main">
- <div class="logo"><h1></h1></div>
- <div class="css365jz_navmenu">
- <ul class="css365jz_nav">
- {jz:sql sql="Select distinct `classname`,aid,classdir From `#@__archives_page` where aid=~aid~ and `classname`<>''"}
- <li class="css365jz_nav-item"><a href="[field:aid /]-[field:classdir /].html">[field:classname /]</a></li>{/jz:sql}
- </ul>
- </div>
- <div class="search"><ul><li><span class="icon icon-search"></span><input type="text" placeholder="搜索..." style="width: 120px;"></li></ul></div>
- </div>
- <div class="icon_menu"><a class="i_menu css365jz_icon css365jz_icon-spread-left"></a><a class="i_close css365jz_icon css365jz_icon-close"></a></div>
- <div class="bg_hover"></div>
- </div>
- <!-- /header -->
- <div class="css365jz_container">
- <div class="css365jz_place">你的位置:{jz:field name='position'/} <a href="{jz:field.arcurl/}">{jz:field.title/}</a> > {jz:field.pagetitle/}</div>
- <div class="css365jz_body">
- <div class="css365jz_row css365jz_col-space30 padding15 panel-chapterlist">
- <div class="css365jz_rowtitle row1">
- <h1>{jz:field.classname/}</h1>
- </div>
- {jz:sql sql="select id,aid,pagetitle,litpic from `#@__archives_page` where aid=~aid~ and classdir=~classdir~"}
- <div class="css365jz_col-md4">
- <div class="news_content fadeInUp animated">
- <a class="news_img" href="[field:arcurl /]" target="_blank" style="background-image:url([field:litpic /]);"></a>
- <div class="news_info"><a href="[field:arcurl /]" target="_blank" title="[field:fulltitle /]" class="article_title">[field:pagetitle /]</a>
-
- </div>
- </div>
- </div>{/jz:sql}
- </div>
- <div class="clear"></div>
- </div>
- </div>
- {jz:include filename="footer.htm"/}
- </body>
- </html>
复制代码
|
|