文書の過去の版を表示しています。
目次
Bootstrap3 テンプレート
この拡張は二年以上更新されていません。もはや維持管理や対応がされておらず、互換性に問題がある可能性があります。
This extension is not in the 'plugin' or 'template' namespace and is therefore ignored.
必要とされるプラグイン twistienav4bootstrap3
カスタマイズの自由度が高い Bootstrap を基にした DokuWiki 用テンプレート。
このテンプレートはレスポンシブで全ての機器(携帯・タブレット・デスクトップなど)に対応して設計されています。
私の Bootstrap ラッパープラグインとアイコンプラグインを使用して映像・ユーザー体験は完成します。
機能
- HTML5
- Bootstrap 3.x を基にしたテンプレート
- Glyphicons アイコン
- 設定管理による自由度が高いカスタマイズ
- 多くの html フック
- レスポンシブ
- サイドバーに対応(左側又は右側)
- 右サイドバーに対応(下記の注を参照)
- Bootswatch が作成した多くのテーマ
- Bootswatch.com テーマのテーマ切替
- 左と右サイドバーの大きさ
映像巡回を参照して下さい。
プラグインの統合
翻訳
- English
- Italian
- German
- Japanese
- Spanish
- Russian
- Simplified Chinese
ダウンロードとインストール
設定
テーマ
オプション | 説明 | デフォルト値 |
---|---|---|
bootstrapTheme | Bootstrap テーマ (default Bootstrap テーマ・default+optional Bootstrap が作成したテーマ・bootswatch テーマ・custom テーマ) | default |
bootswatchTheme | Bootswatch が作成したテーマ | spacelab |
customTheme | custom テーマの URL | |
showThemeSwitcher | navbar 内に Bootswatch テーマ用のテーマ切替を表示する | 0 |
hideInThemeSwitcher | テーマ切替内で隠すテーマ |
サイドバー
オプション | 説明 | デフォルト値 |
---|---|---|
sidebarPosition | サイドバーの配置(left ・right ) | left |
rightSidebar | 右サイドバーのページ名 | rightsidebar |
leftSidebarGrid | 左・右サイドバーの grid クラスcol-{xs,sm,md,lg}-x (Bootstrap Grids マニュアルを参照) | col-sm-3 col-md-2 |
rightSidebarGrid | col-sm-3 col-md-2 |
右サイドバー
デフォルトの DokuWiki サイドバーサイドバーが有効で left
に配置した場合(tpl > bootstrap3 > sidebarPosition
設定を参照)のみ右サイドバーを表示します。
DokuWiki サイドバーを右側に配置したい場合、tpl > bootstrap3 > sidebarPosition
設定を right
にしてください。
Navbar
オプション | 説明 | デフォルト値 |
---|---|---|
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@ |
Cookie Law Banner Notice
オプション | 説明 | デフォルト値 |
---|---|---|
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 | 右サイドバーの最下部 |
このテンプレートの使用例
- http://lotar.altervista.org/dokuwiki (メインサイト – 構文ページを参照)
映像巡回
開発
変更履歴
- Bootstrap3 Template v2024-02-06 by giterlizzi (2024-02-06 18:50)
- Merge branch 'develop' by giterlizzi (2024-02-06 18:47)
- Fix typo in detail.php by giterlizzi (2024-02-06 18:43)
- Fix warnings by giterlizzi (2024-02-06 18:40)
- Merge branch 'ludenticus-patch-1' into develop by giterlizzi (2024-02-06 17:48)
バグ・機能要望
バグ追跡システムでバグや機能要望を報告してください。
既知のバグと問題
ToDo・要望一覧
ヘッダー内のユーザーアイコンの表示・非表示テーマ切替内で bootswatch.com から全部ではなくいくつかのテーマを表示する選択肢がある。
FAQ
議論
Discussion を参照して下さい。