実験室

実験室です。

目次

1 編集技術

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

1-1-1 表の作り方

表の作り方はこれ

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

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

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

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

一つ目のコメント欄

*コメント
#pcomment

でできます。

二つ目

#comment

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

1-1-3 リンクの作り方１

wiki内リンクの作り方

[[Wiki実験室]]
[[トップページ>FrontPage]]

Wiki実験室
トップページ
ページ名を[[]]で挟むとできます

[[表示したい文字>ページ名]]

で表示する文字を変更できます

[[ここをクリック>FrontPage]]

ここをクリック

1-1-4 リンクの作り方２

wiki外リンクの作り方
[[]]でページのURLを挟むとできます

[[ページのURL]]
[[表示したい文字>ページのURL]]

こんなかんじでできます

wiki内でもリンクできます
http://wikiwiki.jp/tygl/
トップページ

[[http://wikiwiki.jp/tygl/]]
[[トップページ>http://wikiwiki.jp/tygl/]]

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行以上になると更新できなくなるので
積極的につかっていきましょう。
※参照　2-1　ページが更新できなくなったら１

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;

1-3-5 ツールチップ

&tooltip(<term>){};

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

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

こんなかんじになります

1-3-6 ボタン

ボタンの作り方
テスト

&button{テスト};

こんなかんじです
テスト
テスト

&button{&color(Red){テスト};};
&button{&size(25){テスト};};

1-3-7 リンクの作り方　発展

リンクの作り方１
リンクの作り方２
上の文章をクリックしてみましょう
それぞれリンクの作り方１、リンクの作り方２にとんだとおもいます
作り方

[[リンクの作り方１>#w54a4f69]]
[[リンクの作り方２>#a3465aa2]]

この#w54a4f69や#a3465aa2はアンカーと呼ばれるものです
※参照　1-2-4 見出し

***1-1-3 リンクの作り方１ [#w54a4f69]
***1-1-4 リンクの作り方２ [#a3465aa2]

このアンカーを入力してやることで見出しへのリンクができます
トップページのコメント欄へ

[[トップページのコメント欄へ>FrontPage#ummsk29]]

他ページの見出しへのリンクもできます

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);|

RSS

#showrss2(RSSへのパス,テンプレート名,表示行数,キャッシュ生存時間,更新日表示フラグ)

これでこうすると出てきます。(例は闇討善悪のメインブログです)

#showrss2(RSSのパス,,10,,1)

#showrss2(http://breakthrough.hatenablog.jp/rss,recent,10,,1)

#showrss2(http://breakthrough.hatenablog.jp/rss,menubar,10,,1)

2　バグについて

2-1　ページが更新できなくなったら１

Wiki実験室/実験ページ1
↑のページのようになったら行数オーバーです。
行数を減らすと大丈夫です。
検証してみたところ1601行で行数オーバーになります。
行数オーバーにならないように改行を積極的に使っていきましょう
※参照　1-2-7 改行の仕方

2-1　ページが更新できなくなったら２

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

3　実験

4 要望など

～の作り方を教えてほしいとか、～の説明がよく分からないという方はここにコメントしてください。

• ボタンの作り方ないと安定しない -- ううう? 2016-03-07 (月) 21:07:34

5 その他

なにかあったら更新します。

6 コメント

ざわざわテスト場(試作機)