差異處

這裏顯示兩個版本的差異處。

連向這個比對檢視

Both sides previous revision 前次修改
下次修改
前次修改
dokuwiki:template:bootstrap3 [2016/05/31 00:46]
ghsrobert [自訂]
dokuwiki:template:bootstrap3 [2020/07/30 14:38] (目前版本)
ghsrobert [自訂] custom theme 成功
行 8: 行 8:
   * <del>想要再換換別的看看</del> 잠깐만!   * <del>想要再換換別的看看</del> 잠깐만!
   * 看來它的 print style 也是完成度最高的 <<讚!>>   * 看來它的 print style 也是完成度最高的 <<讚!>>
 +  * <sup>20160531</sup> 哇!不管 tag 是在頁面原始碼的何處,它都能把 tag 漂漂亮亮地顯示在右上角 //namespace:pagename// 的旁邊耶!我開始可以慢慢感覺為何這個 template 會是目前人氣最高的了。
 ===== 自訂 ===== ===== 自訂 =====
   * ちょ、ちょとまって!Bootstrap3 果然有系統設定選項,而且看來是可以再套上 Bootswatch.com 的主題???而且還提供 theme switcher?   * ちょ、ちょとまって!Bootstrap3 果然有系統設定選項,而且看來是可以再套上 Bootswatch.com 的主題???而且還提供 theme switcher?
行 15: 行 16:
     * 很好,這下大大延長這套模板的壽命了!     * 很好,這下大大延長這套模板的壽命了!
     * 目前感覺最順眼舒服的是 ''Journal'' 及 ''Readable''     * 目前感覺最順眼舒服的是 ''Journal'' 及 ''Readable''
 +  * /^20160617^/ 再次試用 navbar,且是要弄 per namespace navbar <wrap ex>[[robert:navbar|robert:navbar]]</wrap> 
 +    * 看來只能放 <ul>,也不能放其他 HTML 元素,不然就會把它撐爆 
 +    * 不過 <ul> 不放連結,只放文字,總行吧?← 那樣無法變成預期的大按鈕樣式,一定要做成連結才行~ 
 +  * /^20160617^/ 那把 navbar 改名為 pageheader 試試 → 結果就跟使用 [[[[dokuwiki:headerfooter|headerfooter]] 的效果差不多;不過比較好維護就是了 
 +  * /^20200730^/ ''tpl»bootstrap3»customTheme'' 總算成功!\\ 一直都想試試這個選項,嘗試更多不同的第三方 theme,今天參考 [[https://github.com/giterlizzi/dokuwiki-template-bootstrap3/issues/169|How to setup a custom existing Bootstrap theme? · Issue #169 · giterlizzi/dokuwiki-template-bootstrap3 · GitHub]],試了:<div> 
 +  * [[http://yago.github.io/Bootsketch/build/css/bootsketch.css|Bootsketch]] ✔ 
 +  * 從 [[https://www.bootstrap-live-customizer.com/|Bootstrap Live Customizer]] 下載一個 Amelia 後放到 NAS host 起來 ✔ 
 +</div>呼!總算完全解放 Bootstrap3 template 的潛力了!感謝 神!
 ===== 功能 ===== ===== 功能 =====
-  * 提供社群分享按鈕?! +  * 提供社群分享按鈕?!← <sup>20160531</sup> 好像是開 ''tpl»bootstrap3»showPageIcons'' 
-  * 還有可摺疊的第二級區段?+  * 還有可摺疊的第二級區段?← 看來是在 TOC 中摺疊
   * 準備琵琶別抱前才發現可以設定的選項好多哦!   * 準備琵琶別抱前才發現可以設定的選項好多哦!
 +  * 也支援 Google Analytics 耶,之後正式公開後可以用用吧
 +  * /^20160617^/ 發現它也有提供 pageheader、pagefooter!
 +  * 提供圖示:
 +    * Font Awesome ☞ [[http://fontawesome.io/icons/|Font Awesome Icons]]
 +    * Glyphicon(實際上是 Glyphicon Halflings,沒那麼多)☞ [[http://glyphicons.com/|Sharp and clean symbols - GLYPHICONS.com]]
 +===== 參考 =====
 +{{url>https://www.dokuwiki.org/template:bootstrap3}}
  • 上一次變更: 2016/05/31 00:46
  • ghsrobert