- 追加された行はこの色です。
- 削除された行はこの色です。
>このページでは編集の基本を簡単に説明していきます。
>これを学んでみんなも編集をしてみよう!!
>編集を試したかったら、[[編集練習ページ]]へ!!
>&color(#000000){本ページは、テキストの意図しない誤表示を防ぐため、複雑な編集をしております。&br;普段は編集画面を覗くことによって技術の向上に繋がりますが、このページでは混乱しやすいのでご注意ください。&br;また、このページで編集が失敗してしまい、元に戻せなくなってしまった場合は、本ページの雑談ページにて報告してください。&br;誰も怒りませんので。しかし、意図して荒らす行為は厳禁致します。};
#contents
*編集の始め方
編集はページが凍結されていない限り自由にできます。コンピューター版サイトで上のほうにある「編集」と書いたボタンを押すことで編集できます。スマホでやりたいときは、コンピューター版サイトに変えてやります。&color(red){【【%%%!!!!!絶対に荒らしてはいけません!!!!!%%%】】};
編集はページが凍結されていない限り自由にできます。コンピューター版サイトで上のほうにある「編集」と書いたボタンを押すことで編集できます。スマホでやりたいときは、コンピューター版サイトに変えてやります。
&color(red){【【%%%!!!!!絶対に荒らしてはいけません!!!!!%%%】】};
*編集の基本その①「文字」
編集時にまず大切なのは文字。''太字にしたり''、'''斜体'''にしたり、%%%下線をつけたり%%%、%%取り消し線%%をつけたり、&color(red){色};もつけられます。組み合わせ次第では
&color(blue,#dcdcdc){%%'''%%%''青太字斜体下線取消線(灰背景)''%%% '''%%};
なんてこともできます。(笑)
(青&下線はリンクと勘違いし易いので使わないようにしましょう。)
&color(blue){(%%%こんな感じ(押せない)%%%)};
(青はリンクと勘違いし易いのでできれば使わないようにしましょう。)
&color(#3366CC){(こんな感じ(押せない))};
[[(こんな感じ(押せる)>易しく編集解説ページ]]
** 太字
太字にしたいときは文字を「''」で挟みます。
&color(#000000,#dcdcdc){構文|''太くしたい文字'&color(#000000){'};};
''太字''にしたいときは文字を「''」で挟みます。
**斜体
斜体にしたいときは文字を「'''」で挟みます。
&color(#000000,#dcdcdc){構文|'''斜めにしたい文字&color(#000000){''};'};
'''斜体'''にしたいときは文字を「'''」で挟みます。
**下線
下線をつけたいときは、文字を「%%%」で挟みます。
&color(#000000,#dcdcdc){構文|%%%下線部&color(#000000){%%};%};
%%%下線%%%をつけたいときは、文字を「%%%」で挟みます。
**取り消し線
文字に取り消し線をつけたいときは文字を「%%」で挟みます。
&color(#000000,#dcdcdc){構文|%%線を引きたい文字&color(#000000){%};%};
文字に%%取り消し線%%をつけたいときは文字を「%%」で挟みます。
**色
文字に色をつけたいときは「&color(){};」とします。色は、2つ連ねると、(文字色,背景色)になります。
&color(#000000,#dcdcdc){構文|&color(#000000){&color(#000000){&co};};lor(指定色){文字};};
文字に&color(red){色};をつけたいときは &color''(''文字色'',''背景色''){''文字''};''とします。背景色は白の場合に省くことができ、&color''(''文字色''){''文字''};''とすることができます。
**文字サイズ
文字をおっきくしたりちっちゃくしたりするときは「&size(){};」とします。
&color(#000000,#dcdcdc){構文|&color(#000000){&color(#000000){&si};};ze(指定サイズ){文字};};
文字を&size(30){おっきくしたり};&size(5){ちっちゃくしたり};するときは「&color(#000000){&si};ze(サイズ){文字};」とします。
**添付
&color(#000000,#dcdcdc){構文|&color(#000000){&color(#000000){&r};};ef(指定ファイルURL名,表示方法,表示サイズ);};
ページ中に、添付したい場合(主に画像)は、構文の通りに組みます。
わかりづらいので、詳しく解説します。
1.指定ファイル名
まず、スマホの方はPC版ブラウザをリクエストして下さい。
そして、記事を書きたいページに行きます。
画面上部の「添付」を押します。
「ファイルを選択」から、ファイルを選びます。選ぶと、ファイルのURLがちっちゃく表示されます。
アップロードをおします。
これで、&refが使用可能になりました。
2. 表示方法
直接ページにファイルを表示したい場合、nolinkと書きます。普通はURLが貼られます。
3.表示サイズ
画像を貼る際、〇〇%と言った形式で大きさを指定できます。
4.例
添付は非常に難しいので、例を用意しました。
4-1. sushi_001.jpgというファイルを大きく表示
&color(#000000){&re};f(sushi_001.jpg,nolink,300%);
4-2. sushiatsumedaisuki.jpgというファイルを小さく表示
&color(#000000){&re};f(sushiatsumedaisuki.jpg,nolink,30%);
*編集の基本その②「表組み」
編集では、表を組むこともできます。こんな感じにね。
|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)」''と記述することで''横書き目次''になります。
ですが、この横書き目次は法則が難しいので[[こちら>易しく編集解説ページ【曖昧さ回避ページ】横書き目次について]]のページも参考にしてください。
*参照
''こんなページも参考にしてみてください。''
-[[wiki編集マニュアル>https://h1g.jp/?Wiki%E7%B7%A8%E9%9B%86%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB]]
-[[テキスト整列ルール>https://h1g.jp/merge_sushi/?FormattingRules]]
-[[16進数カラー標本>https://www.colordic.org]]
*注意喚起
当サイトでは''カウンター機能''というアクセス数を数える機能が存在します。ですが、この機能は、サイトを重くする原因のなりかねませんので'''''&color(red){%%%禁止%%%};'''''されています。ですので、使用をしないで下さい。
'''''代弁''' こっぺぱん''