>このページでは編集の基本を簡単に説明していきます。 >これを学んでみんなも編集をしてみよう!! >編集を試したかったら、[[編集練習ページ]]へ!! #contents *編集の始め方 編集はページが凍結されていない限り自由にできます。コンピューター版サイトで上のほうにある「編集」と書いたボタンを押すことで編集できます。スマホでやりたいときは、コンピューター版サイトに変えてやります。 &color(red){【【%%%!!!!!絶対に荒らしてはいけません!!!!!%%%】】}; *編集の基本その①「文字」 編集時にまず大切なのは文字。''太字にしたり''、'''斜体'''にしたり、%%%下線をつけたり%%%、%%取り消し線%%をつけたり、&color(red){色};もつけられます。組み合わせ次第では &color(blue,#dcdcdc){%%'''%%%''青太字斜体下線取消線(灰背景)''%%% '''%%}; なんてこともできます。(笑) (青はリンクと勘違いし易いのでできれば使わないようにしましょう。) &color(#3366CC){(こんな感じ(押せない))}; [[(こんな感じ(押せる)>易しく編集解説ページ]] ** 太字 ''太字''にしたいときは文字を「''」で挟みます。 **斜体 '''斜体'''にしたいときは文字を「'''」で挟みます。 **下線 %%%下線%%%をつけたいときは、文字を「%%%」で挟みます。 **取り消し線 文字に%%取り消し線%%をつけたいときは文字を「%%」で挟みます。 **色 文字に&color(red){色};をつけたいときは「&color(){};」とします。色は、2つ連ねると、(文字色,背景色)になります。 **文字サイズ 文字を&size(30){おっきくしたり};&size(5){ちっちゃくしたり};するときは「&size(){};」とします。 *編集の基本その②「表組み」 編集では、表を組むこともできます。こんな感じにね。 |LEFT:BGCOLOR(#dcdcdc):|CENTER:BGCOLOR(Blue):COLOR(white):|RIGHT:BGCOLOR(red):COLOR(white):|c |A|B|C|h |グレー背景黒い文字|青には白!|チカチカ| |寿司食べたい|えびがいいな|いかはいかが| |100000000000|わお。|I have a SUSHI!!| 横一列を【''1列''】縦一列を【''1レーン''】とよびます。 **バーティカルバーの使い方・出し方「|」 表組みにはバーティカルバー「|」という縦棒を使用します。バーティカルバーを3つ並べると↓ |1|2| このようになります。3×5置くと↓ |1|2| |3|4| |5|6| |7|8| |9|10| こうなります。 表は、 (バーティカルバーの本数-1マス)×(縦の本数)の区分けが出来ます。 バーティカルバーを出すには… ***PC シフトキーを押しながら上のほうにある¥を押すと入力できます。 ***スマホ 「たて」と入力してみましょう。そうすると変換候補に出てくるはず!! (i phone の人は、キーボードの左下の地球押して、123押して、#+=押して、中段の左から3番目にあります。) **書式指定行 表の行末に「c」を入力すると''書式指定行''になります。そうすることで、左寄り、右寄り、センタリングなど表の文字に影響させることができます。この影響はひとつのレーンすべてに及びます。指定用の文字は、大文字で書きます。 途中でまた書式指定行を書くと、そこより下はその効果になります。 ***左寄り バーティカルバーの間に「LEFT:」と打つと、その下に続く1レーンに左寄り効果が及びます。こうすることで文字を左寄りにすることが可能です。 |LEFT:|c |左| |分かりやすくするために長文。\(^_^)(^_^)/| めっちゃ左寄りになったでしょ? ***右寄り バーティカルバーの間に「RIGHT:」と打つと、その下に続く1レーンに右寄り効果が及びます。こうすることで文字を右寄りにすることが可能です。 |RIGHT:|c |右| |分かりやすくするために長文。\(^_^)(^_^)/| めっちゃ右寄りになったでしょ? ***センタリング バーティカルバーの間に「CENTER:」と打つと、その下に続く1レーンに中央寄り効果が及びます。こうすることで文字を中央寄りにすることが可能です。 |CENTER:|c |中| |分かりやすくするために長文。\(^_^)(^_^)/| めっちゃ中寄りになったでしょ? ***色指定 ・文字色 バーティカルバーの間に「COLOR:(指定色)」と打つと、その下に続く1レーンに色の効果が及びます。こうすることで文字を色有りにすることが可能です。色指定は、16進法(赤、青、白、緑のみは英語でも可)で指定します。 |COLOR(red):|COLOR(blue):|COLOR(#dcdcdc):|COLOR(#ff00cc):|COLOR(#ed6d35):|COLOR(green):|COLOR(#c6ffe2):|c |赤いね|青いね|グレーだね|ピンクだね|オレンジ!|ぐりんぐりーん|これは?!| ・背景色 バーティカルバーの間に「BGCOLOR:(指定色)」と打つと、その下に続く1レーンに背景色の効果が及びます。こうすることで背景を色有りにすることが可能です。色指定は、16進法(赤、青、白、緑のみは英語でも可)で指定します。 |BGCOLOR(red):|BGCOLOR(blue):|BGCOLOR(#dcdcdc):|BGCOLOR(#ff00cc):|BGCOLOR(#ed6d35):|BGCOLOR(green):|BGCOLOR(#c6ffe2):|c |赤いね|青いね|グレーだね|ピンクだね|オレンジ!|ぐりんぐりーん|これは?!| ***サイズ バーティカルバーの間に「SIZE(サイズの値):」と打つと、その下に続く1レーンにサイズ変更の効果が及びます。こうすることで、文字のサイズを自由に変えることが可能です。 |SIZE(7):||SIZE(20):|c |ちいさい!|ふつー|でか!| **ヘッダ行・フッタ行 ヘッダ行・フッタ行は強調のためにあります。どちらも効果的には変わりませんが、次のような特徴があります。 ***ヘッダ行 表の行末に「h」を入力すると''ヘッダ行''になります。 ヘッダ行は普通行を抜かし、必ず''上''に来ます。 〈例〉この表は1列目が普通行、2列目がヘッダ行に設定しましたが、ヘッダ行が1列目に来ていますね。 |マグロ!|サーモン?|お!エビ!!| |SUSHI!|SUSHI?|Oh!SUSHI!!|h ***フッタ行 表の行末に「f」を入力すると''フッタ行''になります。 フッタ行はヘッダ行とは違い、きちんと''設定した場所''に来ます。 〈例〉この表は1列目が普通行、2列目がフッタ行に設定しました。すると、ちゃんとフッタ行が2列目に来ていますね。 |マグロ!|サーモン?|お!エビ!!| |SUSHI!|SUSHI?|Oh!SUSHI!!|f **セルの結合 ***横向き結合 バーティカルバーの間に「>」を単独で記述することで''横のセルと結合''できます。(右横) |>|結合したよ!|なに?!|あ。| |とぅるとぅるとぅる|にゃー|ごろごろ|ペンギン| ***縦向き結合 バーティカルバーの間に「~(チルダ)」を単独で記述することで''上のセルと結合''できます。 |どうだい?!諸君!!|うあぉ|なに?!|あ。| |~|にゃー|ごろごろ|おSUSHI!!| *編集の基本その③「行頭記号の意味と使い方」 行頭に特定の''記号''を打つことで様々な効果が及びます。 **見出し「*」 ↑ページ内で、こんな風に''見出し''というものが作れます。これを作るには、行頭に「*(アスタリスク)」を記述し、その後に見出し名を書くことでできます。レベルは三段階あり、「*(一個)」''大見出し''「**(二個)」''中見出し''「***(三個)」''小見出し''という風にできます。 例:↓ *(見本)大見出し これが''大見出し''です。 **(見本)中見出し これが''中見出し''。 ***(見本)小見出し ''小見出し''でーす! **段落「~」 行頭に「~(チルダ)」を記述することで''段落''になります。段落にすると、通常文より、間隔が空きます。 ~段落だよ! ~間隔空いてるでしょ? ~そうなのよ! **引用文「>」・「<」 ***開始 行頭に「>」を記述することで''引用文''になります。レベルが三段階あり、「>(一個)」''大''「>>(二個)」''中''「>>>(三個)」''小''となっています。 >一番でかいですね! >>一回り小さいよぅ~ >>>ちっちぇ~www <1つ記述することでずっと引用文になります。 >わぁーーーい!(ここの左にだけ「>」がある。) やったぁ! ひゅー! ***終了・脱出 1つ記述するだけでずっと引用文になりますが、さすがに終了もないと困ります。そこで、「<」を記述することで引用文から''脱出''することができます。これにも三段階あり、「<(一個)」''大からの脱出''「<<(二個)」''中からの脱出''「<<<(三個)」''小からの脱出''となっています。 >大開始!! <終了! >大・中・小開始!! >>いえい! >>>ひゅー! <<<小だけ脱出!! <<中と脱出!! <大も終了!! みたいなことも'''工夫'''すればできます。 **箇条書き「-」 行頭に「-」を記述することで''箇条書き''になります。また、箇条書きにも三段階存在します。「-(一個)」''通常箇条書き''「--(二個)」''分岐箇条書き''「---(三個)」''分岐分岐箇条書き''です。 -箇条書き! --分岐! ---ぶんきぶんき!www **番号付き箇条書き「+」 行頭に「+」を記述することで''番号付き箇条書き''になります。もちろん三段階あります。方法・意味合いは通常の箇条書きと同じと捉えてください。 +レベル1 +2になるね ++レベル2!!これは2-1の1なのね +++レベル3じゃあ!!これは2-1-1の1なのね +++2-1-2ってことね。 ''注意:''スマホ版サイトではただ単に打っただけに見えますがPCサイトにすると①のような形になりますのでご確認下さい。 **定義語・説明文「:」・「|」 行頭に「:」を記述し、文を記述。そして、その後に「|(バーティカルバー)」を記述し、説明文を書くことで''定義語・説明文''になります。 :''ここに定義語がくるよ''|ここが説明文!カクカクシカジカスシオスシ! 分かりにくいと思うので実際にここの編集文を見てみるのもいいかもね! **文章の非表示化「//」 行頭に「//」を記述すると、その後に続く文がページ上''非表示''になり、'''編集ページのみ'''で、確認することができます。まだ完成しきっていない文章やメモなどを隠す時に便利ですね。 //私は、いまここに文を書いている…(ナニミテンノヨッ!) ここの上に文を書いてみました。見えませんね?!行すらも空行ではなく消されてますね…すげえ。 **(応用)行頭記号の通常書式化「~&行頭記号」 %%%行頭記号として使用したくないけど行頭に%%%''行頭記号を記述''したいとき、''「~(チルダ)」''を打つことで記述可能です。 〈例〉「-」を記述したい。 普通に打つ↓ -わあーーー 箇条書きになってしまいます。 「~」からの「-」 ~-まいなすぅーーー! 「-」になった!! *編集の基本その④「#(ハッシュタグ)の意味と用法」 編集では、''「#(ハッシュタグ)」''を使用することで''様々なアタッチメント(機能)を追加''することができます。 **コメントフォーム 通常、ページ作成時に一番下にコメントフォームが自動で差し込まれますが、それ以外にも''中間コメントフォームを差し込む''こともできます。 ***ノーマルコメントフォーム 行に、単独で''「#comment」''と記述することで''普通のコメントフォーム''を差し込めます。 ---- #comment ''&color(red){見本用。使用禁止です。↑};'' ***他ページ記憶方コメントフォーム 行に、単独で''「#pcomment」''と記述することで''他のページでコメントを記憶する形のコメントフォーム(他ページ記憶方コメントフォーム)''を差し込めます。 ---- #pcomment ''&color(red){見本用。使用禁止です。↑};'' ***スレッド形コメントフォーム 行に、単独で''「#thread」''と記述することで''スレッド形コメントフォーム''を差し込めます。この形のコメントフォームでは写真も載せることができます。%%%(ただし、かなり重くなるので軽いページのみで使用してください。)%%% ---- #thread ''&color(red){見本用。使用禁止です。↑};'' **目次 行に単独で''「#contents」''と記述すると''目次''を形成することができます。 (邪魔だと思いますがすいません。) #contents こういう、''縦書き目次''が邪魔な場合は、''「#contents2_1(display=inline,depth=1+2+3)」''と記述することで''横書き目次''になります。 ですが、この横書き目次は法則が難しいので[[こちら>易しく編集解説ページ【曖昧さ回避ページ】横書き目次について]]のページも参考にしてください。 ---- *注意喚起 当サイトでは''カウンター機能''というアクセス数を数える機能が存在します。ですが、この機能は、サイトを重くする原因のなりかねませんので'''''&color(red){%%%禁止%%%};'''''されています。ですので、使用をしないで下さい。 '''''代弁''' こっぺぱん''