| 1427725501 | current | ||
|---|---|---|---|
| Line 2: | Line 2: | ||
| ---- plugin ---- | ---- plugin ---- | ||
| - | description: DokuWiki の埋込みアイコン | + | description: DokuWiki の中にアイコンを埋め込む |
| author : Giuseppe Di Terlizzi | author : Giuseppe Di Terlizzi | ||
| email : giuseppe.diterlizzi@gmail.com | email : giuseppe.diterlizzi@gmail.com | ||
| type : syntax, action | type : syntax, action | ||
| - | lastupdate : 2015-03-20 | + | lastupdate : 2016-04-02 |
| - | compatible : Weatherwax,hrun | + | compatible : Weatherwax, Hrun, Detritus |
| depends : | depends : | ||
| conflicts : | conflicts : | ||
| - | similar : | + | similar : fontawesome |
| tags : icons fontawesome glyphicon fugue oxygen silk flag | tags : icons fontawesome glyphicon fugue oxygen silk flag | ||
| - | downloadurl: http://github.com/LotarProject/dokuwiki-plugin-icons/zipball/master | + | downloadurl: https://github.com/LotarProject/dokuwiki-plugin-icons/zipball/master |
| - | bugtracker : http://github.com/LotarProject/dokuwiki-plugin-icons/issues | + | bugtracker : https://github.com/LotarProject/dokuwiki-plugin-icons/issues |
| - | sourcerepo : http://github.com/LotarProject/dokuwiki-plugin-icons/ | + | sourcerepo : https://github.com/LotarProject/dokuwiki-plugin-icons/ |
| donationurl: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=9LJDLVSNGYSA2 | donationurl: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=9LJDLVSNGYSA2 | ||
| Line 39: | Line 39: | ||
| {{icon>house}} | {{icon>house}} | ||
| - | より複雑な使用例： | + | {{ https://img-fotki.yandex.ru/get/66958/85226599.c/0_be81d_80ed63e2_orig.png?60*284|使用例}} |
| - | {{icon>house?24&circle&padding=10px&background&#DDD&color=#CCC}} | + | より複雑な使用例： |
| - | {{fa>house|My Home}} | + | <code> |
| - | {{fugue>user?24}} | + | {{icon>home?24&circle&padding=10px&background=#DDD&color=#CCC}} |
| + | {{fa>home|My Home}} | ||
| + | {{fugue>user?24}} | ||
| + | {{silk>anchor}} | ||
| + | {{flag>en}} | ||
| + | [[:wiki:welcome|{{fa>home?24|Welcome to DokuWiki}}]] | ||
| + | [[https://github.com/LotarProject/dokuwiki-plugin-icons|{{fa>github-square?24|Icons DokuWiki plugin on GitHub}}]] | ||
| + | </code> | ||
| ===== 構文 ===== | ===== 構文 ===== | ||
| - | 基本構文： | + | === 基本構文 === |
| <code>{{icon>icon-name&flags|title}}</code> | <code>{{icon>icon-name&flags|title}}</code> | ||
| - | * **icon** は以下のどれか： | + | |
| - | * //icon// --- デフォルトアイコン集 | + | === DokuWiki リンク構文 === |
| - | * //fa// --- Font Awesome | + | |
| - | * //glyphicon// --- Glyphicons | + | <code>[[:dokuwiki:page|{{icon>icon-name&flags|title}}]]</code> |
| - | * //fugue// --- Fugue | + | |
| - | * //oxygen// --- KDE Oxygen | + | === 外部リンク構文 === |
| - | * //silk// --- Silk | + | |
| - | * //flag// --- National Flags | + | <code>[[protocol://host/path|{{icon>icon-name&flags|title}}]]</code> |
| + | |||
| + | === 利用可能なアイコン集 === | ||
| + | |||
| + | ^ アイコン集 ^^ | ||
| + | | ''icon'' | デフォルトアイコン集（''defaultPack'' オプションを参照） | | ||
| + | | ''fa'' | Font Awesome | | ||
| + | | ''glyphicon'' | Glyphicons | | ||
| + | | ''typcn'' | Typicons | | ||
| + | | ''fugue'' | Fugue | | ||
| + | | ''oxygen'' | KDE Oxygen | | ||
| ===== 設定 ===== | ===== 設定 ===== | ||
| - | 管理者メニューにある DokuWiki の設定管理でプラグインの設定ができます。 | + | 管理者メニューにある DokuWiki の[[ja:plugin:config|設定管理]]でプラグインの設定ができます。 |
| + | |||
| + | ^ 設定オプション ^ デフォルト値 ^ 説明 ^ | ||
| + | ^ ''defaultSize'' | ''16'' | サイズが指定されていない場合のデフォルト値 | | ||
| + | ^ ''defaultPack'' | ''fa'' | 指定されていない場合のデフォルトアイコン集 | | ||
| + | ^ ''loadFontAwesome'' | ''On'' | //Font Awesome//: CSS の読込みの許可・禁止（Bootstrap3 ベースのテンプレートの場合、不可） | | ||
| + | ^ ''fontAwesomeURL'' | (CDN URL) | //Font Awesome// CDN or local URL | | ||
| + | ^ ''loadTypicons'' | ''On'' | //Typicons//: CSS の読込みの許可・禁止 | | ||
| + | ^ ''typiconsURL'' | (CDN URL) | //Typicons// CDN or local URL | | ||
| + | ^ ''fugueURL'' | (CDN URL) | //Fugue// CDN or local URL | | ||
| + | ^ ''oxygenURL'' | (CDN URL) | //KDE Oxygen// CDN or local URL | | ||
| + | ^ ''silkURL'' | (CDN URL) | //Silk// CDN or local URL | | ||
| + | ^ ''flagURL'' | (CDN URL) | //Flag// CDN or local URL | | ||
| + | |||
| + | **Flag アイコン集のための注意**：デフォルトでは、Dokuwiki 内に存在する [[plugin:translation|Translation plugin]] の flag を利用します。 | ||
| + | |||
| + | ===== 変数 ===== | ||
| + | |||
| + | ^ 変数 ^ 値 ^ 説明 ^ | ||
| + | | ''size'' | （''defaultSize'' オプションを参照） | アイコンサイズ（ピクセル単位） | | ||
| + | | ''pack'' | （''defaultPack'' オプションを参照） | アイコン集 (fa, glyphicon, fugue, oxygen) | | ||
| + | | ''circle'' | - | アイコンの周囲に //circle// を作成 | | ||
| + | | ''border'' | - | アイコンの周囲に//境界線//を追加 | | ||
| + | | ''borderColor''| - | 境界線の色設定 | | ||
| + | | ''padding'' | - | アイコンに//余白//を適用（ピクセル単位） | | ||
| + | | ''background'' | - | アイコンに//背景色//を適用（16進数か色名） | | ||
| + | | ''color'' | - | アイコンに//色//を適用（16進数か色名） | | ||
| + | | ''class'' | - | アイコンに CSS クラスを追加（Font Awesome や Glyphicon で便利） | | ||
| + | | ''align'' | ''left|center|right'' | アイコンの配置（//left//・//right//・ //center//） | | ||
| + | | ''left'' | - | アイコンを//左寄せ// | | ||
| + | | ''right'' | - | アイコンを//右寄せ// | | ||
| + | | ''center'' | - | アイコンを//中央揃え// | | ||
| + | |||
| + | ==== Font Awesome 変数 ==== | ||
| + | |||
| + | ^ 変数 ^ 値 ^ 説明 ^ | ||
| + | | ''lg'' | - | アイコンサイズを 33% 拡大 | | ||
| + | | ''2x|3x|4x|5x'' | - | アイコンサイズを拡大 | | ||
| + | | ''border'' | - | アイコンに境界線を追加 | | ||
| + | | ''spin'' | - | 回転動作を追加 | | ||
| + | | ''pulse'' | - | 脈動動作を追加 | | ||
| + | | ''rotate'' | ''90|180|270'' | アイコンを回転する | | ||
| + | | ''flip'' | ''horizontal|vertical'' | アイコンを反転する | | ||
| + | | ''pull-left'' | - | 左にアイコンを引き出す | | ||
| + | | ''pull-right'' | - | 右にアイコンを引き出す | | ||
| - | ^ 設定オプション ^ Flag ^ デフォルト値 ^ 説明 ^ | ||
| - | ^ ''defaultSize'' | - | ''16'' | サイズが指定されていない場合のデフォルト値 | | ||
| - | ^ ''defaultPack'' | - | ''fa'' | 指定されていない場合のデフォルトアイコン集 | | ||
| - | ^ ''loadFontAwesome'' | - | ''On'' | //Font Awesome//: CSS の読込みの許可・禁止 | | ||
| - | ^ ''fontAwesomeURL'' | - | (CDN URL) | //Font Awesome//: CDN or local URL | | ||
| - | ^ - | ''size'' | （''defaultSize'' オプションを参照） | アイコンサイズ（ピクセル単位） | | ||
| - | ^ - | ''pack'' | （''defaultPack'' オプションを参照） | アイコン集 (fa, glyphicon, fugue, oxygen) | | ||
| - | ^ - | ''circle'' | - | アイコンの周囲に //circle// を作成 | | ||
| - | ^ - | ''border'' | - | アイコンの周囲に//境界線//を追加 | | ||
| - | ^ - | ''borderColor''| - | 境界線の色設定 | | ||
| - | ^ - | ''padding'' | - | アイコンに//余白//を適用（ピクセル単位） | | ||
| - | ^ - | ''background'' | - | アイコンに//背景色//を適用（16進数か色名） | | ||
| - | ^ - | ''color'' | - | アイコンに//色//を適用（16進数か色名） | | ||
| - | ^ - | ''class'' | - | アイコンに CSS クラスを追加（Font Awesome や Glyphicon で便利） | | ||
| - | ^ - | ''align'' | ''left|center|right'' | アイコンの配置（//left//・//right//・ //center//） | | ||
| - | ^ - | ''left'' | - | アイコンを//左寄せ// | | ||
| - | ^ - | ''right'' | - | アイコンを//右寄せ// | | ||
| - | ^ - | ''center'' | - | アイコンを//中央揃え// | | ||
| ===== デモ ===== | ===== デモ ===== | ||
| - | デモと使用例は、[[http://lotar.altervista.org/dokuwiki/wiki/plugin/icons]] にあります。 | + | デモと使用例は、[[http://www.lotar.altervista.org/dokuwiki/wiki/plugin/icons]] にあります。 |
| ===== 開発 ===== | ===== 開発 ===== | ||
| Line 91: | Line 135: | ||
| {{rss>https://github.com/LotarProject/dokuwiki-plugin-icons/commits/master.atom 5 author date 1h }} | {{rss>https://github.com/LotarProject/dokuwiki-plugin-icons/commits/master.atom 5 author date 1h }} | ||
| - | |||
| - | === バグ報告と機能要望 === | ||
| - | |||
| - | バグ報告と機能要望は[[http://github.com/LotarProject/dokuwiki-plugin-icons/issues|バグ追跡システム]]にお願いします。 | ||
| === 既知のバグと問題点 === | === 既知のバグと問題点 === | ||
| + | |||
| + | バグ報告と機能要望は[[https://github.com/LotarProject/dokuwiki-plugin-icons/issues|バグ追跡システム]]にお願いします。 | ||
| === ToDo と要望一覧 === | === ToDo と要望一覧 === | ||
| Line 104: | Line 146: | ||
| ===== FAQ ===== | ===== FAQ ===== | ||
| + | |||
| + | === 携帯用の DokuWiki に Font Awesome や Glyphicon をインストールする方法 === | ||
| + | |||
| + | 最初に Font Awesome パッケージをダウンロードし、DokuWiki 内にインストールディレクトリ（例：''assets/font-awesome''）を作成し、全ファイルを配置します。 | ||
| + | 次に[[ja:plugin:config|設定管理]]内で ''loadFontAwesome'' を有効にし、''fontAwesomeURL'' に Font Awesome パッケージのローカル URL（例：''/dokuwiki/assets/font-awesome/css/font-awesome.min.css''） を入力します。 | ||
| + | |||
| + | 代替案は、Font Awesome と Glyphicon を同梱したテンプレート（[[ja:template:bootstrap3|Bootstrap3 テンプレート]]）を使うことです。 | ||
| ===== 議論 ===== | ===== 議論 ===== | ||
↧
ja:plugin:icons - 2016-04-06 版
↧