最終更新 最終編集 管理者

(まだ編集中ですが、一部公開できる状態になったので一旦公開します。)

このサイトの編集方法

Discordに参加

mushroom-lab Discordサーバーにまずはご参加ください。
入場後は案内に従ってロールを受け取ってください。 Discordサーバーに参加はしたくないけど、ページの編集はしたいという方は個別に対応いたしますので、 管理人:やすちんのTwitterのDMでお知らせください。 ※Discordのアカウントと編集用アカウントは紐づけられているので、Discordは必須となります

編集者登録

コマンド入力

mushroom-labotというアプリbotが常駐しています。/を入力するといくつかコマンドが出てきますので、/cms_registerを選択してください。
すると、表示名display-nameの入力が求められますので、ページの最終編集者として表示したい名前を記載してください。匿名でもOKです。
x-account-idはX(旧Twitter)のIDで、表示名の後ろに記載されます(任意)。

コマンド入力
コマンド入力

mushroom-labotからの返答

コマンドを送信すると、次のような返答と、DMにメッセージが届きます。

labotからの返事
labotからの返事
labotからのDM
labotからのDM

送られてきたURLをクリックして編集者用ページ(これをCMSと呼びます)にアクセスしてください。

ログインとPW変更

アクセスすると次のような画面になるので、labotから送られてきたログインID一時パスワードをそれぞれコピペしてください。

ログイン画面
ログイン画面

すると、PWの変更が求められるので、先ほどの与えられたPWをペースト後、ご自身のパスワードを設定してください。
PWは暗号化されるのでご安心ください

パスワード変更
パスワード変更

PWの変更が完了すると、ダッシュボードページに移ります。

職業ページ編集

(通常ページの案内は後日改めて作成します)

編集するページを探す

ダッシュボードページのページ管理ボタンを押してください。

ダッシュボード画面
ダッシュボード画面

次のような画面になるので下書きまたはすべてを選択してください。

ページステータスのフィルター
ページステータスのフィルター

編集したいページの名前で絞り込めます。(今回は職業名)

ページフィルター
ページフィルター

右の編集ボタンを押すとページ編集画面に移ります。

プレビュー

編集の前に、先にプレビュー機能と保存機能の説明をします。
ページの下のほうにいくと、右側にプレビューボタンがあります。ページを編集してそのボタンを押すと、どのような見た目になるのかが確認できます。

保存

ページ最下部に保存後の状態があるので、下書きを選んで保存ボタンを押すことで編集内容が保存されます。 保存せずページを離れると編集内容が消えてしまうので、こまめな保存をお願いします。
(一定時間ごとに自動保存か、プレビューを押す度に保存する方法を検討中です。)
保存を押した後、やっぱりガッツリ戻したいというときは管理者側でロールバックが行えるのでその場合はお問い合わせください。

ページを公開できるぐらいの内容が出来上がったら保存後の状態レビュー待ちにして保存してください。 管理者に通知が飛びます。 その後レビュー待ちのまま編集して改めて保存ボタンを押しても大丈夫ですが、管理者に通知が何度も飛ぶので再度下書きにして保存することをお勧めします。 管理者が内容を確認後、状態を公開済みに変更します。 公開済みのページを編集する際は、保存後の状態下書きにしてから保存ボタンを押してください。

共通部分の編集

ここは現在構成を練っているところなので現状はなんとなくで埋めて大丈夫です。
こちらの共通基礎項目記載内容の説明(Googleスプレッドシート)で整理していきます。

職業ページの共通基礎情報
職業ページの共通基礎情報

とりあえずキャノンページここを参考にしていただければいいと思います。

概要・メリットデメリットの記入

主観でいいので、職業のアピールをしていきましょう。

スキル解説以降

構成がまだ完璧ではないのでマニュアルはまだ作成できません。直感で触ってみてください。
特に、6次スキルとスキル回しは変更が入る予定です。

記事本文(自由記述)

以上の項目では書ききれなかった職業の情報を独自で記載をすることができます。
現在、キャノンページでは狩場情報を書いていますが、そのうち共通項目に加える予定です。 各職業のテクニックや、雑学などもお待ちしております。

テキストボックス内の書き方

メイプル研究所では、難しいhtmlの知識を不要とし、なおかつ記事のレイアウト表現を自由にした独自Markdown記法を採用しています。

Markdown記法概要

見出しを作る、文字を強調する、項目や表を作る、リンクに名前を付けるなどを簡単に実現できる記法です。 例えば次のように記述すると

**文字の強調**と~取り消し線~
|表|a|b|
|:--|:--:|--:|
|1|a1|b1|

文字の強調取り消し線

中央揃え右揃え
1行目1-11-2

という感じになります。箇条書きについては独自記法にしてるので次の項目をお読みください。 表以外はDiscordのチャットでも同様に使えます。

独自Markdown概要

管理者が勝手に作った記法です。「htmlは難しい、markdownでは機能が足りない」を解決させるためにこの記法を採用しています。 勝手に、と言ったもののもちろんベースはあります。参考:Markdownのカスタムディレクティブ 画像の配置やサイズ、文字の色、表のソートやセル結合などはこれで実現させています。

元のMarkdownと異なるのは箇条書きだけです。

- 大
- 中
- 小

のように書くのが一般的なMarkdown記法ですが、このサイトでは

- 大
  - 中
    - 小

で、スペースの数ではなく、ハイフンの数で制御しています。 ブロックの始まりと終わりを分かりやすくするためにスペースで階層を判別できるようにしています。
同様の理由で改行は明示的に半角スペース2個ではなく<br>で記述します。 その他詳しい内容は次の項目マニュアルページをお読みください。

マニュアルページ

CMS上部にマニュアルがあります。こちらは上で述べたMarkdown記法について記載しています。
まだ全てを書ききれていないので近日中に更新します。 Safe HTML, Classの項目は上級者向けなので気にしなくて大丈夫です。

テンプレートページ

準備中です。作成済みのページ(CMSのページ管理公開になっているページ)をご参考ください。

メディア(画像・動画)のアップロードと挿入

案内作成中です、お待ちください。

この記事の実装/更新を待つ声

更新希望、受け取りました!

この記事が役に立った回数

ありがとうございます!

直してほしい声

改善希望、確認します!