あなたのザイカツを助ける個人Wikiの作り方

クレジット

タイトル: あなたのザイカツを助ける個人Wikiの作り方
著者: ©︎Tark_IOL
作成年: 2020

ハロー！ ナラカ イズ グレイト！（挨拶）¹
このエッセイの目的は、Wikidotにおいて『SCP Foundation』のサイトテーマである『Sigma-9』を用いた財団サイト風のwikiサイトの作り方を、皆さんにお届けすることです。

さて、エッセイのタイトルに入っている「個人wiki」とはあなたが全て好き勝手にできる専用のwikiサイトのことです。私は大きなサンドボックスとして、下書きや雑多な文をため込むほか、コピーしてきたWikidot構文の動作テストに活用しています²。

とはいえ、個人wikiをただサンドボックスとして使うには、下書きが1ページに飽和しがちだったサンドボックスII時代はともかく、今や（テックスタッフの努力の賜物である）サンドボックスIIIが開設され、すぐに使えてなにかと利便性が高いあちらに軍配が上がるでしょう。

しかしながら、個人wikiの使い方は多彩です。例えば、以下のように。

・非公開にしておきたい下書きの置き場所
・アートワークの展示スペース
・共著の際の共用作業スペース
・低評価削除された記事の供養場所
・Wikidot構文の開発・実験場
・SCP関連の外部創作wikiを作る野望への橋頭保

もし、ここまで読んで個人wikiに興味があるようであれば、ぜひこの先を読み進めていってください。CSS³やWikidot構文⁴の知識は殆ど必要ありません、今回必要な構文は全てコピペで済ますことができます。

強いて言えば、構文やAdmin Panel（wikiサイトの管理ページのこと）に用いられている英単語から、機能を推測できる程度の英単語力があれば、作業の迅速化に貢献するでしょう。

これが完成予想図だ

0. 作成の為に準備するもの

・パソコン　1つ　※スマホでも可・しかし編集ボックスを一部工程で多用します
・やる気　そこそこ
・時間　30分～
・肉体　1つ（健康なものが望ましい）※霊体でもクラスA霊体なら可能
・諦めない心　 1つ　
・Wikidotアカウント　 1つ
・ページオプション操作の心得　1つ

+ 心得のないあなたはここをクリック

---

ここでは個人wikiを作る上で必要不可欠なページオプションの使い方を紹介します。
ページを一番下までスクロールすると現れる、下の画像のような文字列の塊がページオプションです。普段は、上列のみに省スペース化されていますが、一番右の「+Option」をクリックすると、さらにオプション事項が表示されます。

・Edit
ページの編集画面を開く。
・File
主に画像関係の編集を行う。画像のアップロードやダウンロード、アップロードされた画像の確認、画像のリネームなどといった機能が存在する。
アップロードは「Upload a file from your computer」を開くと、アップロード画面が展開されるのでそこから。「Rename the uploaded file if you want to:」のボックスでは画像に固有の名前を付けられる。
・History
ページの過去のリビジョン（改訂版）を確認できる。
異なるリビジョン2つを選択し「Compare version」をクリックすることで、異なるリビジョンの違いを確認できる（下にスクロールすると表示されている）。
V・S・Rはそれぞれ、「View page revision（このリビジョンを表示）」・「View Source of revision（このリビジョンのPage Sourceを表示）」・「Revert to revision（このリビジョンに差し替え）」。
主にWikidot構文の動作がおかしくなった時など、編集ミスを探そうと現在のリビジョンと直前のリビジョンを突き合わせて確認する際に「Compare version」を、ページを過去リビジョンに差し戻し・復旧する際に「Revert to revision」を使う。Compere versionで2つのリビジョンを比べる際は、青赤に線が引かれて示されているのでそれを参照のこと。

・Edit meta
メタタグを付与したり外したりするのに使う。基本的にはお世話にならない項目。「3-2. サイトをスマートフォン表示に対応させる」で使う。
・Page Source
ページソースの確認。Wikidot構文が動作していない、コードの状態を確認できる。編集ボックスを開かずに安全に構文をコピーするために開いたり、ページの隠し要素を強引に突破したりするのに使う。

---

+ 工程が長い？

---

そんなあなたの為にテクニカルスタッフの7happy7さんが簡単な作成法を用意して下さいました。

http://sigma-9-template.wikidot.com/

このサイトを利用した場合は、このエッセイの「1 サイトを作成する」「2-1 Sigma-9（サイトテーマ）を適用する」「4 最近作成/編集された記事ページの作成」は流し読みし、「Admin Panel」から「General Settings」、「Wiki Settings」、「Language」の順に言語設定ページに移動して言語設定を「Japanese」に変更してください。変更後もサイトに表示される言語は英語ですが…。

---

1. サイトを作成する

まず、このページの右上にもある"マイアカウント（My account）"からプロフィールページにアクセスしましょう。そして、「アクティビティ」、「メッセージ」などが並ぶリストから「サイト（sites）」を選んで、そこにある「+ サイトを作る（Create site）」をクリック/タップします。

このページから、参加しているwikidotサイトの一覧も確認できます

すると、「✓ Wikidotで新しいサイトを作る（✓ Get your new Wikidot site）」というフォームが現れます。
ここでは今から作成するサイトの初期設定を行います。作成後も「Admin Panel」から簡単に変更できますので、キャラクリエイトの如く一時間以上悩む必要性はありません。

参考までに各フォームを解説します。
タイトル（Title）は、サイトの左上に表示されるサイト名です。ex）SCP財団
タグライン（Tagline）はサイト名の下に表示される文字列です。ex）確保、収容、保護
Webアドレス（Web address）は「[フォームに入力した文字列].wikidot.com」となるので、フォームには日本語の他、一部記号を入力できません。

続いてテンプレート（Template）ですが、「Personal Blog」を選択してください。黒い猫がこちらをのぞき込んできているタブですね。

かわいい。

そろそろ終わり、アクセスポリシー（Access policy）です。
この項はサイト全体の閲覧制限、サイトへの加入制限に関する設定を行います。基本的には初めから設定されているClosedで構いません。
ちなみに、Open・Closed・Privateの種別がありますが、それぞれ以下の意味です。

Open - すべての人間がサイトを閲覧でき、自由にサイトメンバーになれる
Closed - すべての人間がサイトを閲覧できるが、サイトメンバーになるには許可が必要
Private - メンバーのみがページを閲覧できる

最後、利用規約を読み終わって異論がなければチェックボックスに✓を入れましょう。

そして「自分のWikidotサイトを入手（Get my wikidot site）」をクリック/タップすれば、晴れてあなたもそのサイトの最高管理者です。

_{目次に戻る}

2. SCPｗiki風にサイトを改造する

ついに個人wikiを手に入れたあなたは、サイトの作成者兼最高管理者としてサイトのトップページに降り立ったはずです。しかしお気付きの通り、まだSCPwikiのサイトテーマは適用されていませんし、あの印象的なトップ画面は影も形もありませんね。

2-1. Sigma-9（サイトテーマ）を適用する

ですので、まずはこのサイトのテーマを変更していきましょう。

画面上のアドレスバーに表示されている、あなたの個人wikiのURLの後ろに

/component:theme

と入力してEnter。テーマのページを作成していきます。
例えば今回執筆に用意した個人wikiのURLは「jikkenn-tark-iol.wikidot.com」なので、この場合作成するページ名は「jikkenn-tark-iol.wikidot.com/component:theme」になりますね。

ページが作成出来たらこのwikiのテーマページにアクセスします。
そしてこのページの「Page Source」を開き、

[[code type="css"]]

から

[[/code]]

までを全てコピーします。
そうしたら先程作った個人wikiのテーマページの「Edit」を開きペーストしましょう。

一連の作業の際に気を付けることは、SCP-JP側のテーマページを改ざんしない様、SCP-JPでは「Edit」を開かないことです。ここを改ざんするとSCP-JPのテーマが不具合を起こします。ですから必ず「Page Source」からコピーすること！

次に再びこのwikiのテーマページにアクセスし、今度はOptionから「Files（ファイル）」を開きます。そこに表示されているファイルを全てダウンロードし、先程コードをコピペした個人wikiのテーマページにアップロードしましょう。アップロードの場合は「ファイル（Files）」を選択した後、「コンピュータからファイルをアップロードする（Upload a file from your computer）」です。

今度は目線を画面右上の"マイアカウント（My account）"に移動しましょう。右端の▼（下向き三角）よりメニューを開き「サイト（sites）」をクリックして移動します。

ここにはあなたがメンバー登録しているサイトの一覧が出てきますので、そこから先程作成したサイトを見つけてください。その項には"役職 最高管理者（Role Master admin）"と表示されているはずです。
そのままその下に目を移すと、「Admin Panel」という設定ページへのリンクがあります。

アクセスすると、「Dashboard」、「General settings」などと設定項目が並んでいるので、「Appearance & Behaviour」を選択した後「Themes」を選択しましょう。この時、タブレット端末やスマートフォンを使用している場合は、リストのピクトグラムが描かれたボタンをタップしないと、設定項目が出てきませんから気を付けて下さい。

Themesを開くと、「wikidot」、「Community」…などとまたズラッと出てくるので、「External」を選択しましょう。
そして出てきた"URL"のボックスに

http://あなたのwikiの名前.wikidot.com/component:theme/code/1

と入力します。
先程と同様の例を持ち出すと「http://jikkenn-tark-iol.wikidot.com/component:theme/code/1」となります。要はテーマページのURLをコピーして後ろに「/code/1」をくっつければいいのです。

最後に、忘れずに「変更を保存（Save changes）」してください。この先何度も注意するのは私がAdmin panelをいじるたびこの手順を忘れて、作業内容をふいにしたからです。本当に気を付けて。

---

2-2. トップページを整備する

ではトップページに戻り、サイトの顔を整えましょう。
以下の構文を、編集画面を開いて、既存のものに上書きするように、貼り付けてみて下さい。
この構文の一段目にあるのはページの題名を消す為の構文で、GoIフォーマット記事などでも見かけることが出来ます。2段目にあるのが、幾多の初心者を惑わせた警告表示です。個人Wikiごとに特色があるので、各所回ってみるのも面白いものです。ぜひ思い思いの警告表示に変えて、トップページに貼り付けましょう。3段目にあるのは新規ページ作成モジュールです。ここに入力した文字列がwebアドレスのスラッシュ以下の文字列になります。

+ コードを展開する

[[module CSS]]
#page-title {display:none;}
[[/module]]
----
[[div style="text-align: center; color: #600;"]]
[[div class="unmargined"]]
警告:
[[/div]]
[[div class="unmargined" style="font-size: 400%; font-weight: bold; margin: 2px 0 5px;"]]
機密指定
[[/div]]
[[div class="unmargined"]]
財団データベースへの許可無きアクセスは固く禁止されています
違反者は追跡、特定、拘留されます
[[/div]]
[[/div]]
----
[[div class="side-block"]]
[[module NewPage button="新規ページを作成" size="21"]]
[[/div]]
----
[[div class="content-panel centered standalone"]]
[[size 90%]]SCP財団日本支部、及びSCP Foundationのメインテーマ **Sigma-9** は[[user Aelanna]]氏によって制作され、クリエイティブ・コモンズ・ライセンス-表示-継承 3.0([[[https://creativecommons.org/licenses/by-sa/3.0/deed.ja |CC-BY-SA]]])の元で使用されています。
[[/size]]
[[/div]]

また、トップバー上の灰色のバーが気になる人は、右上のバツボタンから設定にアクセスし、該当の✓を外しましょう。

_{目次に戻る}

3. 最低限のカスタムを施す

ついに、ねんがんの エスシーピーふうサイトを てにいれたぞ！
しかし、お気づきだと思いますが、この時点ではサイドバーやトップバーは使いづらいですし、スマートフォンやタブレット端末用の表示が出来ません。ここから先は、サイトに様々なカスタムを施して、実用に耐えうるものにしていきましょう。

3-1. サイドバーを編集する

サイトのトップバーに、「Home」、「Pages」などのボタンが並んでいますが、その1つに「Admin」があります。そこを開き、「Edit side menu」からサイドバーを編集していきましょう。

ここは使い慣れたWikidot構文であるリンク構文が使えるので、初心者でもカスタムしやすい上に、サイトの使い勝手を向上させるにはいち早くカスタムしたい所です。せっかくですからSCPWiki風のアイコンがついた格好いいモノにしてみます。

下にテンプレートを用意したので、コピペして既存の物を置き換えてしまいましょう。

+ テンプレートのコードを展開する

[[div class="side-block"]]
[[module NewPage button="新規ページを作成" size="21"]]
[[/div]]
----
[[div class="side-block"]]
[[div class="menu-item"]]
[[image home.png]][/ ホームページ]
[[/div]]

[[div class="heading"]]
サイト
[[/div]]
[[div class="menu-item sub-item"]]
[[image default.png]][[[most-recently-created|最近作成された記事]]]
[[/div]]
[[div class="menu-item sub-item"]]
[[image default.png]][[[most-recently-edited|最近編集された記事]]]
[[/div]]
[[div class="menu-item"]]
[[image main.png]][[[system:recent-changes|最近の更新]]]
[[/div]]

[[div class="heading"]]
リンク
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/ SCP-JP]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://scp-int.wikidot.com/ SCP-INT]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://scp-jp-sandbox3.wikidot.com/start サンドボックス3]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://scp-jp-sandbox2.wikidot.com/start サンドボックス2]
[[/div]]
[[div class="menu-item"]]
[[image forum.png]][*http://ja.scp-wiki.net/forum:start/ SCP-JPフォーラム]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://njr-sys.net/ Nijiru-System]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://scpper.com/ ScpperDB]
[[/div]]
----

[[div class="side-block" style="background-color: #fff0f0;"]]
[[collapsible show="管理" hide="管理"]]
[[div class="menu-item"]]
[[image main.png]][/_admin サイトマネージャ]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][[[system:list-all-pages|すべてのページ]]]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][[[system:members|サイトメンバー一覧]]]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][[[nav:side|サイド]]] | [[[nav:top|トップ]]]
[[/div]]
[[/collapsible]]
[[/div]]
[[/div]]
----

[[a href="#" class="close-menu"]]
[[image black.png style="z-index:-1; opacity: 0.3;"]]
[[/a]]

残念ながら、これをコピペしただけでは完成しません。[[image]]で呼び出している画像データがサイトにないからですね。

そこでSCP-JPWikiのサイドバーを設定しているこのページにアクセスしてください。そして、アップロードされている全てのファイルをダウンロードしましょう。このファイル達を、先程構文を貼り付けたページにアップロードします。

アップロード後、ページをリロードすれば見慣れたサイドバーが完成しているはずです。

新たにサイト内リンク⁵を追加する場合は以下の構文を参考にしてください。ページ名というのはサイトURLのスラッシュ（/）より右にある文字列です。ページ作成時に入力し、タイトルを日本語に変更する前に「ページのタイトル」に表示されていたアルファベットと各種記号を指します。

+ サイト内リンクのコードを展開する

[[div class="menu-item"]]
[[image default.png]][[[ページ名｜ 表示されるテキスト]]]
[[/div]]

サイト外リンク⁶を追加する場合は以下の構文を参考にしてください。

+ サイト外リンクのコードを展開する

[[div class="menu-item"]]
[[image default.png]][*リンク先のサイトURL 表示するテキスト]
[[/div]]

また、[[image]]の部分をアップロードした任意のアイコン素材のファイル名に変えれば、アイコンも変えることが可能です。

---

3-2. サイトをスマートフォン表示に対応させる

まずスマートフォンでトップ/サイドバーを閲覧する為に、トップバーの「Admin」にある、「Edit this menu」から、トップバーを以下のテンプレートに置き換えましょう。なお、トップバーにもリンクを自由に追加・削除することが出来ますが、リンク構文"のみ"が追加でき、ネスト（バーの各ボタンからボタンを出すことが出来るの）は一段のみです。

+ コードを展開する

[[div class="top-bar"]]
* [/ ホーム]
* [# 管理]
 * [[button edit text="このページを編集"]]
 * [[button print text="このページを印刷"]]
 * [/nav:top/edit/true トップバーを編集]
 * [/nav:side/edit/true サイドバーを編集]
 * [/system:list-all-categories ページカテゴリ一覧]
 * [/system:recent-changes 最近の更新]
 * [[[/_admin|管理者パネルを開く]]]
[[/div]]
[[div class="mobile-top-bar"]]
[[div class="open-menu"]]
[#side-bar ≡]
[[/div]]
* [/ ホーム]
* [# 管理]
 * [[button edit text="このページを編集"]]
 * [[button print text="このページを印刷"]]
 * [/nav:top/edit/true トップバーを編集]
 * [/nav:side/edit/true サイドバーを編集]
 * [/system:list-all-categories ページカテゴリ一覧]
 * [/system:recent-changes 最近の更新]
 * [[[/_admin|管理者パネルを開く]]]
[[/div]]

トップバーの書き換えが終わったら、サイトのトップページを開きましょう。

「+オプション（Option）」から「メタを編集（Edit Meta）」とその次に出てくる「新しいメタタグ（Add a new meta tag）」をクリックして下さい。

そうしたら、
name=""の部分に

viewport

content=""の部分に

width=device-width,initial-scale=1

と入力して「全てのページに追加（Add To All Pages）」を選択しましょう。

なおこの画像は適用後なので、「Current meta tags」のところに追加したメタタグが記載されています

これでスマートフォン表示への対応、完了です。

_{目次に戻る}

4. 最近作成/編集された記事ページの作成

サイトを使いやすくするには、作成した記事への簡単なアクセス方法が必要不可欠です。あなたはサイト-L7の司書さんではないので、ページURLを全て記憶することはできないはずですし、記事数が増えると「すべてのページ一覧（List All Pages）」から探すのも手間です⁷。そこでSCP-JP Wikiにもある、「最近作成された記事」、「最近編集された記事」を表示するページを導入していきます。

4-1. 最近作成された記事

先ずは、新規ページ作成モジュールに、"most-recently-created" と入力してページを作りましょう。
そして作成されたページに、以下の構文を貼り付けましょう。

+ コードを展開する

[[module CSS]]
.content-panel .content-type-title > p {
  margin: 0;
}
.content-panel .content-type-title {
  font-size: 120%;
  font-weight: bold;
  padding: 5px 20px;
  background-color: #666;
  color: #fff;
  border-radius: 8px 8px 0 0;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.8),
    inset 0 15px 1px rgba(255,255,255,.2),
    inset 0 15px 10px rgba(255,255,255,.2);
}
.content-panel .content-type-description {
padding: 0 20px;
text-align: justify;
}
.content-panel.content-row .content-type-description {
padding: 5px 20px;
}

table.listpages-table {
    width: 100%;
}

tr.listpages-table-head th {
    background-color: #666;
    color: #fff;
    text-align: center;
}

tr.listpages-table-head th:first-child {
    text-align: left;
}

tr.listpages-table-body td {
    vertical-align: top;
    text-align: center;
}

tr.listpages-table-body a {
    word-break: break-all;
}

tr.listpages-table-body td:first-child {
    text-align: left;
}
[[/module]]

[[div class="content-panel standalone content-row"]]
[[div class="content-type-title"]]
最近作成された記事
[[/div]]

[[div class="content-type-description"]]

[[module ListPages order="created_at desc" perPage="30" separate="false" rss="最近作成された記事" category="_default,author"]]
  [[head]]
    [[table class="listpages-table"]]
      [[row class="listpages-table-head"]]
        [[hcell style="width: 40%;"]]ページ[[/hcell]]
        [[hcell style="width: 20%;"]]作成日[[/hcell]]
        [[hcell style="width: 20%;"]]作成者[[/hcell]]
        [[hcell style="width: 10%;"]]コメント[[/hcell]]
        [[hcell style="width: 10%;"]]評価[[/hcell]]
      [[/row]]
  [[/head]]

  [[body]]
    [[row class="listpages-table-body"]]
      [[cell]]%%title_linked%%[[/cell]]
      [[cell]]%%created_at|%Y年%m月%d日 %H:%M|agohover %%[[/cell]]
      [[cell]]%%created_by_linked%%[[/cell]]
      [[cell]]%%comments%%[[/cell]]
      [[cell]]%%rating%%[[/cell]]
    [[/row]]
  [[/body]]

  [[foot]]
    [[/table]]
  [[/foot]]
[[/module]]

[[/div]]
[[/div]]

---

4-2. 最近編集された記事

これも最近作成された記事と同じです。同様に"most-recently-edited"と入力してページを作成後、以下の構文を貼り付けましょう。

+ コードを展開する

[[module CSS]]
.content-panel .content-type-title > p {
  margin: 0;
}
.content-panel .content-type-title {
  font-size: 120%;
  font-weight: bold;
  padding: 5px 20px;
  background-color: #666;
  color: #fff;
  border-radius: 8px 8px 0 0;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.8),
    inset 0 15px 1px rgba(255,255,255,.2),
    inset 0 15px 10px rgba(255,255,255,.2);
}
.content-panel .content-type-description {
padding: 0 20px;
text-align: justify;
}
.content-panel.content-row .content-type-description {
padding: 5px 20px;
}

table.listpages-table {
    width: 100%;
}

tr.listpages-table-head th {
    background-color: #666;
    color: #fff;
    text-align: center;
}

tr.listpages-table-head th:first-child {
    text-align: left;
}

tr.listpages-table-body td {
    vertical-align: top;
    text-align: center;
}

tr.listpages-table-body a {
    word-break: break-all;
}

tr.listpages-table-body td:first-child {
    text-align: left;
}
[[/module]]

[[div class="content-panel standalone content-row"]]
[[div class="content-type-title"]]
最近編集された記事
[[/div]]

[[div class="content-type-description"]]

[[module ListPages order="updated_at desc" perPage="30" separate="no" rss="最近編集された記事"]]
  [[head]]
    [[table class="listpages-table"]]
      [[row class="listpages-table-head"]]
        [[hcell style="width: 40%;"]]ページ[[/hcell]]
        [[hcell style="width: 20%;"]]編集日[[/hcell]]
        [[hcell style="width: 20%;"]]編集者[[/hcell]]
        [[hcell style="width: 10%;"]]コメント[[/hcell]]
        [[hcell style="width: 10%;"]]評価[[/hcell]]
      [[/row]]
  [[/head]]

  [[body]]
    [[row class="listpages-table-body"]]
      [[cell]]%%title_linked%%[[/cell]]
      [[cell]]%%updated_at|%Y年%m月%d日 %H:%M|agohover %%[[/cell]]
      [[cell]]%%updated_by_linked%%[[/cell]]
      [[cell]]%%comments%%[[/cell]]
      [[cell]]%%rating%%[[/cell]]
    [[/row]]
  [[/body]]

  [[foot]]
    [[/table]]
  [[/foot]]
[[/module]]

[[/div]]
[[/div]]

_{目次に戻る}

5. フォーラムを実装する（任意）

もし、あなたの個人wikiを複数人で使うとなれば、フォーラムやディスカッションを使用したくなるかもしれません。
ここではフォーラムとディスカッションの導入方法を紹介します。必要ない場合は、「6. ページを荒らされないために」に進んでください。

まず、再びサイトの「Admin Panel」を開き、「フォーラム（Forum）」を選択しましょう。項目の中に「Setting」があるのでそれを更に開き、「Default nesting」のLevelを3に上げましょう。これを設定することでSCP-JPWikiの様にコメントに返信できるようになります。変更の保存も忘れずに。

次に、「Forum」に戻り、今度は「Structure」を開いてください。

この「Structure」は、フォーラムのスタート（start）ページ、SCP-JPだとフォーラムカテゴリーの構成を決定する設定項目となっています。
一番下にある「+ Create new group」で作成されたグループは、SCP-JPでの「フォーラムディスカッション」や「サイトのお知らせや提案」に相当します。グループの設定項目にある「Add category」は、グループ内のカテゴリ（SCP-JPでの「フォーラムディスカッション」の下に位置する「一般」「質問」に相当）を作成するボタンであり、作成されたカテゴリの中にスレッドが作成されます。

このようにStructureとforum startは対応しています

これらグループとカテゴリの題名や概要文の書き換え、並び替え等は、グループ・カテゴリ名の下にあるボタンから行えます。

Edit - そのグループやカテゴリの題名・概要文の書き換え
Hide/show - そのグループを隠す/見えるようにする
Delete - そのグループやカテゴリを削除
Add category - グループ内に新しいカテゴリを追加
Move up/down - そのグループやカテゴリの並び替え

さてこの「Structure」にやってきたのは、「ページ毎のディスカッション（per page discussions）」を使えるようにするためでもあります。

初期状態だと「Per page discussions」は隠された（hidden）グループに存在するため、サイト側からは閲覧することができません。ですので「+ Create new group」から、「Per page discussions」を格納するための新しいグループを作成しましょう。名前や概要文は何でも構いません。

作成が完了したら、「Per page discussions」の「Move up/down」ボタンを数回クリックして、Hiddenグループから移動させましょう。この際、移動先のグループが隠されていない［（Hidden）と書かれていない］状態であることを確認してください。グループの可視化・不可視化は「Show/Hide」ボタンからできます。

（あるいは、新しくグループを作らずに、元々「per page discussions」が格納されているグループの「show」を押して可視化することもできます。）

ここまでできたら、1番下から「変更の保存（Save changes）」をしましょう。これをしないと今までの操作が水の泡に帰してしまいます。

次に権限の設定をします。再びフォーラムの設定項目に戻り、「permissions」を開きます。すると各権限についての表が現れるので、それぞれ設定していきましょう。

+ 各項目の日本語訳

Add new posts - フォーラムへのコメント入力
Create new threads - スレッドの設置
Edit posts and threads meta - 投稿されたコメントや設置したスレッドの編集
Registered at Wikidot.com - Wikidotアカウントの所持者
anonymous - アカウントも持たない匿名ネットユーザー

ただ、"投稿とスレッドのメタを編集（Edit posts and threads meta）"は著者（Author）だけに限定することを強く推奨します。同様にwikidotアカウントも持たない匿名（anonymous）への権限付与は慎重に選択しましょう。フォーラムカテゴリ（Forum category）の選択欄を選べば、カテゴリグループ毎に権限付与の設定ができます。
勿論ここでも変更の保存はお忘れなく。

これでAdmin Panelでの設定は終了です。最後に以下のURLのページを作っていきましょう。以下の文字列をページ作成モジュールに入力してください。これらのページを作る時は、編集ボックスの中身が空白のままで機能するので、使いやすいようにタイトルを日本語に変えたあとはそのままセーブして下さい。各ページの機能は脚注の中に記載されています。

forum:start　⁸
forum:category　⁹
forum:thread　¹⁰
forum:recent-posts　¹¹
forum:new-thread　¹²

ページが全て完成したら、forum:startで作ったページからフォーラムの各機能を実際に動かしてみて下さい。

_{目次に戻る}

6. ページを荒らされないために

ここまでサイト作成時やフォーラム実装時に外部からのアクセス者による編集や投稿について、ある程度制限を持たせるような設定をしてきましたが、最後に「Admin panel」からそのものずばり「Security」の項をチェックしましょう。

この項では、最初に設定した「アクセスポリシー（Access policy）」の変更、「Permissions」からページの編集・削除、ファイルアップロードや消去等の権限設定、「Block」からアカウントBAN等の設定が出来ます。
（フォーラムの投稿・編集設定はフォーラム設定へ）

ここでは、「Permissions」からページの編集・削除、ファイルアップロードや消去等の権限設定を確認しましょう。基本的にはデフォルト設定から変更しなくても構いません。

+ 各項目の日本語訳

create pages - ページの作成
edit - ページの編集
move/rename pages - ページの移動・リネーム
delete pages - ページの削除
upload files - ファイルのアップロード
rename files - ファイル名の変更
replace/move/delete files - ファイルの移動・消去・置き換え
show page options to - ページオプションの表示
Registered - Wikidotアカウントの所持者
anonymous - アカウントも持たない匿名ネットユーザー
site member - サイトメンバー
page creator - ページ作成者

変更する場合でもサイトメンバーやページ作成者に権限を限定することを推奨しますし、システム関連のページは管理者以外による編集を不可能にするべきです。

_{目次に戻る}

7. Q＆A

Q1. 他のwikidotユーザーをサイトに招きたい

設定から「Access Policy」を開き、「Membership」の項にある「Let users apply」のチェックボックスに✓を入れましょう。その後、トップページ等の適当な場所に、参加フォームを配置する構文、[[module Join]]を配置すること。

---

Q2. サイトメンバーをBANしたい/モデレーターや管理者にしたい

設定から「Members」を開き、「Members List」を開きます。対象メンバーのオプションから状態の変更が可能です。

---

Q3. 改造済みのサイドバーテンプレートが欲しい

私用に改造したものですがどうぞ。サンドボックスや著者ページのリンクはトップページになっているので、自分のポータルやページのリンクに変更してください。

+ コードを展開する

[[div class="side-block"]]
[[module NewPage button="新規ページを作成" size="21"]]
[[/div]]
----
[[div class="side-block"]]

[[div class="menu-item"]]
[[image home.png]][/ メインページ]
[[/div]]

[[div class="heading"]]
記事
[[/div]]
[[div class="menu-item"]]
[[image series.png]][[[in-writing|作成中の記事]]]
[[/div]]
[[div class="menu-item"]]
[[image series.png]][[[tomb|供養塔]]]
[[/div]]
[[div class="menu-item"]]
[[image series.png]][[[miscellaneous-notes-and-consideration|雑記]]]
[[/div]]

[[div class="heading"]]
サイト
[[/div]]
[[div class="menu-item sub-item"]]
[[image default.png]][[[most-recently-created|最近作成された記事]]]
[[/div]]
[[div class="menu-item sub-item"]]
[[image default.png]][[[most-recently-edited|最近編集された記事]]]
[[/div]]
[[div class="menu-item"]]
[[image main.png]][[[system:recent-changes|最近の更新]]]
[[/div]]
[[div class="menu-item"]]
[[image forum.png]][[[forum:start|フォーラム]]]
[[/div]]
[[/div]]

----

[[div class="side-block"]]
[[div class="heading"]]
リンク
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/ SCP-JP]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://scp-jp-sandbox3.wikidot.com/ SB3 ポータル]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://scp-jp-sandbox3.wikidot.com/draft-list SB3 下書き一覧]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://scp-jp-sandbox2.wikidot.com/ SB2 マイページ]
[[/div]]
[[div class="menu-item"]]
[[image forum.png]][*http://ja.scp-wiki.net/forum:start/ SCP-JPフォーラム]
[[/div]]
[[div class="menu-item"]]
[[image forum.png]][*https://discordapp.com/channels/@me/ Discord]
[[/div]]
[[div class="menu-item"]]
[[image forum.png]][*https://twitter.com/ Twitter]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://scp-jp-sandbox2.wikidot.com/shared:reserve-to-translate/ SCP-JP SB2 翻訳予約ページ]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://pseudo-scp-jp.wikidot.com/ SCP-JP環境再現サイト]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://scp-jp.wikidot.com/members-pages-jp 著者ページ]
[[/div]]
[[div class="menu-item"]]
[[collapsible show="その他" hide="- その他"]]
[[div class="menu-item"]]
[[image default.png]][*http://erimamanus.wikidot.com/ 砂wiki]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://shitake-crude-production.wikidot.com/ 椎茸天然製造]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://scpjp-fansite.wikidot.com/ SCP-JP-FS]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://www.scp-wiki.net/ SCP-EN]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://scp-int.wikidot.com/ SCP-INT]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://njr-sys.net/ Nijiru-System]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://scpper.com/user/3538936 ScpperDB]
[[/collapsible]]

----

[[div class="side-block" style="background-color: #ffffff;"]]
[[collapsible show="執筆ガイド" hide="執筆ガイド"]]
[[/div]]
[[div class="menu-item"]]
[[image help.png]][*http://scp-jp.wikidot.com/guide-hub/ ガイドハブ一覧]
[[/div]]
[[div class="menu-item"]]
[[image help.png]][*http://scp-jp.wikidot.com/how-to-write:how-to-write 記事を作成するには？]
[[/div]]
[[div class="menu-item"]]
[[image help.png]][*http://ja.scp-wiki.net/tag-guide/ タグガイド]
[[/div]]
[[div class="menu-item"]]
[[image help.png]][*http://ja.scp-wiki.net/tag-list/ タグリスト]
[[/div]]
[[div class="menu-item"]]
[[image help.png]][*http://ja.scp-wiki.net/wiki-syntax:startpage/ Wikidotシンタックス]
[[/div]]
[[div class="menu-item"]]
[[image help.png]][*http://ja.scp-wiki.net/esoteric-syntax/ 難解Wikidot構文]
[[/div]]
[[div class="menu-item"]]
[[image help.png]][*http://scp-jp.wikidot.com/scp-style-resource SCPスタイルリソース]
[[/div]]
[[div class="menu-item"]]
[[image help.png]][*http://ja.scp-wiki.net/image-use-policy/ 画像利用に関するポリシー]
[[/div]]
[[/collapsible]]
[[/div]]

[[div class="side-block" style="background-color: #ffffff;"]]
[[collapsible show="情報とライブラリ" hide="情報とライブラリ"]]

[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/search:site/q// SCP-JP 通常検索]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/tag-search/ SCP-JP 複数タグ検索]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/object-classes/ オブジェクトクラス]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/security-clearance-levels/ SCレベルと職種]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/groups-of-interest/ 要注意団体-EN]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/groups-of-interest-jp/ 要注意団体-JP]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/secure-facilities-locations/ セキュリティ施設-EN]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/secure-facilities-locations-jp/ セキュリティ施設-JP]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/task-forces/ 機動部隊-EN]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/task-forces-jp/ 機動部隊-JP]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/canon-hub/ カノンハブ-EN]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/canon-hub-jp/ カノンハブ-JP]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/goi-formats/ GOIフォーマット-EN]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/goi-formats-jp/ GOIフォーマット-JP]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/system:page-tags/tag/orientation#pages/ オリエンテーションTales]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/system:page-tags/tag/ハブ#pages/ ハブページ一覧]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/members-pages-jp/ 著者ページ-JP]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://ja.scp-wiki.net/members-pages-jp/ 職員名簿-JP（角宇野記録官の人事ファイル）]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][*http://scp-jp-sandbox2.wikidot.com/guideline:minor-goi-list/ 準要注意団体（仮）]
[[/div]]
[[/div]]
[[/collapsible]]
[[/div]]
[[/div]]
----

[[div class="side-block" style="background-color: #fff0f0;"]]
[[collapsible show="管理" hide="管理"]]
[[div class="menu-item"]]
[[image main.png]][/_admin サイトマネージャ]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][[[system:list-all-pages|すべてのページ]]]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][[[system:members|サイトメンバー一覧]]]
[[/div]]
[[div class="menu-item"]]
[[image default.png]][[[nav:side|サイド]]] | [[[nav:top|トップ]]]
[[/div]]
[[/collapsible]]
[[/div]]

~~~~

[[a href="#" class="close-menu"]]
[[image black.png style="z-index:-1; opacity: 0.3;"]]
[[/a]]

---

Q4. サイトのアイコンを設定したい

ブラウザのタブやショートカットに描画されるアイコン、欲しいですよね。サンドボックスや殆どの個人wikiはサイトアイコンを設定していないので、識別できるアイコンの存在は利便性の観点から有り難いはずです。

そんなアイコンはやはり「Admin Panel」から設定します。続いて「Appearance & Behaviour」を開き、そのものズバリ「Icons」にアクセスしましょう。そうしたら「Favicon」「iOS」「Windows 8 Tile」、全てのタブのアップロードフォームから、アイコンに設定したいお気に入りの画像をアップロードしましょう。なお、反映には一時間ほど要することもあるので気長に待ちましょう。

---

Q5. SCP-JP wikiで動作した構文が機能しない！

一部のカノンテーマや一部の構文はサイトに実装しないと描写されない場合があります。多くの場合、includeから始まる構文でサイト内の別ページにある長大なCSSやHTML構文を呼び出しているので、呼び出し先のページがなければ動作しないのです。
こういう場合はSB3や外部で有志の方が立てられた「SCP-JP環境再現サイト」に逃げ込む手もありますが、今回はSCP-JPから該当のページをコピーして同様のページを作成してしまいましょう。

まず、実装したい構文が記述されているSCP-JPのページ名と同じ名前のページを、あなたの個人wikiに作成します。
例えば、第三法則のCSSテーマ（http://scp-jp.wikidot.com/theme:3law） を実装したい時は、「component:theme:3law」と新規ページ作成モジュールに入力します。

そうしたら、そのページに

[[include :scp-jp:component:実装したいコンポーネントの名称]]

を貼り付けます。先程の例をだすと、貼り付けられるのは[[include :scp-jp:component:3lawtheme]]となるでしょう。

この方法はSCP-JPのサイトからinclude文でコンポーネントを呼び出しているので、これだけで終わりですが、ページすべてをコピーして貼り付けて、画像を全てダウンロードしてアップロードするという方法もあります。その際は、「Page Source」から必ずコピーしてください。これらテンプレートページを改ざんした場合、該当の構文を使用するページ全てに不具合が生じます。

---

Q6. スマホからサイドバーが見られなくなった/閉じられなくなった

トップバーを編集した時に以下の構文を削除・欠損したか、

[[div class="mobile-top-bar"]]
[[div class="open-menu"]]
[#side-bar ≡]
[[/div]]
[!--ここにモバイル用のトップバーメニュー--]
[[/div]]

サイドバーを編集した時に以下の構文を削除・欠損した可能性があります。

[[a href="#" class="close-menu"]]
[[image black.png style="z-index:-1; opacity: 0.3;"]]
[[/a]]

現在のバージョンと編集前のバージョンの比較はページオプションの「History」からできます。任意の2つのリビジョンにチェックを入れ、「Compare version」をクリックすると、その下に2つのリビジョンの差が青赤に線が引かれて示されています。それをもとに誤って削除したカッコがあったり、スラッシュを入れ忘れたりしてないか確認してみましょう。

また、「R（Compare version）」というボタンを押すとその列のリビジョンにページを差し戻すことが出来ます。

+ 詳細な仕組み

スマートフォン端末からの閲覧中、サイドバーは通常隠れている状態ですがページのURL末尾に#side-barと付加することでCSSの:target擬似クラス(外部サイト)を使用して適用されているスタイルを変更して表示しています。

この"#side-barを付加する"リンクが左下のボタンになっています。

さて、このボタンはSCP-JPではトップバー(nav:top)に含まれる以下の部分です。

[[div class="mobile-top-bar"]]
[[div class="open-menu"]]
[#side-bar ≡] ←これがリンク
[[/div]]
[!--ここにモバイル用のトップバーメニュー--]
[[/div]]

また、「サイドバーを閉じる」のは、サイドバー(nav:side)の以下の部分です。

[[a href="#" class="close-menu"]]
[[image black.png style="z-index:-1; opacity: 0.3;"]]
[[/a]]

これらの構文が欠損されるとモバイル端末でサイドバーを閲覧できなくなりますので気を付けて編集して下さい。

引用:
ukwhatnさんによる解説・SCP-JP公式チャット#構文より
https://discordapp.com/channels/286871252784775179/679720675891609644/682149278818369536

---

Q7. 編集したら構文が正常に描画されなくなった

このページの上に戻り、目次の上にある「心得のないあなたはここをクリック」の、「History」の項を参照してください。

_{目次に戻る}

8. 最後に

お疲れ様でした。これにてこのエッセイは終了です。ここまでの作業を終えたあなたなら、個人Wikiをもっともっとカスタムし、有効に使っていけることでしょう。
このエッセイの執筆には、以下のガイドやwikiに助けられました、作成者諸氏に感謝を申し上げます。
加えて、Sigma-9を制作したAelannaさんにも感謝を。
最後に、批評をしてくださったRTa_technologyさん、shu_yabiyabiさん、Rokurokubiさん、そして査読をしてくださったukwhatnさんをはじめとしたスタッフの皆さん、ありがとうございました。

執筆の助けになったガイドと著者達
『WikidotにおけるSCP風個人wikiの作成方法』
（http://yabiyabi-woods.wikidot.com/wikidot-kojin-wiki）
著者 shu_yabiyabi
『How to create a brunch of the SCP-Foundation』
（http://www.scp-wiki.net/how-to-create-a-branch-of-the-scp-foundation）
著者 Dr_Grom
『Forums: step by step guide』
（http://community.wikidot.com/howto:forum-step-by-step）
著者 michal-frackowiak
『椎茸天然製造』（SCP-JP構文勢の巣窟）
（http://shitake-crude-production.wikidot.com/）
最高管理者 C-take

_{目次に戻る}

9. おまけ

+ おまけとしてSCP関連の外部wikiを紹介するぜ

日本語圏

SCP-JP環境再現サイト

SCP-JPの環境を再現した実験サイト。参加自由な雑多なサイトであり、専ら共著や共訳の拠点となっている。1998年カノンハブの作成や第三法則ハブの再翻訳プロジェクトでお世話になりました。

---

砂wiki

「結構濃いめなSCPFファンサイト」を自称し、カノン考察や設定資料置き場として運用する方針のようだ。SCPをメタ視点から解説したコンテンツが溢れており、オネイロイ・ダエーバイト・サーキシズム・「帝国」と、カロリーを要求する彼らの履修に役立つ解説がいっぱいだ！

---

星は我等の手の内にある

「外宇宙支部企画」のために設立された外部wiki。「外宇宙支部」にまつわる設定のほか、『外宇宙支部のオリエンテーション』を共著するために4か月かけて行われた定例チャットのログが保管されている。なお最近は企画が停滞しているが、一応カノンハブ作成要件が達成されていたりする。

---

椎茸天然製造

SCP-JPが誇る構文勢の培地。痒い所に手が届く構文が置いてあったりする。私はこの記事を書くときに『表の機能強化』のページを頼りました。助かる。

---

SCP-JP非公式ファンサイト

とにかく色んなコンテンツがある。普通のSSからSCP記事風SS、ファンアートまで。

英語圏

The Wanderers' Library

放浪者の図書館。要注意団体-EN"蛇の手"に関連するSCP関連の外部創作wiki。SCP-ENの公式姉妹サイトです。凝ったサイトテーマとSCP関連の外部創作wikiとしては高い活動頻度を誇ることで知られます。

---

Chaos Insurgency

要注意団体-EN"カオス・インサージェンシー"に関連するSCP関連の外部創作wiki。あくまで、非公式であることに注意。こちらも活動頻度は高め。

---

Psychotronics Division

要注意団体-EN"GRU-P部局"に関連するSCP関連の外部創作wiki。同じく、非公式であることに注意。こちらの活動頻度は緩やか。

---

KaktusKontainer

djkaktusが設置した、外部サンドボックスサイト。

---

The Topiary

招待制の外部サンドボックスサイト。メンバーを見ればわかる、つよつよ著者たちだ。

---

Gurubox

名が体を表すとはこのことか。「Site Members」じゃなくて「THE GURUS」。最近JPから進出者が増えつつあるようだ。あなたも目指してみればいかかでしょう。

_{目次に戻る}

Footnotes

1. 収デン１頒布の『X. ブマロとイオンアンソロジー』掲載『何が何でも現代社会にサーキックを伝えるため有名実況者になりたいカルキストイオン』（著者: 育良 啓一郎）より。

2. 砂箱を使うという選択肢もあるが、これらをため込んでしまってはポータルが飽和してしまうし、ページごと削除してしまってはカルマレベル上昇に必要なリビジョン数の消去につながってしまう。

3. Cascading Style Sheets。サイトの文書のデザイン（スタイル）を修飾するスタイルシートの一つ…らしい。SCP-JPではGoIやカノン固有のテーマをデザインする際によく用いられているのを見かける。

4. ページ上でこのような脚注や太文字、折りたたみ、テーマを始めとした様々な効果を演出することに用いる特殊なコード。

5. 同サイト内のページを開くためのリンク。この場合はあなたの個人wiki内のページへ移動する際に使えます。

6. 外部サイトのページを開くためのリンク。この場合はあなたの個人wikiの外のサイト、SCP-JPやSB3などへ行くために使えるリンク。

7. 「最近の更新」ページを使うのも手ですが、最近のリビジョン全てが並ぶので使い勝手は悪い。

8. フォーラムのスタートページ。フォーラムのリンクはここにつなげよう。

9. フォーラムのカテゴリページの元となる。実際に作成/使用されるカテゴリページはスラッシュ以下の文字列がcで始まる。

10. フォーラムのスレッドページの元となる。実際に作成/使用されるカテゴリページはスラッシュ以下の文字列がtで始まる。

11. 最近のポストが確認できる。

12. フォーラムのカテゴリページから新しいスレッドを作るために必要。