文書の表示

以前のリビジョン

文書の先頭へ

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- aboutwiki [2026/02/04 14:53] – [開閉コンテンツの作り方]
+++ aboutwiki [2026/02/04 21:47] (現在) – [voteプラグインの使い方]
@@ 行 30: / 行 30: @@
 | sortablejs     | wiki編集画面で表を%%<sortable></sortable>%%で囲むと表ソートが可能になります        |
-===== 開閉コンテンツの作り方 =====
+===== 開閉コンテンツ（アコーディオンメニュー）の作り方 =====
 WRAPプラグインを改造して開閉ボタンと開閉コンテンツを設定できるようにしました。
-使い方は編集画面でWRAPプラグインのアイコンを押して、一番下のアイコン2つがそれぞれ「開閉ボタン」と「開閉コンテンツ」を挿入するボタンです。
+使い方は編集画面上部のWRAPプラグインのアイコンを押して、一番下のアイコン2つがそれぞれ「開閉ボタン」と「開閉コンテンツ」を挿入するボタンです。
+ボタンにしたい文章（画像でもOK）を選択して編集画面上部の「開閉ボタン」のアイコンポチっ、でボタンが出来上がります。
+んで次にボタンが押されるまで非表示にしたい文章（表、画像なんでも）を全部選択し、んで「開閉コンテンツ」のアイコンをポチっ、でOK。
+※プログラム的に開閉ボタンのすぐ下の開閉コンテンツの表示/非表示を切り替えてるだけなので、ボタンとコンテンツの間に違う文章とかがちょっとでも挟まると開閉しなくなります。
 <WRAP box white>
-== 使用例： ==
+== 使用例①： ==
 <WRAP czn-toggle-button>
 開閉ボタンに表示する文字
 </WRAP>
 <WRAP czn-toggle-content>
-開閉で表示非表示を切り替えるコンテンツ。
+開閉で表示非表示を切り替える文章たち。
 |表や|画像もOK|
+{{:rei.png?nolink&70|}}
 </WRAP>
 </WRAP>
+<WRAP box white>
+== 使用例②： ==
+<WRAP czn-toggle-button>
+=== 開閉ボタンの中身は目次などでもOK。複数行でもOK ===
+</WRAP>
+<WRAP czn-toggle-content>
+<WRAP czn-toggle-button>
+開閉機能の入れ子もOK。
+…なんですが開閉機能を使いすぎると逆に閲覧しづらくなるのでここぞという時に使用ください。
+</WRAP>
+<WRAP czn-toggle-content>
+孫テキストたち。
+閲覧しづらくなるのもそうなんですが、グーグルなどの検索サイトからも開閉内の文字は消えてるコンテンツ扱いされるので、その記事内で特に大事だと思われるメインの文章は開閉コンテンツ内に置かないようにしてね。
+</WRAP>
+</WRAP>
+</WRAP>
+\\
 ===== voteプラグインの使い方 =====
 voteプラグインを使うと好きなアンケートをwiki上で取れるようになります。

aboutwiki.1770184405.txt.gz · 最終更新: 2026/02/04 14:53