由上一篇<認識模板>後,大家已經可以從現有的模板中,複製出一個自己專屬的模板囉!接下來我們用toni這個模板,來說明如何在右邊的選單中新增連結。
[@more@]
進入管理介面→個人網誌設定→網誌模版編輯器→選擇自訂的模板後,列出這個模板的所有檔案,因為是編輯右邊的部份,因此點pannel.template檔進去
畫面接著列出pannel.template的程式碼出來,跟網頁呈現的比對一下,可以發現控制主選單的區塊就是下圖中的程式碼了
檢視一下這段程式碼(怕影響到呈現,下面把程式碼的<>都改成全形的<>)
<li id="wordpress">{$locale->tr("menu")}
<ul>
<li><a href="{$url->albumLink()}">{$locale->tr("albums")}</a></li>
</ul>
</li>
就是標準的HTML的語法,可以看到連結的寫法<a href="要連結的網址" >網頁呈現的字</a>。所以我們想加個TOP網的連結可以這樣寫
<li><a href="http://top.ilc.edu.tw/" >TOP網</a></li>
如果你要讓連結以開新視窗的方式呈現 可以寫成這樣
<li><a href="http://top.ilc.edu.tw/" target="blank">TOP網</a></li>
那前後的<li>…</li>指的是可以成為一個項目
而原本程式碼的{$url->albumLink()}代表的是plog產生的變數,所以如果你想新增一個連結 是顯示回網誌的首頁,可以寫成這樣
<li><a href="{$url->blogLink()}" >{$locale->tr("main")}</a></li>
呈現文字的 | 連結網址 |
{$locale->tr("search")|capitalize} 站內搜尋 {$locale->tr("main")} 主頁面 {$locale->tr("albums")} 資料夾 {$locale->tr("dashboard")} 管理面板 {$locale->tr("about")} 關於 | {$url->blogLink()} 回該網誌首頁 |
好了,現在你應該可以輸入自己要的連結囉!
注意,若複製這篇文章上面的程式碼,請把全形的<>再改為半形的<>喔!
最後,你要到個人網誌設定,把模板選到自己專屬修改的這個喔,不然是看不到更改的效果的!