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

365建站怎么使用章节功能来实现多结构的网站

发表在 新手指南/使用教程 2022-4-11 17:03:01 上一主题 下一主题 0 3080

365建站怎么使用章节功能来实现多结构的网站:

一、怎么使用365建站系统创建制作小说站和电影站
请参考之前的教程:https://bbs.365jz.com/thread-5065-1-1.html



二、怎么实现内容页中,还包含独立专题和频道的功能

下面用实例来说明:
1、网站的结构:
网站名称:培训站
栏目:课程,培训学校

2、然后培训学校中发布内容为:aaaa培训学校,打开内容页aaaa培训学校后,还需要独立的频道(如:简介,课程,师资,联系我们,关于我们)
如果简介,课程,师资,联系我们,关于我们这些都是单页内容,我们可以用自定义定段实现即可
如果不是单页内容,比如课程,师资是列表页,包含多篇文章,这种情况,我们就使用章节页中的分类可以实现
QQ截图20220411161323.jpg
111.jpg

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、分类模板参考代码:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset={jz:global.config_soft_lang/}" />
  5.     <title>{jz:field.classname/} - {jz:field.title/} - {jz:field.toptypename/}</title>
  6. </head>
  7. <body>
  8.     <div class="css365jz_header">
  9.         <div class="css365jz_main">
  10.             <div class="logo"><h1></h1></div>
  11.             <div class="css365jz_navmenu">
  12.                 <ul class="css365jz_nav">
  13.                     {jz:sql sql="Select distinct `classname`,aid,classdir From `#@__archives_page`  where aid=~aid~ and `classname`<>''"}
  14.                     <li class="css365jz_nav-item"><a href="[field:aid /]-[field:classdir /].html">[field:classname /]</a></li>{/jz:sql}
  15.                 </ul>
  16.             </div>
  17.             <div class="search"><ul><li><span class="icon icon-search"></span><input type="text" placeholder="搜索..." style="width: 120px;"></li></ul></div>
  18.         </div>
  19.         <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>
  20.         <div class="bg_hover"></div>
  21.     </div>
  22.     <!-- /header -->
  23.     <div class="css365jz_container">
  24.         <div class="css365jz_place">你的位置:{jz:field name='position'/} <a href="{jz:field.arcurl/}">{jz:field.title/}</a> &gt; {jz:field.pagetitle/}</div>
  25.         <div class="css365jz_body">
  26.                         <div class="css365jz_row css365jz_col-space30 padding15 panel-chapterlist">
  27.                 <div class="css365jz_rowtitle row1">
  28.                     <h1>{jz:field.classname/}</h1>
  29.                 </div>
  30.                 {jz:sql sql="select id,aid,pagetitle,litpic from `#@__archives_page` where aid=~aid~ and classdir=~classdir~"}
  31.                 <div class="css365jz_col-md4">
  32.                     <div class="news_content  fadeInUp animated">
  33.                         <a class="news_img" href="[field:arcurl /]" target="_blank" style="background-image:url([field:litpic /]);"></a>
  34.                         <div class="news_info"><a href="[field:arcurl /]" target="_blank" title="[field:fulltitle /]" class="article_title">[field:pagetitle /]</a>
  35.                            
  36.                         </div>
  37.                     </div>
  38.                 </div>{/jz:sql}
  39.             </div>
  40.             <div class="clear"></div>
  41.         </div>
  42.     </div>
  43.     {jz:include filename="footer.htm"/}
  44. </body>
  45. </html>
复制代码






回复

使用道具 举报

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

本版积分规则