ページの作り方 - ジャラジャラトレジャー@ ウィキ

※当ページはゲーム内の内容とは全く関係なく、編集者用のページです。ご注意ください。

ページ制作練習はこちら→空き地
チャット/ツールはこちら→編集用ツール

---

・目次

...

---

※私的重要度を星の数で表しているので参考にして下さいください。

基礎編(初心者〜中級者向け)

...

ページを新規作成する　☆☆☆

...

wikiを開いて画面上部にある新規作成を押します。

すると下のような画面になります。

この画面で、ページ名を入力し、作成ボタンを押してください。
すると、ページを作成することができます。

目次を作る　☆☆

...

大きなページを作る場合は、目次があると便利です。
目次を作る際には、

#contents

を使います。

なお、今回はページ初めに目次を設けている為、例は省略させて頂きます。ご了承下さい。

見出しを作る　☆☆☆

...

見出しを作る時は、見出しにする文字の前に「*」(アスタリスク)を付けます。
1個だと大見出し、2個だと中見出し、3個だと小見出しになります。

大見出し

中見出し

小見出し

編集ページ上部にある　見出し　ボタンを使うとサクッと打てます。
(慣れたら自分で打ったが早いかも？)

文を書く　☆☆☆

...

文を書く時は何もせず、普通に書きましょう。
ただ、見やすく、読みやすい文章を目指しましょう。

また、ページ作成する上で全てのことに言えるのですが、プレビューを確認しながら作ると良いでしょう。
こまめに確認することで、大きなミスを防ぐことができます。

ページを編集した際、最後に画面右下にある　公開する　ボタンを押さないと編集は反映されません。
制作途中でも一度作業を止める際には必ず公開するボタンを押すようにしましょう。
操作が慣れないうちは、一区切り書くごとに公開し、自分が書いた文が消えてしまわないようにしましょう。
また、既に完成しているページを参考にした際、ミスでページの文字を消してしまったりした場合は、公開するボタンは押さず、wiki上部のアイコンからホームページに戻り、操作を中断しましょう。
もしページを壊してしまった場合は、速やかに作業用ツールページのチャットにてお知らせ下さい。
対応可能なメンバー等が対応します。
無理に自分で直そうとし、より酷くなってしまった場合の方が修復に時間がかかります。
自分で出来ること以外は基本触らないようにしましょう。

文字のサイズを変更する(基礎)　☆☆

...

文字を大きくする　☆

...

文字を大きくする際は、

&big(){入力したい文字}

と記入しましょう。

例: 文字が大きくなるぅ

文字のサイズを小さくする　☆

...

文字を小さくする際は、

&small(){入力したい文字}

と記入しましょう。

例: 文字が小さくなるぅ

文字を強調する(基礎)　☆☆

...

文字を強調したい時は、太字や色文字、アンダーラインを使いましょう。

太字　☆☆

...

太字を使う時は、

&bold(){入力したい文字}

を使いましょう。
こちらも編集ページ上部にある　太字　ボタンを使うことで簡単に入力できます。

例: 文字が強調されるー

色文字(基礎)　☆☆

...

色文字を使う時は、

&color(文字色){入力したい文字}

を使いましょう。
こちらも編集ページ上部にある　カラー　ボタンから簡単に入力できます。
しかし、赤、青、黄、緑の4色しか使えません。
他の色を使いたい場合は編集用ツールページにある色文字を活用しましょう。

例: 色がついたよぉ

アンダーライン　☆

...

アンダーラインを使う時は、

&u(){入力したい文字}

を使いましょう。
こちらも編集ページ上部にある　下線　ボタンで簡単に入力できます。

例: アンダーラインがついたよぉ

文を整理する　☆☆

...

編集ページを見ていれば分かるかと思いますが、文を決めた区画でまとめ、閉じておくことが可能です。
文をまとめるときには、

#region / #endregion

を使用します。
regionをまとめたい文の前に、endregionをまとめたい文の最後に付けるとこでまとめることができます。
また、複数個使う場合は複雑になりやすいため、気を付けて下さい。
編集ページにて多用している為、今回は例を載せません。ご了承ください。

また、「region」の後ろに()を付けることで、()内の文を閉じている時に表示することが出来ます。
しかし、太字や色文字を使うと上手く動かない為、注意して下さい。
(やり方わかる人がいれば追記お願いします。)

表を作る(基礎)　☆☆☆

...

表を作る場合は、

|

を使用します。
この縦棒を文頭、区切り、文末に付けることで作成することができます。
編集ページ上部の　テーブル　ボタンで縦棒をまとめて複数個出すことが出来ます。
基本的には縦棒1本をコピーした状態で、必要な所でペーストすると書きやすいです。
また、表中に空白を入れても反映されないため、気を付けて下さい。
また、一つの表を作る際は、縦棒の数を各行で合わせるようにして下さい。
数が合わないと表がバラバラになります。

悪例

表が

バラバラ

に

な

っ

ちゃ

う

ー

例

表は	意外	と	簡単	に
書け	ちゃう
のだ	☆

作り方は簡単ですが、綺麗な表を作ろうとすると少し難しくなります。
各自で工夫してみて下さい。(ゑ

コメント欄を付ける　☆

...

コメント欄をつける際は、

#comment / #pcomment

を使います。
前者と後者でデザイン等が変わる為、よりページに合った方を利用しましょう。
また、コメント欄はページ最下層に常設されているものもあります。

例: comment

• コメント例 -- 港区おぢさん (2024-01-04 22:52:32)

例: pcomment
ページ最下層に記入

水平線を入れる　☆

...

あまり使用することはないと思われますが、水平線を入れたい場合、

----

を使用します。
編集ページ上部の　水平線　ボタンから簡単に入力できます。
ただし、水平線記号を入れた行に文字があると水平線が引かれないので、注意して下さい。

例: これ↓

---

写真を挿入する　☆☆

...

wikiを書くうえで、写真を利用したいことがあると思います。
その場合は、

&image(画像ファイル名または画像URL)

を使いましょう。
編集ページ上部の　画像　ボタンから挿入することができます。

画像ボタンをクリックすると、上のようになります。
この時、アップロードしていない画像の場合は1番上を(基本これ)、アップロードした画像の場合は真ん中をクリックしましょう。

• 画像をアップロードしていない場合

1番上のボタンをクリックすると、上のようになります。
この画面で、ボックスに使いたい画像を入れましょう。
すると、自動で画面に写真の文字文が記入されます。

• 画像をアップロードしていた場合

真ん中のボタンを押すと、上のようになります。
この画面の中から、使用したい画像を選択しましょう。
すると、自動で画面に写真の(以下略

別ページへのリンクを貼る　☆☆☆

...

別ページへのリンクを貼りたい場合、

[[　]]

を利用します。
[]の間にページ名を入力するだけで大丈夫です。
なお、ページ名が1文字でも間違っていれば飛ぶことが出来ません。
使用した際は、ちゃんと目的のページに飛ぶことが出来るか確認しましょう。
また、[]内にサイトのリンクを入れることで、リンク先に飛ぶこともできます。

例: 編集用ツールのページ
編集用ツール

書いたページを記事メニュー欄に追加する　☆☆☆

...

書いた記事を閲覧者が簡単に見つけられるように、記事メニューにページのリンクを貼りましょう。

記事メニュー(開き方はホームページ記載)の最下層にある、　ここを編集　という文字をクリックしましょう。
すると、通常ページと同じ様な編集画面に移ります。
その画面から、自分の書いたページと関連する欄に、自分のページのリンクを貼って下さい。
再度説明しますが、別ページへのリンクを貼りたい場合、

[[　]]

を利用します。
[]の間にページ名を入力するだけで大丈夫です。
なお、メニュー欄に追加する際は、[]の前に「-」(ハイフン)を付ける様にして下さい。(見た目の都合上)
ページ名が1文字でも間違っていれば飛ぶことが出来ません。
使用した際は、ちゃんと目的のページに飛ぶことが出来るか確認しましょう。

応用編(上級者向け)

...

文字のサイズを変更する(応用)　☆

...

文字のサイズを変更する際は、

&size(文字の大きさ){入力したい文字}

を使用すると、基礎で紹介したものより自由に変更できます。
文字の大きさの単位は、% / px / pt / em が使用できます。
今回は最もわかりやすい%で例を紹介します。

%を使うと、100%が基本のサイズ(このサイズ)となります。
そのため、大きくしたいときは100%より大きく、小さくしたいときは100%より小さくしましょう。

例: 50%
50%のサイズー

例: 100%
基本のサイズー

例: 200%
200%のサイズー

例: 1000%
デカすぎ　ワロタ

文字を強調する(応用)　☆

...

色文字(応用)　☆

...

色文字には、背景色をつけることができます。
この場合は、

&color(文字色,背景色){入力したい文字}

と入れましょう。
こちらでは色の組み合わせを考えることで、より目立たせることができます。
しかし、多用しすぎると見にくくなってしまうため、非常に重要なところでのみ使うようにしましょう。

例: すんごく目立つよぉ

表を作る(応用)　☆☆

...

表を綺麗にする

...

複数の表を作る時、内容が同じ物であれば一つの大きな表として見立てると見栄えが良くなります。
釣りのページを見ると分かりやすいでしょう。→１面の魚と効果

例

適当	な	表	を
すごく	適当に	作って	ます
割と	面倒	くさい	から

もう一個	適当に	作って	おいた
この	文に	意味は	全く
ない☆

↓修正

適当	な	表	を
すごく	適当に	作って	ます
割と	面倒	くさい	から
もう一個	適当に	作って	おいた
この	文に	意味は	全く
ない☆

表に色を付ける　☆☆

...

表の枠内に色を付けることができます。
色をつけたい時は

BGCOLOR(付けたい色):入力したい文字

を使いましょう。
これを縦棒で挟むことでその枠内に色を付けることができます。
文字色と組み合わせて使うことで活用できそうですね。
この時、縦棒とBの間に空白があると上手く作動しないため注意して下さい。

例

数値1	数値2	数値3	合計値
1	3	5	9
3	4	5	12

上付き文字　☆

...

上付き文字を利用したい場合は、

&sup(){入力したい文字}

と記入しましょう。

例: 2
²

↓使い方

100m ²

下付き文字　☆

...

下付き文字を利用したい場合は、

&sub(){入力したい文字}

と記入しましょう。

例: 2
₂

↓使い方

CO ₂

斜体文字

...

斜体文字を使いたい場合は、

&i(){入力したい文字}

と記入しましょう。
(簡単ですが、使う事が無さそうなので応用編に収録されています。)

例: 文字が斜めになるぅ

取り消し線

...

文字に線を入れることができます。

&s(){入力したい文字}

を使うことで使用可能です。
編集ページ上部の　取消し線　ボタンで簡単に入力できます。
(簡単ですが、使う事が無さそうなので応用編に収録されています。)

例: 文字に線が入ってるぅ

等幅フォント

...

等幅フォントを使用したい際は、

&tt(){入力したい文字}

と記入する事で使用できます。

例:
文字の幅が均等になーる
文字の幅が均等になーる←通常

点線を付ける　☆

...

点線をつけたい場合は、

&underdot(点線の色,点の大きさ){入力したい文字}

と記入します。
点の大きさは、単位pxで、1〜9で選ぶ事ができます。

例: 3pxの赤い点線
赤い点々だぁ

ルビをふる　☆

...

ルビをふりたい場合は、

&ruby(付けたいルビ){入力したい文字}

と記入しましょう。

例
暴食之王(ベルゼビュート)
↑転◯ラのアレ

課金(マネーイズストロング)
↑ポプテピ◯ックのアレ

発展編(達人/変人向け)

...

文字のサイズを変更する(発展)

...

文字のサイズをまとめて複数行変更する場合、

#size(フォントサイズ){{{
入力したい文字
入力したい文字
}}}

と記入しましょう。

例: 120%

お婆さんが桃拾う
お爺さん桃パッカーン
赤ちゃんぼーん
すくすく成長
鬼退治goー
仲間と鬼しばいて帰宅ー

文字を強調する(発展)　☆

...

基礎、応用にて記載したものは重ねがけすることが可能です。
ただし、編集画面での文が複雑になる上、見にくくなることが多々あるので、使用はあまりお勧めしません。

例: 色文字+太字
色付きの太字ー

例:太字+アンダーライン
アンダーライン付きの太字ー

例: 色文字+アンダーライン(文字のみ色付き)
色文字とアンダーラインー

例: 色文字+アンダーライン(全て色付き)
色付きのアンダーラインー

例: 色文字(背景色付き)+太字+アンダーライン(全部乗せ)
ごちゃごちゃだよー

また、文字の大きさ変更とも重複させることが出来ます。

例
色付きの太字ー
アンダーライン付きの太字ー
色文字とアンダーラインー
ごちゃごちゃだよー

文字の装飾　☆☆☆

...

文字を装飾する際は、

&font(対応記号,対応記号,対応記号){入力したい文字}

を使用します。
対応記号は以下の通りです。

• i

文字を斜体にする

• b

文字を太字にする

• o

文字上部に線を引く

• u

文字下部に線を引く

• l

文字に取消し線をつける

• カラーコード(red,blue,#000000など)

文字に色を付ける(2つ付けると2個目は背景色になる)

• フォントサイズ(100%,60pxなど)

文字の大きさを変更する

例: サイズ150%、太字、赤色、背景色黄色、下線付き
もはや何でもあり

悲報:基礎応用発展と説明していった文字サイズ変更シリーズおよび文字強調シリーズ超いらんかった

コメントの設定変更　☆

...

以下の文字列をコメント文字の後ろにつけることでコメントの設定を変更できます。
使用しているコメントツールによって使えるものが変わるため、今回は「pcomment」に対応しているものを一部紹介します。

• enableurl

コメントボックスにURLを記入できるようになる。

• 数字(1〜40)

コメントの表示件数を変更する。

• reply

ツリー型に返信できるようにする。

• new

24時間以内に投稿されたコメントの末に「new」と表示させる。(nodateと重複不可)

• nodate

コメントの投稿日時を記録しないようにする。(newとの重複不可)

• noname

コメント者の名前を記録しないようにする。

• below

新しいコメントを上に表示する。

etc…(詳しくはこちら→https://w.atwiki.jp/guide/pages/921.html#id_13e3bec5

使い方

#pcomment(設定したい記号,設定したい記号,設定したい記号)

上記のように()内を「,」で区切ることで、複数個付けることが出来ます。

ログインメンバーのみに表示　☆

...

ログインしている人のみに見える文を打ちたい時は、

&logined_mes(表示させたいメンバーの種類){入力したい文字}

と記入しましょう。
()内は基本無記入で問題ありませんが、管理者のみに表示したい場合は「admin」、メンバーのみに表示したい場合は「member」と記入しましょう。

改行する

...

改行する場合は、

&br()

と記入しましょう。
こんなんせんでも普通に改行すればいいじゃん…

例:
実は
これ
編集ページだと
1行なんです
(笑)

まとめ(的な何か)

...

wikiでは他にも様々な記法や文字コードがあります。
編集ページ上部にある　プラグイン　ボタンを押してみて下さい。
様々な機能を見ることができます。
詳しい使い方等はこちら→https://w.atwiki.jp/guide/pages/264.html
しかしながら、専門的なものが多く、使用頻度は非常に低い上、使用難度の高いものばかりです。
正直私にも使い方が分からないものがほとんどです。(草
興味のある方は使用方法を検索する等しながら使ってみては如何でしょうか。

え？おぢ？絶対使いたくない☆だってややこしいし(((

---

他に知りたいこと等あればコメントで教えて下さい。
おぢが暇だったら書き足します。(雑
コメント↓↓↓