Pbootcms V2.0.6 版本 tags 列表页标题优化

今天更新了最新的 pb, 发现能够自定义 tags 模板页面了,但是页面标题里面不包含 tag 名,感觉不美观,就在前端模板 tags.html 里面加了段  js,修改页面的标题。

由于 tag 页面链接变成了 https://savalone.com/tag/软件/ 这样,

所以我们要匹配到第四个和第五个“/”符号之间的“软件”

而结果匹配到的是“%E8%BD%AF%E4%BB%B6”

所以我们还要 decode 解码一下。

js 代码如下:

<script>
window.onload = function(){
var url = '{pboot:pageurl}';
var tagName = (decodeURI((url.split(///)[4]))); // 正则提取链接的第四和第五个'/'符号之间的参数,并解码
var sitetitle = '{pboot:sitetitle}';
document.title = tagName + '-' + sitetitle;
}
</script>

或者 jq:

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
$(function(){
var url = '{pboot:pageurl}';
var tagName = (decodeURI((url.split(///)[4]))); // 正则提取链接的第四和第五个'/'符号之间的参数,并解码
var sitetitle = '{pboot:sitetitle}';
$('title').html(tagName + '-' + sitetitle);
})
</script>

2020-3-22 更新

光标题优化了但是 tag 没有高亮,又加了段 js, 给当前的 tag 一个高亮 id

<script> 
 var obj=null; 
 var As=document.getElementById('widget-Tags').getElementsByTagName('a'); 
 obj = As[0]; 
 for(i=1;i<As.length;i++){if(window.location.href.indexOf(As[i].href)>=0) 
 obj=As[i];} 
 obj.id='cur'  
</script>

打赏

取消

感谢支持 Savalone !

扫码支持

打开支付宝扫一扫,即可进行扫码打赏哦


「本文由 Savalone 原创或搜集整理发布,转载请遵守 CC BY-NC-ND 4.0 许可!」
  • 5

  • 评论