#navi(Manual)
#contents
------------------------------
* E [#q45dc325]
**edit [#i1e8d3e8]
:種別|
~コマンド
~インライン型プラグイン
:重要度|
~★★★★★
:書式|
#code(java){{
::cmd/edit?page=ページ名&edit([ページ名{[,nolabel][,noicon]}]){ラベル名};
}}
:概要|
~指定したページを編集します。
:引数|
~コマンド型の記述では、ページ名に編集するページを指定します。ページ名はエンコードされていなければなりません。
~インライン型の記述では、ページ名は編集するページを指定します。省略時は設置したページです。
~nolabel,noicon,ラベル名 でリンクの表示方法を指定します。
--nolabel － 編集用リンクの文字列をnoicon 指定時は短縮表記、未指定時は省略します。
--noicon － 編集用リンクに画像を表示しません。
--ラベル名 － 編集用リンクの文字列として表示する文字列を指定します。
**embed [#f1173198]
:種別|
~ブロック型プラグイン
:重要度|
~★★★★★
:書式|
#code(java){{
#embed(url[,width])
}}
:概要|
~汎用お手軽埋め込みプラグイン
1ページに20個まで設置可能です。
flexboxと組み合わせて使うと、横に並べることができます。
:引数|
--url
埋め込み対象のURLを指定して下さい。
--width
埋め込み枠の横幅をしてして下さい(px)
:備考|
~&color(blue){embed がサポートするのは「oEmbed 等のオープンな埋め込み方法が公式に提供されているもの」となります。};
--facebook.com
--www.facebook.com
--calendar.google.com
--gist.github.com
--github.com
--imgur.com
--i.imgur.com
--instagram.com
--www.instagram.com
--instagr.am
--mixcloud.com
--www.mixcloud.com
--soundcloud.com
--streamable.com
--vimeo.com
--youtube.com
専用のyoutubeプラグインもあります。
--youtu.be
--www.youtube.com
* F [#k3b5cf35]
**flex_container, flex_box [#i49dd47f]
:種別|
~ブロック型プラグイン
:重要度|
~★★★★★
:書式|
#code(java){{{{
#flex_container([配置方法][,列幅の初期値][,折り返し方法]){{{
#flex_box([幅]){{
...
}}
#flex_box([幅]){{
...
}}
#flex_box([幅]){{
...
}}
}}}
}}}}
:概要|
~Flexbox (Flexible Box Layout Module) は CSS3 から導入された柔軟なボックス型レイアウトモードです。
今まで表組だけでは難しかったレイアウトが簡単にできるようになります。
flex_container と flex_box を入れ子にすることで水平方向に並べることができ、コンテンツの幅によって折り返されます。
:flex_container 引数|
--配置方法
|>|~位置による配置|h
|center|flex_boxを中央に寄せる|
|flex-start|flex_box,flex_containerを先頭に寄せる|
|flex-end|flex_box,flex_containerを末尾に寄せる|
|>|~均等配置|
|&nobr(space-between);|各flex_boxを均等に配置し最初のflex_boxは先頭に寄せ、最後のflex_boxは末尾に寄せる|
|space-around|各flex_boxを均等に配置し各flex_boxの両側に半分の大きさの間隔を置く|
|space-evenly|各flex_boxを均等に配置し各flex_boxの周りに同じ大きさの間隔を置く&color(Red){*IE11非対応};|
|stretch|各flex_boxを均等に配置し明示的なサイズ指定がないflex_boxは、flex_containerに合わせて引き伸ばす&color(Red){*IE11非対応};|
--列幅の初期値
|>|~幅を指定する|h
|なにも書かない|ブラウザにおまかせで内容や flex_content によって自動的に幅が決まる|
|px|固定幅 例:#flex_container(flex-start,&color(Blue){300};){{{...|
|%|親のflex_containerの main size に対する% 例:#flex_container(flex-start,&color(Blue){33%};){{{...|
--折り返し方法
|>|~折り返し方法|h
|wrap|できるだけ内容の改行を維持しようとし、余裕があればボックスを横に並べ、余裕がなければボックスを折り返す。単一のボックスでもう画面幅に収まらない場合は内容テキストを折り返す|
|nowrap|積極的に内容テキストを折り返し、それぞれのボックスに相応の幅で縮んでもらって、すべてのボックスを横並びにする|
:flex_box 引数|
--幅
|>|~幅を指定する|h
|なにも書かない|ブラウザにおまかせで内容や flex_content によって自動的に幅が決まる|
|px|固定幅 例:#flex_box(&color(Blue){300};){{...|
|%|親のflex_containerの main size に対する% 例:#flex_box(&color(Blue){33%};){{...|
:備考|
&color(Red){外部埋め込みコンテンツ（embedプラグイン等）が正しく並ばない場合があります。};
&color(Red){幅を指定することで改善します。};
&color(Red){必ず、flex_containerの中にflex_boxを配置してください。};
**fold [#h50cec23]
:種別|
~ブロック型プラグイン
:重要度|
~★★★★★
:書式|
#code(java){{{
#fold(もっと見る){{
隠されていたテキスト
複数行
複数行
複数行
複数行
複数行
}}
}}}
:概要|
~長くなった記事を折りたたみ、読みやすくすることができます。
:引数|
~(もっと見る) 閉じられている状態で表示するテキストです。
:備考|
~{{ と }} を使って上下挟みます。
&color(red){''※従来の書式 region ~ endregion は非推奨になりました。''};
すでに region を使って書かれた記事は、内部的に fold に置き換えられます。
非推奨プラグインとなった region が今後使えなくなるということはありません。
ただし、fold を使う方が処理が軽くなるので、わざわざ遅い方を使うのはお勧めしません。
* G [#u7ef1376]
**google_form [#t1d9cb0f]
~ブロック型プラグイン
:重要度|
~★★★☆☆
:書式|
#code(java){{
#google_form(google-form-url,width,height)
}}
:概要|
~GoogleFormを埋め込むことができます。
:引数|
--google-form-url : 埋め込みコード内にある <iframe src="{{ ここ }}"... の部分
--width : 横幅
--height : 高さ
:引数例|
#code(java){{
#google_form(https://docs.google.com/forms/d/e/1FAIpQLSfYJSNMDeZ8oW_K8R9qqBENiBEYwMt06ABERKiapfaXue39Kg/viewform?embedded=true,840,1300)
}}
**google_map [#fcccc0c7]
:種別|
~ブロック型プラグイン
:重要度|
~★☆☆☆☆
:書式|
#code(java){{
#google_map(google-map-url,width,height)
}}
:概要|
~GoogleMapを埋め込むことができます。
:引数|
--google-map-url : 埋め込みコード内にある <iframe src="{{ ここ }}"... の部分
--width : 横幅
--height : 高さ
:引数例|
#code(java){{
#google_map(https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3280.70812469815!2d135.52401261523178!3d34.68731528043785!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6000e0cd5c283afd%3A0xf01d07d5ca11e41!2z5aSn6Ziq5Z-O!5e0!3m2!1sja!2sjp!4v1531131317590,600,300)
}}
**google_spreadsheet [#obd16bc7]
:種別|
~ブロック型プラグイン
:重要度|
~★★★☆☆
:書式|
#code(java){{
#google_spreadsheet(google-spreadsheet-url,width,height)
}}
:概要|
~GoogleSpreadsheetを埋め込むことができます。
:引数|
--google-spreadsheet-url : 埋め込みコード内にある <iframe src="{{ ここ }}">... の部分
--width : 横幅 px or %
--height : 高さ px or %
:引数例|
#code(java){{
#google_spreadsheet(https://docs.google.com/spreadsheets/d/e/2PACX-1vQhGzl9WkzaQ25GNt313X0KfwDfhzJlNfcM5v9Ac0KAmOQ-aZiG0If7-VP3p12U3_jkcuJRhHEu4TCP/pubhtml?gid=0&single=true&widget=true&headers=false,690,300)
}}
#navi(Manual)