Showtime

秋思工作室

专注于初中教育教学管理及初中数学教学。

导航

当前位置:首页博客技巧 > 正文页面

调整Q-Black主题侧栏标签调用

2017年7月24日 本文作者:秋思 浏览:

  去Z-Blog论坛逛了一圈,发现官方认证主题的single.html 中, 侧栏所有元素必须使用JS调用。认证对我来说不重要,但是主题制作符合规范还是非常重要的。吃过早餐又开始折腾Q-Black主题的html模板的侧栏:把所有页面侧栏标签改为JS调用。

调整Q-Black主题侧栏标签调用

  一、Z-Blog主题模板侧栏调用INCLUDE文件的方法

  1、直接在模板内嵌入标签,由系统自动替换为文件内容。这种方法适用于动态页面如default.html,侧栏调用的相应代码(以分类标签为例)如下所示。注:红色加粗部分为文件名不要后缀且必须所有字母大写。

  <#CACHE_INCLUDE_CATALOG#>

  2、采用FUNCTION/c_html_js.asp动态插入文件内容。这种方法适合所有的模板页面如single.html,侧栏调用的相应代码(以分类标签为例)如下所示。注:红色加粗部分为文件名不加后缀与id名称相同。

  <script language="JavaScript" src="<#ZC_BLOG_HOST#>function/c_html_js.asp?include=calendar" type="text/javascript"></script>

  二、修改主题模板侧栏调用INCLUDE文件代码

  在制作Q-Black主题时,我使用的侧栏标签代码都是默认主题的侧栏代码。修改方法:直接将上面1中代码换成2的代码即可。下面是修改前和修改后的代码对照,即蓝色部分进行替换即可。

  默认侧栏分类目录调用代码

  <div class="function" id="divCatalog">
  <h3><#ZC_MSG026#></h3>
  <ul>
  <#CACHE_INCLUDE_CATALOG#>
  </ul>
  </div>

  修改后侧栏分类目录调用代码

  <div class="function" id="divCatalog">
  <h3><#ZC_MSG026#></h3>
  <ul>
  <script language="JavaScript" src="<#ZC_BLOG_HOST#>function/c_html_js.asp?include=Catalog" type="text/javascript"></script>
  </ul>
  </div>

  三、有关注意事项

  1、在调整的过程中,发现控制面板和搜索这两部分不能使用JS调用;
  2、修改的时候,我都是直接复制JS代码,然后替换标签ID(标签ID即为二中红色加粗的代码)
  3、特别注意:网站收藏与友情链接的ID:FavoritesLinkage需要改为FavoriteLink才能显示标签调用效果。
  4、如果直接复制本文中的代码,请注意删除空格符号。

版权声明:未加注说明的文章均为本站原创首发,转载本站文章请遵循署名-非商业用途-保持一致的原则

文章标签:Z-Blog  主题  

首发网站:秋思工作室

原文链接:http://www.qiusi.me/post/54.html

欢迎在此发表评论,但请勿发垃圾广告评论或者违反国家法律或政策的言论,谢谢合作!

欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

文章存档

标签

©2017-2020 秋思工作室. All rights reserved. Powered by Z-Blog. Theme named Yahei and made free by Qiusi.

本作品采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可.