ja:template:bootstrap3
差分
このページの2つのバージョン間の差分を表示します。
最新のリビジョン両方とも次のリビジョン | |||
ja:template:bootstrap3 [2015-03-27 10:10] – 作成 sawachan | ja:template:bootstrap3 [2015-08-21 02:47] – 2015-08-20 22:44 版 sawachan | ||
---|---|---|---|
行 2: | 行 2: | ||
---- template ---- | ---- template ---- | ||
- | description | + | description |
author | author | ||
email : giuseppe.diterlizzi@gmail.com | email : giuseppe.diterlizzi@gmail.com | ||
- | lastupdate_dt : 2015-03-24 | + | lastupdate_dt : 2015-08-20 |
- | compatible | + | compatible |
depends | depends | ||
conflicts | conflicts | ||
similar | similar | ||
- | screenshot_img: | + | screenshot_img: |
- | tags : bootstrap navbar sidebar hooks bootswatch themes responsive | + | tags : bootstrap |
downloadurl | downloadurl | ||
行 19: | 行 19: | ||
---- | ---- | ||
- | Bootstrap を基にした DokuWiki 用テンプレート | + | カスタマイズの自由度が高い |
このテンプレートはレスポンシブで全ての機器(携帯・タブレット・デスクトップなど)に対応して設計されています。 | このテンプレートはレスポンシブで全ての機器(携帯・タブレット・デスクトップなど)に対応して設計されています。 | ||
+ | |||
+ | 私の [[: | ||
===== 機能 ===== | ===== 機能 ===== | ||
- | * [[# | + | |
- | * 多くの[[# | + | * Bootstrap 3.x を基にしたテンプレート |
+ | * Glyphicons アイコン | ||
+ | | ||
+ | * 多くの [[# | ||
* レスポンシブ | * レスポンシブ | ||
- | * サイドバーに対応 | + | * サイドバーに対応(**左側**又は**右側**) |
+ | * 右サイドバーに対応(下記の[[# | ||
* [[https:// | * [[https:// | ||
- | * テーマ切替 | + | * Bootswatch.com テーマのテーマ切替 |
+ | * 左と右サイドバーの大きさ | ||
+ | * [[#Cookie Law Banner Notice]] | ||
+ | |||
+ | [[# | ||
+ | |||
+ | ==== プラグインの統合 ==== | ||
+ | |||
+ | * [[: | ||
+ | * [[: | ||
+ | * [[: | ||
+ | * [[: | ||
+ | * [[: | ||
+ | * [[: | ||
+ | * [[: | ||
+ | * [[: | ||
+ | |||
+ | ==== 翻訳 ==== | ||
+ | |||
+ | * English | ||
+ | * Italian | ||
+ | * German | ||
+ | * Japanese | ||
+ | * Spanish | ||
+ | * Russian | ||
+ | * Simplified Chinese | ||
===== ダウンロードとインストール ====== | ===== ダウンロードとインストール ====== | ||
- | このテンプレートのインストールには[[ja: | + | このテンプレートのインストールには[[:ja: |
- | DokuWiki でテンプレートをインストールして使用する方法は、[[ja: | + | DokuWiki でテンプレートをインストールして使用する方法は、[[:ja: |
===== 設定 ===== | ===== 設定 ===== | ||
- | ^ オプション | + | ==== テーマ ==== |
- | ^ '' | + | |
- | ^ '' | + | ^ オプション |
- | ^ '' | + | ^ '' |
- | ^ '' | + | ^ '' |
- | ^ '' | + | ^ '' |
- | ^ '' | + | ^ '' |
+ | ^ '' | ||
+ | |||
+ | ==== サイドバー ==== | ||
+ | |||
+ | ^ オプション | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | |||
+ | === 右サイドバー === | ||
+ | |||
+ | デフォルトの DokuWiki [[doku> | ||
+ | DokuWiki サイドバーを右側に配置したい場合、'' | ||
+ | |||
+ | ==== Navbar ==== | ||
+ | |||
+ | ^ オプション | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | |||
+ | ==== セマンティック ==== | ||
+ | |||
+ | セマンティックデータへの基本的な対応のために Schema.org マークアップを追加します。 | ||
+ | 完全に対応するには [[: | ||
+ | |||
+ | ^ オプション | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | |||
+ | ==== 配置 ==== | ||
+ | |||
+ | ^ オプション | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | |||
+ | ==== 議論 ==== | ||
+ | |||
+ | ^ オプション | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | |||
+ | ==== Cookie Law Banner Notice ==== | ||
+ | |||
+ | ^ オプション | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | |||
+ | The Cookie Law Banner Notice add a cookie called " | ||
+ | |||
+ | **JavaScript Snippet: | ||
+ | |||
+ | <code javascript> | ||
+ | if (DokuCookie.getValue(' | ||
+ | // Your JS code | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | **PHP Snippet: | ||
+ | |||
+ | <code php> | ||
+ | if ( ! (get_doku_pref(' | ||
+ | || get_doku_pref(' | ||
+ | // Your PHP code | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | ==== その他 ==== | ||
+ | |||
+ | ^ オプション | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | |||
+ | ===== テーマのカスタマイズ ===== | ||
+ | |||
+ | '' | ||
+ | Bootstrap3 のテーマは、現在のテーマを識別するための特別なクラスを ''< | ||
+ | |||
+ | <code css> | ||
+ | /** Vanilla Bootstrap Theme */ | ||
+ | |||
+ | body.default .page-header { | ||
+ | font-weight: | ||
+ | } | ||
+ | |||
+ | |||
+ | /** Optional Bootstrap Theme */ | ||
+ | |||
+ | body.optional .img-responsive { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | |||
+ | /** Custom Bootstrap Theme */ | ||
+ | |||
+ | body.custom .btn-success { | ||
+ | background-color: | ||
+ | } | ||
+ | |||
+ | |||
+ | /** Lumen - Bootswatch.com theme */ | ||
+ | |||
+ | body.lumen .navbar-default { | ||
+ | background-color: | ||
+ | } | ||
+ | </ | ||
===== 使用可能なフック ===== | ===== 使用可能なフック ===== | ||
- | 全てのファイルはテンプレートディレクトリ(例: '' | + | 全てのファイルはテンプレートディレクトリ(例: '' |
- | ^ ファイル名 | + | |
- | | meta.html | + | ^ ファイル名 |
- | | topheader.html | + | ^ '' |
- | | header.html | + | ^ '' |
- | | navbar.html | + | ^ '' |
- | | pageheader.html | パンくずリストの下。実際のコンテンツの上。 | + | ^ '' |
- | | pagefooter.html | 下部の青いバーの上。最終更新日付の下。 | + | ^ '' |
- | | footer.html | + | ^ '' |
+ | ^ '' | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | ^ '' | ||
+ | ^ '' | ||
===== このテンプレートの使用例 ===== | ===== このテンプレートの使用例 ===== | ||
- | * http:// | + | * http:// |
+ | * https:// | ||
+ | * http:// | ||
+ | * http:// | ||
+ | * http:// | ||
+ | * http:// | ||
+ | * http:// | ||
+ | * http:// | ||
+ | * http:// | ||
+ | * http:// | ||
+ | * http:// | ||
+ | |||
+ | ===== 映像巡回 ===== | ||
+ | |||
+ | ^ メインページ | {{http:// | ||
+ | ^ Navbar | {{http:// | ||
+ | ^ Navbar(携帯) | {{http:// | ||
+ | ^ 目次 | {{http:// | ||
+ | ^ 目次(折りたたみ) | {{http:// | ||
+ | ^ ツールメニュー | {{http:// | ||
+ | ^ タグプラグイン | {{http:// | ||
+ | ^ 翻訳プラグイン | {{http:// | ||
===== 開発 ===== | ===== 開発 ===== | ||
行 71: | 行 245: | ||
{{rss> | {{rss> | ||
- | === バグ報告と機能要望 === | + | === バグ・機能要望 === |
- | バグ報告と機能要望は[[http:// | + | [[http:// |
- | === 既知のバグと問題点 === | + | |
- | === ToDo と要望一覧 === | + | === 既知のバグと問題 === |
+ | |||
+ | === ToDo・要望一覧 === | ||
+ | |||
+ | * < | ||
+ | * < | ||
===== FAQ ===== | ===== FAQ ===== | ||
+ | |||
+ | ===== 議論 ===== | ||
+ | |||
+ | [[doku> |
ja/template/bootstrap3.txt · 最終更新: 2017-05-03 20:18 by Klap-in