輪撥

2015年5月11日 星期一

[Blogger] 使用變數讓選單列更為彈性


最近Chris在幫Blogger更換主題,發現其實Blogger的主題也很多的,而且很精美,才花不到30分鐘,就找到不錯的主題了,於是立馬編輯我的新主題啦,因為Chris是從Wordpress 轉到Blogger的,所以要從重新習慣編輯主題的方式,而Blogger編輯主題的選項,其實也滿容易找的,方式如下:

範本→編輯HTML
在編輯上方選單列的過程中,發現Blogger 真的很彈性,彈性到選單列裡面的網址都可以任意去制訂,也就是說不用一定是要本網站的URL才能放上選單列,於是呢就將原本某一個範例選單列改成<li><a href='https://its-security.blogspot.tw/search/label/%E8%B3%87%E8%A8%8A%E5%AE%89%E5%85%A8'>資訊安全</a></li>
雖然改完可以用,不過總覺得哪邊怪怪的,原來是上面藍字的部分,我的Domain Name 是寫死在範本裡頭的,未來如果Domain Name改變就必需修改範本原始碼,雖然Google會幫你做轉址,不過當滑鼠移到連結時,左下角會顯示你之前的Domain Name,多少會讓使用者觀感不好,如果資安意識很強的人還以為是釣魚網站呢。

所以為了讓Blogger具有更動態的調整性,就必須將原本寫死在Blogger的Template 的連結

<li><a href='http://i-fashion-style.blogspot.tw/search/label/%E6%BC%8F%E6%B4%9E'>重大漏洞</a></li>

更改為

<li><a expr:href='data:blog.homepageUrl + &quot;search/label/漏洞&quot;'>重大漏洞</a></li>

請自行修改紅字部分
從上方的程式碼來看,兩個不同的寫法輸出會相同,而下面那種寫法更加彈性

範例1:
範例2:
改成用變數的方式,會使得我們所寫下的程式碼既彈性且單純,不用擔心未來更換Domain Name了。

沒有留言:

張貼留言

網頁