PukiWiki改造 その7 (tile)
概要: †
追加機能(PLUGIN)です。
1.タイル(Tile) †
画像等をタイル状に表示します。
tile.inc.php
- 種別
マルチライン型プラグイン
- 書式
#tile(引数){{
ブロック要素
}};
- 概要
ブロック要素の各行をタイル状に表示します。
- 引数
名称 | 指定方法 | 例 | デフォルト | 説明 |
列数 | 数値 | 7 | 5 | タイル(テーブル)の列数を正整数で指定します。 |
背景色 | background:色 | background:green | 白 | 背景色を指定します。 |
ボーダー幅 | borderwidth:数値 | borderwidth:3 | なし | テーブルの枠の幅を指定します。 |
ボーダー色 | bordercolor:色 | bordercolor:#00ccff | 黒 | テーブルの枠の色を指定します。 |
シャッフル | shuffle | shuffle | なし | 表示順番をシャッフルする場合指定します。 |
- ブロック要素
タイル状に表示する各セルの内容を1行づつ列挙します。複数行にわたる内容は正常に表示されません。
- 使用方法
#tile(列数,background:色,borderwidth:数値,bordercolor:色,shuffle){{
文字列1
文字列2
文字列3
}};
- 処理内容
引数の列数のテーブルを作成し、文字列の各行を順番またはランダムにテーブルの各セルに配置します。
- 備考
引数に順番はありません。同じ種類の引数がある場合は最後の引数が優先されます。
- 使用例1
- 以下のように何も指定しないで、表示項目を列挙した場合です。
#tile(){{
&size(80){&color(red){Tile};}; <- 文字を修飾
&imgfolder(ship1.jpg){}; <- 画像の表示
&imgfolder(ship2.jpg){};
Tileプラグイン <- 文字をそのまま表示
&imgfolder(compas.jpg){};
&htmlinsert(GoogleAds); <- htmlinsertプラグインでGoogleAdsを表示
&imgfolder(ship1.jpg,80%){}; <- 画像を縮小して表示
&size(40){&color(#008080){a羅針盤};};
''acompass.net'' <- 文字を強調して表示
&size(30){&color(#993366){CentOS6};};
}}
Tile
|
|
| Tileプラグイン
|
|
|
| a羅針盤
| acompass.net
| CentOS6
|
- 使用例2
- 上記の表示項目で、各引数を以下のように設定した場合です。shuffleを指定しているので、ページを表示するたびに表示順序が変わります。
#tile(4,shuffle,border:5,background:green,bordercolor:#00ccff){{
|
| CentOS6
| Tile
|
|
| Tileプラグイン
| a羅針盤
|
| acompass.net
| | |