dokuwiki:template:bootstrap3

差異處

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

連向這個比對檢視

下次修改 		前次修改
dokuwiki:template:bootstrap3 [2016/05/30 23:06]
ghsrobert 建立 		dokuwiki:template:bootstrap3 [2020/07/30 14:38] (目前版本)
ghsrobert [自訂] custom theme 成功
行 6: 行 6:
   * 很寬，且字型較小（相較於 [[.:writr]]）   * 很寬，且字型較小（相較於 [[.:writr]]）
   * 但 h1 又有點太大了吧！   * 但 h1 又有點太大了吧！
-  * 想要再換換別的看看+  * <del>想要再換換別的看看</del> 잠깐만! 
 +  * 看來它的 print style 也是完成度最高的 <<讚！>> 
 +  * <sup>20160531</sup> 哇！不管 tag 是在頁面原始碼的何處，它都能把 tag 漂漂亮亮地顯示在右上角 //namespace:pagename// 的旁邊耶！我開始可以慢慢感覺為何這個 template 會是目前人氣最高的了。 
 +===== 自訂 ===== 
 +  * ちょ、ちょとまって！Bootstrap3 果然有系統設定選項，而且看來是可以再套上 Bootswatch.com 的主題？？？而且還提供 theme switcher？ 
 +    * 目前沒看到 theme switcher。navbar 在哪啊？是最上面那一條嗎？ 
 +    * 試著建立了 [[navbar]]，發現確實是最上面那一條。但 theme switcher 仍未出現 
 +    * 唉呀！傻瓜！我忘了改 ''tpl»bootstrap3»bootstrapTheme''，怪不得還在用 vanilla Bootstrap theme 啦～ 
 +    * 很好，這下大大延長這套模板的壽命了！ 
 +    * 目前感覺最順眼舒服的是 ''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/30 23:06
  • 由 ghsrobert