#author("2021-07-08T11:21:54+09:00;2021-07-08T03:03:39+09:00","default:kanateko","kanateko")
#tag(プラグイン,自作,追加,未公開)

#flex{{
|CENTER:&ref(box.jpg,nolink,500x0);|
}}

#contentsx
*デザインボックス作成プラグイン [#ia166836]

#style(class=table_float_right){{
|>|~box.inc.php|h
|RIGHT:100|150|c
|~製作者|kanateko|
//|~ライセンス|GPLv3|
|~バージョン|1.2|
|~動作確認|PukiWiki 1.5.3 ~|
|~最終更新|2021-07-08|

}}

注意やインフォメーション、引用など、事前に用意されている様々なデザインのボックスを利用できるプラグイン。

:このプラグインでできること|
--視覚的にわかりやすいデザインボックスを表示する
---一部のボックスには追加のオプションあり
--高さや幅を変更可能
#clear

*ダウンロード[#nc904a0b]
//最新: [[GitHub>https://github.com/kanateko/pukiwiki-plugin]]

#box(caution){{{
このプラグインは現在公開されていません。

#ac(未公開の理由){{
プラグインの機能としてはクラスを追加しているだけで、実態はほぼCSSによるデザインのため。
}}
}}}

|~日付|~バージョン|~備考|h
|2021-07-08|1.2|#ul(wipタイプを追加,ボックスの位置を指定するオプションを追加)|
|2021-06-30|1.1|#ul(warning、caution、info、hint、check、labelタイプのボックスを追加)|
|2021-03-29|1.0|#ul(初版作成)|

//*インストール [#ma9d057e]

//*プラグイン設定 [#l10e79ce]

*使用方法 [#gf4f575f]
 #box(タイプ[,オプション]){{
 ボックスの内容
 ︙
 }}

**ボックスタイプ [#o455f1c7]
必ず最初に指定する。
#flex(flex-start,245){{{
#box(warning){{
''warning''
}}
#-
#box(caution){{
''caution''
}}
#-
#box(info){{
''info''
}}
#-
#box(hint){{
''hint''
}}
#-
#box(check){{
''check''
}}
#-
#box(wip){{
''wip''
}}
#-
#box(quote){{
''quote''
}}
#-
#box(label,title=ラベル){{
''label''
}}
}}}
**オプション (全タイプ共通) [#r5a1e4d3]
:width=xxx|
ボックスの横幅
:hegiht=xxx|
ボックスの高さ
:left, center, right|
ボックスの位置


**quote (引用ボックス) のみ [#sd2c71f6]
:cite=xxx|
引用元の表示

**label (ラベルボックス) のみ [#f34a3268]
:title=xxx|
左上のラベルに表示する文章
:color= [red, orange, yellow, green, blue, mono]|
ボックスのカラー。デフォルトはmono (モノトーン)


*使用例 [#me8eb03d]
**情報ボックス [#d160327a]
 #box(info){{
 widthを指定しない場合、画面の幅いっぱいまで引き伸ばされる。
 }}
#box(info){{
widthを指定しない場合、画面の幅いっぱいまで引き伸ばされる。
}}

**引用ボックス [#f7922f8f]
 #box(quote,cite=枕草子 第1段){{
 春はあけぼの。やうやうしろくなりゆく山ぎは、すこしあかりて、紫だちたる雲のほそくたなびきたる。
 }}
#box(quote,cite=枕草子 第1段){{
春はあけぼの。やうやうしろくなりゆく山ぎは、すこしあかりて、紫だちたる雲のほそくたなびきたる。
}}

**ラベルボックス [#cbeb6b97]
 #box(label,title=MEMO MEMO MEMO MEMO MEMO MEMO,color=green){{
 左上のラベルは本体の60%の長さが最大。それ以上の長さの文章は省略される。
 }}
#box(label,title=MEMO MEMO MEMO MEMO MEMO MEMO,color=green){{
左上のラベルは本体の60%の長さが最大。それ以上の長さの文章は省略される。
}}

*追加したい機能 [#rc557fc6]
-特になし。使いやすそうなデザインがあればそのうち追加するかもしれない。

*コメント [#n8472dd2]
#pcomment(,10,above,reply)