ページ建築講座

目次

1 編集技術

1-1 かならずおぼえておこう編

1-1-1 表の作り方

表の作り方はこれ

|~見本|~見本|
|見本|見本|

これで完成です。
|←これで挟んだところが表の内部になります。

1-1-2 コメント欄の作り方

コメントの作り方は2つあります。

一つ目のコメント欄

*コメント
#pcomment

でできます。

二つ目

#comment

を打つとコメント欄ができます。

1-2 初級編

1-2-1 電光掲示板

これのやり方は

#marquee(テスト,,,Black,yellow,20)

と打てばok
ちなみに数字を変えると
テスト,,,Black,yellow,40)の場合は

となります

数字を小さくすると

にります。

1-2-2 目次の作り方

|~目次|
|#contents|

こうすると目次の出来上がり

1-2-3 メモの作り方

#memox(80,10,更新,<DELIM>)

でできます。

#memox(縦幅(ピクセル),横幅(ピクセル),ボタンの言葉,<DELIM>)

1-2-4 見出し

見出しの作り方

*テスト

と打つと見出しの完成です。

また、

**テスト

や

***テスト

を打つのもok

見出しをつけると、見出しの後ろに [#r5c0b8ee] のような文字列が自動で作成されます。
これがあることで、見出しのところに直接行くことができます。(目次など)
同じ文字列にすると、正常に動作しないので、気をつけてください。

1-2-5 番号付きリスト

+てすと

++てすと

+++てすと

-てすと

--てすと

--てすと
とやると番号付きリストが出来ます。

1. テスト
   1. テスト
      1. テスト

• テスト
  • テスト
    • テスト

離すと番号は1からになります。

1. テスト

工夫すればいいかもしれない？

1-2-6 水平線の引き方

----
#hr

• を四つ以上または、#hrで水平線が引けます。

1-2-7 改行の仕方

テスト
テスト

テスト&br;テスト

改行するには↑のように

&br;

↑の文字列をつかいましょう。
表の途中で改行することもできます。
ちなみに、バグのところで書いてあるように
1601行以上になると更新できなくなるので
積極的につかっていきましょう。

1-3 中級編

1-3-1 色について

&color(Maroon){テスト};
&color(Green){テスト};
&color(Olive){テスト};
&color(Navy){テスト};
&color(Purple){テスト};
&color(Teal){テスト};
&color(Gray){テスト};
&color(Silver){テスト};
&color(Red){テスト};
&color(Lime){テスト};
&color(Yellow){テスト};
&color(Blue){テスト};
&color(Fuchsia){テスト};
&color(Aqua){テスト};
&color(White){テスト};

 &color(色){文字};

1-3-2 折りたたみ式の文字

作り方

#region(文字)

#endregion

でok

1-3-3 カウンター

&size(20){今日見てくれた人数&color(Red){&counter(today);人};};
&size(20){昨日見てくれた人数&color(Blue){&counter(yesterday);人};};
&size(20){これまで見てくれた人数&color(Purple){&counter;人};};

&counter(today);

&counter(yesterday);

&counter;

1-3-4 カウンター応用

&online;

&_now;

|>|~&_now;現在|
|''&color(Blue){wiki閲覧中};''|''&color(Blue){&online;人};''|
|''&color(Blue){今日来た人};''|''&color(Blue){&counter(today);人};''|
|''&color(Blue){昨日来た人};''|''&color(Blue){&counter(yesterday);人};''|
|''&color(Blue){総数};''|''&color(Blue){&counter;人};''|

1-3-5

&tooltip(<term>){};

(中に文字を入れると)
<term>テスト
中はこんな感じ

&tooltip(<term>テスト){見えましたか?};

こんなかんじになります

1-4 上級編

1-4-1 表の作り方(応用)

|テスト|テスト|
|>|テスト|

|テスト|テスト|
|~|テスト|

1-4-2 おみくじ

#randommes(おみくじ,,page)

とやると、おみくじが可能です。
ただし、使う場合は、共通ではなく、『○○(○には利用者の名前)/おみくじ』ページを作り、

#randommes(○○(○には利用者の名前)/おみくじ,,page)

としていただきます。
↓出力結果(此方はサンプルとなります。)

おまけでこんな事も出来ます。

#randommes(○○(○には利用者の名前)/おみくじ,daily,page)

こうすると日替わりになります。

1-4-3　画像添付方法

画像添付のやり方

#ref(添付ファイル名)

もしくは

#ref(ファイルのURL)

で画像添付したものが貼れます。

&ref(添付ファイル名、またはURL,nolink,コメント);

の場合はリンクなしでマウスを当てるとコメントが出ます。

&ref(添付ファイル名、またはURL,nolink,コメント);

をおすすめします。結構便利なので。
ここではサンプルとしてこれを置いときます。

なお、標準でも添付は可能だがこっちおすすめしますよ。

1-4-4　画像添付方法　発展１　画像を左右に寄せる方法

開けてください

画像を右に寄せる事が出来ます。→

#ref(ウィンドウ_1.png,right,nolinkコメント);

rightをleftに変えると左に、centerに変えると中央へ寄せる事が出来ます。

#ref(ウィンドウ_1.png,right,nolink,コメント);
#ref(ウィンドウ_1.png,center,nolink,コメント);
#ref(ウィンドウ_1.png,left,nolink,コメント);

1-4-5　画像添付方法　発展２　画像の横に文字を書く方法

開けてください

テスト
テスト

画像の横に文字を書く方法

#ref(ウィンドウ_1.png,left,around,nolink,コメント);
テスト
テスト
#clear

aroundを記入することでテキストの回り込みを可能とします。
つまり、画像のまわりに文字を書く事ができる、と言う事です。
大きい画像だと画像の大きさと同じ幅だけ回り込むので、
解除するには#clearを使ってください。

1-4-6　画像添付方法　発展３　画像の大きさを変更する方法

開けてください

画像の大きさを変更する方法

#ref(ウィンドウ_1.png,nolink,50%,コメント);

最大999%まで拡大出来ます。

#ref(ウィンドウ_1.png,nolink,999%,コメント);

1-4-7　引用文のやり方

>インライン要素

とやると引用文ができます。

テスト

テスト

テスト

これは空行があるまで作動します。ご注意ください。

1-4-8　画像添付方法　発展４　画像の縦横比を変える方法

#ref(ウィンドウ_1.png,nolink,50x100,コメント);
#ref(ウィンドウ_1.png,nolink,125x20,コメント);

(幅x高さ)でサイズを指定出来ます。

1-4-9　自動で行を追加する方法

:config/plugin/addline/ページ名

|テスト|テスト|テスト|テスト|

&addline(ページ名,above){行の追加};

1-5 アイデア編

上の作り方。

|>|>|BGCOLOR(#C0E0FF):|
|BGCOLOR(#E0F0FF):|BGCOLOR(#F0F8FF):COLOR(#0080FF):テスト|BGCOLOR(#E0F0FF):|
|>|>|BGCOLOR(#C0E0FF):|

でOKですん。
　　アイディアは最強！！！(この２つの画像はウディタ素材としても置いてますんでどうぞ)
※規約：自作発言禁止、製作者『闇討善悪』の名と『ここのWiki』のトップページのURLを記載

1-5-1 文字スクロールアイデア

#marquee(文字列,[behavior],[loop],[背景色],[文字色],[文字サイズ]);

の応用をここに・・・。

一応参考に見ていってね！
上のは以下のとおり！

#marquee(文字列);
#marquee(behavior指定(slide),slide);
#marquee(behavior指定(alternate),alternate);
#marquee(loop指定(5回),,5);
#marquee(loopと色指定(5回),,5,yellow);
#marquee("もっといぢわる文字列,)");
#marquee(文字サイズ20px,,,black,#AAFFAA,20);

1-5-2 文字スクロールアイデア２

表と組み合わせて使用する事も可能。

|文字列文字列文字列|文字列文字列文字列|文字列文字列文字列|
|#marquee(文字列);|#marquee(文字列);|#marquee(文字列);|
|#marquee(文字列,alternate);|#marquee(文字列,alternate);|#marquee(文字列,alternate);|

2　ページ作成の問題について

行数オーバーと表示されたら....行数を減らしましょう。
1600行以上はオーバーになるのでこのwikiでは1500行にしています。
ページを更新した後、真っ白なページになって更新できなくなったら
管理人、または副管理人に頼んでバックアップを消してもらいましょう。
バックアップの残り容量が少なくてバックアップを残そうとしているのに
容量が足りなくなっているときに発生するようです。
ちなみに、バックアップの数は３６０が限界でそれ以降は古いバックアップから順に
自動的に削除されます。

3 ヘッダー画像について

完全上級者向けなのでそれを踏まえて。(ヘッダー画像についてなので。)

コメント