DokuWiki

It's better when it's simple

ユーザ用ツール

サイト用ツール


ja:template:bootstrap3

文書の過去の版を表示しています。


Bootstrap3 テンプレート

互換性のある DokuWiki バージョン

Detritus, "Ponder Stibbons", Hrun

template Bootstrap を基にした DokuWiki 用テンプレート

最終更新日
2015-08-20
リポジトリ
ソース
競合
tablelayout

この拡張は二年以上更新されていません。もはや維持管理や対応がされておらず、互換性に問題がある可能性があります。

This extension is not in the 'plugin' or 'template' namespace and is therefore ignored.

タグ bootstrap, bootswatch, cookielaw, hooks, html5, navbar, responsive, right-sidebar, semantic, sidebar, themes

必要とされるプラグイン twistienav4bootstrap3

カスタマイズの自由度が高い Bootstrap を基にした DokuWiki 用テンプレート。

このテンプレートはレスポンシブで全ての機器(携帯・タブレット・デスクトップなど)に対応して設計されています。

私の Bootstrap ラッパープラグインアイコンプラグインを使用して映像・ユーザー体験は完成します。

機能

  • HTML5
  • Bootstrap 3.x を基にしたテンプレート
  • Glyphicons アイコン
  • 設定管理による自由度が高いカスタマイズ
  • 多くの html フック
  • レスポンシブ
  • サイドバーに対応(左側又は右側
  • 右サイドバーに対応(下記のを参照)
  • Bootswatch が作成した多くのテーマ
  • Bootswatch.com テーマのテーマ切替
  • 左と右サイドバーの大きさ

映像巡回を参照して下さい。

プラグインの統合

翻訳

  • English
  • Italian
  • German
  • Japanese
  • Spanish
  • Russian
  • Simplified Chinese

ダウンロードとインストール

このテンプレートのインストールには拡張機能管理を使用してください。

DokuWiki でテンプレートをインストールして使用する方法は、テンプレートを参照して下さい。

設定

テーマ

オプション 説明 デフォルト値
bootstrapTheme Bootstrap テーマ
default Bootstrap テーマ・default+optional Bootstrap が作成したテーマ・bootswatch テーマ・custom テーマ)
default
bootswatchTheme Bootswatch が作成したテーマ spacelab
customTheme custom テーマの URL
showThemeSwitcher navbar 内に Bootswatch テーマ用のテーマ切替を表示する 0
hideInThemeSwitcher テーマ切替内で隠すテーマ

サイドバー

オプション 説明 デフォルト値
sidebarPosition サイドバーの配置(leftright left
rightSidebar 右サイドバーのページ名 rightsidebar
leftSidebarGrid 左・右サイドバーの grid クラス
col-{xs,sm,md,lg}-xBootstrap Grids マニュアルを参照)
col-sm-3 col-md-2
rightSidebarGrid col-sm-3 col-md-2

右サイドバー

デフォルトの DokuWiki サイドバーサイドバーが有効で left に配置した場合(tpl > bootstrap3 > sidebarPosition 設定を参照)のみ右サイドバーを表示します。 DokuWiki サイドバーを右側に配置したい場合、tpl > bootstrap3 > sidebarPosition 設定を right にしてください。

オプション 説明 デフォルト値
inverseNavbar Navbar の色を反転する 0
fixedTopNavbar Navbar を上部に固定する 0
showTools Navbar 内にツールメニューを表示する always
showUserHomeLink ユーザーのホームページリンクを表示する 1
hideLoginLink Navbar 上のログインボタンを非表示にする。「読取り専用」の DokuWiki サイト(例:ブログ・個人的な Web サイト)には便利です。 0
individualTools Navbar 上のツールを個々のメニューに分割する 0
showIndividualTool Navbar 上の個々のツールを表示・非表示 user,site,page
showSearchForm Navbar 上の検索フォームを表示する always

セマンティック

セマンティックデータへの基本的な対応のために Schema.org マークアップを追加します。 完全に対応するには Semantic Plugin を利用して下さい。

オプション 説明 デフォルト値
semantic semantic データを有効にする 0
schemaOrgType Schema.org の型(Article, NewsArticle, TechArticle, BlogPosting Article

配置

オプション 説明 デフォルト値
fluidContainer Enable the fluid container (full-width of page) 0
pageOnPanel Enable the panel around the page 1
tableFullWidth 100% のテーブル幅を有効にする(Bootstrap のデフォルト) 1

議論

オプション 説明 デフォルト値
showDiscussion ツールメニュー内に議論リンクを表示する 0
discussionPage 議論ページ名(デフォルトは discussion:@ID@@ID@ は現在のページ名に置き換えるプレースホルダー)空の場合リンクは無効になる。 discussion:@ID@
オプション 説明 デフォルト値
showCookieLawBanner Enable the banner notice on footer 0
cookieLawBannerPage The name of DokuWiki page which contains a brief notice and two buttons for accept all cookies and read the full policy cookie:banner
cookieLawPolicy The name of DokuWiki page which contains a full policy cookie:policy

The Cookie Law Banner Notice add a cookie called “cookieNoticeAccepted” to use in your JavaScript/PHP code (eg. to add Google Analytics only when the user accept the policy).

JavaScript Snippet:

  if (DokuCookie.getValue('cookieNoticeAccepted')) {
    // Your JS code
  }

PHP Snippet:

  if ( ! (get_doku_pref('cookieNoticeAccepted', null)
       || get_doku_pref('cookieNoticeAccepted', '')) ) {
    // Your PHP code
  }

その他

オプション 説明 デフォルト値
showPageInfo Display the page info (author, etc…) 1
showTranslation 翻訳プラグイン ツールバーを表示する。 0
showBadges Show badge buttons (DokuWiki, Donate, etc) 1
showLoginOnFooter Display a “little” login link on footer. This option is useful when hideLoginLink is on 0

テーマのカスタマイズ

conf/userstyle.css(又はuserall.css)を編集してテーマをカスタマイズします。 Bootstrap3 のテーマは、現在のテーマを識別するための特別なクラスを <body/> に提供します。

  /** Vanilla Bootstrap Theme */
 
  body.default .page-header {
    font-weight: 900;
  }
 
 
  /** Optional Bootstrap Theme */
 
  body.optional .img-responsive {
    display: inline-block;
  }
 
 
  /** Custom Bootstrap Theme */
 
  body.custom .btn-success {
    background-color: green;
  }
 
 
  /** Lumen - Bootswatch.com theme */
 
  body.lumen .navbar-default {
    background-color: red;
  }

使用可能なフック

全てのファイルはテンプレートディレクトリ(例: lib/tpl/bootstrap3/)に置く必要があります。

ファイル名 HTML の挿入場所
meta.html HTML <head> の内側。style や metaheader を追加するために使用する。
topheader.html ページの最上部。<body> タグの直後。
header.html 上部の青いバーの上。ページ名と Wiki の題名の下。
navbar.html Navbar の中。リンクを追加するには使用する。(例:<li><a href=“/foo”>Foo</a></li>))
pageheader.html パンくずリストの下。実際のコンテンツの上。
pagefooter.html 下部の青いバーの上。最終更新日付の下。
footer.html ページの最後。</body> タグの直前。
sidebarheader.html サイドバーの最上部
sidebarfooter.html サイドバーの最下部
social.html header.html の下。ソーシャルボタン(例:Google+、Twitter、LinkedIn 等)を追加します。
rightsidebarheader.html 右サイドバーの最上部
rightsidebarfooter.html 右サイドバーの最下部

このテンプレートの使用例

映像巡回

メインページ
Navbar
Navbar(携帯)
目次
目次(折りたたみ)
ツールメニュー
タグプラグイン
翻訳プラグイン

開発

変更履歴

バグ・機能要望

バグ追跡システムでバグや機能要望を報告してください。

既知のバグと問題

ToDo・要望一覧

  • ヘッダー内のユーザーアイコンの表示・非表示
  • テーマ切替内で bootswatch.com から全部ではなくいくつかのテーマを表示する選択肢がある。

FAQ

議論

Discussion を参照して下さい。

ja/template/bootstrap3.1440118028.txt.gz · 最終更新: 2015-08-21 02:47 by sawachan

特に明示されていない限り、本Wikiの内容は次のライセンスに従います: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki