このカオスゼロナイトメアwikiのwiki自体の情報を載せておきます。
wiki情報
変更履歴
| 2025/12/06 | スマホからだと表の編集がうまくできない問題を一応解決しました |
| 2025/12/08 | voteプラグインを導入後、voteプラグインのバグ修正を行いました |
| 2025/12/09 | 返信をわかりやすくするためコメントに数字を振りました。コメントを新しい順に表示するように変更しました |
| 2025/12/12 | 目次ボタンが右上に追従するように変更しました アイフォン閲覧時に編集ボタンが青色になっているのを灰色に変更しました |
| 2025/12/24 | voteプラグインに投票クローズ機能を入れました |
| 2025/12/30 | 画面上部に「関連ページ」を表示するようにしました |
| 2026/01/02 | 編集画面のWRAPプラグインアイコン押下で表示されるアイコンを色枠と中央&右寄せに変更しました |
| 2026/01/07 | 表の編集からだと画像をうまく挿入できないバグを修正しました |
| 2026/02/04 | WRAPプラグインに開閉ボタン(と開閉コンテンツ)機能を追加しました |
概要
dokuwikiというwikiで動いてます。結構有名っぽいのでググったらいろいろ編集方法とか出てくるはず。
編集で使用できるプラグイン
| color syntax | 文字に色を付けれます(編集画面、上部アイコン右から1個目のやつ) |
| Wrap | 文章を色つきのボックスで囲えます(編集画面、上部アイコン右から2個目のやつ) |
| fontsize2 | 字の大きさを変えられます(編集画面、上部アイコン右から3個目のやつ) |
| EditTable | 表をエクセルっぽく編集できます |
| Table Width | 表の横幅を自分で設定できます(書き方はググるかキャラ詳細のプロフィールの表参照) |
| Searchtablejs | wiki編集画面で表を<searchtable></searchtable>で囲むと表内検索が可能になります |
| vote | 投票を行えます |
| sortablejs | wiki編集画面で表を<sortable></sortable>で囲むと表ソートが可能になります |
開閉コンテンツ(アコーディオンメニュー)の作り方
WRAPプラグインを改造して開閉ボタンと開閉コンテンツを設定できるようにしました。
使い方は編集画面上部のWRAPプラグインのアイコンを押して、一番下のアイコン2つがそれぞれ「開閉ボタン」と「開閉コンテンツ」を挿入するボタンです。
ボタンにしたい文章(画像でもOK)を選択して編集画面上部の「開閉ボタン」のアイコンポチっ、でボタンが出来上がります。
んで次にボタンが押されるまで非表示にしたい文章(表、画像なんでも)を全部選択し、んで「開閉コンテンツ」のアイコンをポチっ、でOK。
※プログラム的に開閉ボタンのすぐ下の開閉コンテンツの表示/非表示を切り替えてるだけなので、ボタンとコンテンツの間に違う文章とかがちょっとでも挟まると開閉しなくなります。
使用例①:
開閉で表示非表示を切り替える文章たち。
| 表や | 画像もOK |
使用例②:
孫テキストたち。
閲覧しづらくなるのもそうなんですが、グーグルなどの検索サイトからも開閉内の文字は消えてるコンテンツ扱いされるので、その記事内で特に大事だと思われるメインの文章は開閉コンテンツ内に置かないようにしてね。
voteプラグインの使い方
voteプラグインを使うと好きなアンケートをwiki上で取れるようになります。
<vote 【id】>
【タイトル】
* 【選択肢1】
* 【選択肢2】
* 【選択肢3】
</vote>
で好きな投票フォームがその場所に作れます。
【】で囲った部分がご自身で設定してもらう必要のある部分です。
vote注意点
- 選択肢は何個でもOK
- 選択肢の「*」の前にスペース(空白)が少しでも入ると投票フォームが壊れる。dokuwikiの箇条書きとは違う点に特に注意!
- idはwiki内で一意である必要があるので、日付プラス何の投票かわかる英語キーワードで(例:20251203chizuru)
特に注意してほしいのが、アスタリスク(*)前のスペース。
dokuwikiを普段編集している人ほど、「*」アスタリスク前にスペースを入れたくなりますが、これがvoteだとダメ。完全に行頭からピッタリ「*」で始まるようにしてください。
少しで空白が入るとその択がアンケートフォームに含まれなくなり、また修正しようとしても修正できないです。このvoteというプラグイン、後から選択肢を増やせないのです。
なのでこの場合、明確に失敗したケースとなり、idを振りなおして(例:20251203chizuru2)もう一度投票フォームを作り直す必要があります。
…なのでちょっと敷居が高いかな、と書いている私自身思っていますが、これ以上修正できなかったので玄人さんはぜひこのvoteを使ってお好きなアンケートを取ってみてください。
vote投票をクローズする方法
例えば先ほどのid「20251203chizuru」で作った投票の場合、
- <vote 20251203chizuru close>
とid名の後にスペース(空白)を空けてその後に「close」をつけることで投票ボタンが消えます。
コメント 投稿する
編集しようとしてくださってありがとうございます!
wikiの編集って最初やっぱり抵抗ありますよね。もう少し気軽に編集できるwikiにしたいなーと常々思っているのですが…。もっと雰囲気ライトにできるように精進しないといけませんね。背景ピンクにして絵文字多用しよかな。
wikiはいつでも元に戻せるようになっているのでこれからも編集にチャレンジしてくれたら嬉しいです。
>>6さん
対応くださって本当にありがとうございます!
またなんかバグっぽいのがあったら教えていただければ嬉しいです
先ほど対策を入れ込みましたので、iOSでの表示を確認いただけたら幸いです
スマホ(たぶんiOS)で閲覧した時に、テーブルの幅が530pxを越えると、自動的に文字が大きくなっていき、テーブル幅が800を越えると文字が極端に大きくなってしまい、とても見難くなります。
一応、テーブル幅を<auto>か<100%>にすれば、スマホの横幅に収まるのですが、それはそれで縦に伸びるので、見難くなります(カード説明等)。
スマホブラウザの自動制御が原因らしいのですが、HTMLタグかCSS?に-webkit-text-size-adjust:100%;と記述すれば解決するらしいです。
ページ全体の設定になるかと思うので、管理人様でしか、操作できないと思いますので、可能であれば、対応お願いできますでしょうか。
私も、詳しい訳ではないので、間違ったことを言っているかもしれませんが、よろしくお願いします。