編集方法のビジュアル編集

Top > 編集方法

&size(20){''編集方法''};&br;
本wikiは「pukiwiki」をベースにしているようです。&br;
ただ多少手を加えてあるみたいなのでその具体的な編集方法を記述しています。&br;
※本ページは当編集者が管理しているサイト((9th existence))からの転載になります。
※さらにwikiの移転をしたので微修正（2019/04/22）
#contents
----
CENTER:&size(20){このページのソースと照らし合わせてご覧ください。};
ソース（文字などの記述が載ってる所）を見るには&br;
ページ上部の「ページ管理」にマウスを載せると&br;
「ソース」と表示されるのでそこをクリックする。
// コメントはメモ用に使用。スラッシュを2つ行の先頭に置くとページには出力されません。
----
#hr

*ページの編集方法 [#oabf02f0]
**【全体編集】 [#ed8e8d12]
面倒なキーワード入力は無し。
+画面上部にある「編集」を選ぶ
+ビジュアル編集モードか、通常編集モードのどちらかを選ぶ
+文字などを書き込む
+テキストエリア下部にある「プレビュー」を押して編集後を確認
+うまく表示されてたら「ページの更新」を押して完成
**【部分編集】 [#h2d0c608]
見出しの右脇にある「鉛筆マーク」をクリックすると&br;
その見出し（**２つ）以下の文章だけを編集できる。&br;
@wikiの時とは違い、プレビューもできるのでお手軽。&br;
&br;
*文章 [#c23c277a]
文章を書くと一つの段落として整形されます。

>テキストパディング　レベル1（左右に余白ができる）&br;
文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章
>>テキストパディング　レベル2&br;
文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章
>>>テキストパディング　レベル3&br;
文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章
>
>>
>>>
>>>>
>>>>>重ねるたびに余白が増える&br;
文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章

:textLeftPad20:左だけに20pxの余白&br;
「:文字列:」で文字列のclass属性をpタグに付けることが可能&br;
文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章

:textLeftPad100:上限は100pxまでで、10px毎にcssで設定している&br;
cssは管理画面で追記が可能&br;
文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章

&br;
*文字装飾 [#l89b765d]
編集画面の時にテキストエリア上部にあるアイコンでも選べる。&br;
以下はだいたいその順番に左上から右下へ向かって紹介。&br;

**【文字強調】 [#k03c2650]
 ''強調''
と記述すると''強調''　←こう見える
&br;
**【斜体】 [#k4669888]
 '''イタリック体'''
と記述すると'''イタリック体'''　←こう見える
&br;
**【取り消し線】 [#f22b97f3]
 %%取り消し%%
と記述すると%%取り消し%%　←こう見える
&br;
**【下線】 [#p64a196d]
 %%%アンダーライン%%%
と記述すると%%%アンダーライン%%%　←こう見える
&br;
**【点線】 [#oe163d0b]
 __点線__ ←半角下線を２つ並べたものを左右に配置
と記述すると__点線__　←こう見える
&br;
**【注釈】 [#oc93ca29]
 ((注釈))←半角カッコ
と記述すると((注釈))　←こう見える（マウスポインタ当てるだけでも読める）&br;
ページ下部にリンクされてそこに文章が書かれており、&br;
リンクマークを押すとそこへ跳べる。&br;
&br;
**【簡易文字色】 [#p3edac8a]
 |&color(blue){簡易青文字};｜&color(red){簡易赤文字};｜&color(green){簡易緑文字};｜&color(olive){簡易黄文字};｜
 |&color(orange){簡易橙文字};｜&color(violet){簡易紫文字};｜&color(pink){簡易桃文字};｜&color(white,white){ネタバレ};｜
と記述すると以下のように見える&br;

|&color(blue){簡易青文字};｜&color(red){簡易赤文字};｜&color(green){簡易緑文字};｜&color(olive){簡易黄文字};｜
|&color(orange){簡易橙文字};｜&color(violet){簡易紫文字};｜&color(pink){簡易桃文字};｜&color(white,white){ネタバレ};｜

&br;
**【引用】 [#qa92eb57]
 整形済みテキスト整形済みテキスト整形済みテキスト
↑半角スペースを文頭につけるとこう見える
&br;
**【RGBcolorによる文字色】 [#s8e55c6d]
#から始まる色コードをカッコに入れる&br;
例：文字色＝#0000ff（青系統）
 &color(#0000ff){ここに色を変えたい単語や文を入れる};
と記述すると&br;
&color(#0000ff){ここに色を変えたい単語や文を入れる};
&br;
文字の背景色を変えるにはその次に色コードを指定&br;
例：背景色＝#ff8080（赤系統）&br;
&color(#0000ff,#ff8080){ここに色を変えたい単語や文を入れる};
&br;
**【サイズ変更】 [#g2db1c35]
カッコ内に数字を入れて大きい数字ほど大きく見える。
 SIZE(10){ここにサイズを変えたい単語や文を入れる}
と記述すると以下のように見える&br;
SIZE(10){ここにサイズを変えたい単語や文を入れる}
表内にも使える。&br;
|SIZE(10){ここにサイズを変えたい単語や文を入れる}|
&br;
**【文字配置】 [#i11bfcbf]
指定しないと「左寄せ」が基本の状態。
 CENTER:中寄せ
と記述すると以下のように見える。
CENTER:中寄せ

RIGHT:右寄せ
と記述すると以下のように見える。
RIGHT:右寄せ

&br;
*ページトップへ戻るリンク [#he006d88]
下の通り。

[[表示させたい文章をここへ記入>#header]]

例：
[[▲このページの先頭へ戻る▲>#header]]
&br;
*リスト [#f46f68bd]
**【通常のリスト】 [#ra1c9c6a]
テンキーにある-（半角マイナス）を使う。
 - リスト レベル1
 -- リスト レベル2
 --- リスト レベル3
と記述するとそれぞれ以下のように見える。
- リスト レベル1
-- リスト レベル2
--- リスト レベル3
&br;

**【番号リスト】 [#k132eafe]
テンキーにある+（半角プラス）を使う。
 + 番号リスト
 + 番号リスト
 + 番号リスト
と記述すると以下のように見える。
+ 番号リスト
+ 番号リスト
+ 番号リスト
&br;

*定義 [#zcbf4116]
 :定義1|ここに解説文やURLを記載する
 http://example.org/
と記述すると以下のように見える。
:定義1|ここに解説文やURLを記載する
http://example.org/

&br;

と記述すると
|~ここがヘッダ|~th（＝Table Headerの略）|~右端|h
|ここがセル|td（＝Table Dataの略）|td|
|~ここがフッター|~tf（＝Table footerの略）|~右端|f
|ここがセル|td（＝Table Dataの略）|td|
&br;
**【表内セルの結合】 [#r1461c36]
 |>|←セルに＞だけを書くと右と結合|結合後|
 |td|「~」半角チルドを入れると上と結合→|~|
と記述すると
|>|←セルに＞だけを書くと右と結合|結合後|
|td|「~」半角チルドを入れると上と結合→|~|
&br;
**【表内の色とサイズ指定】 [#ndd35fe3]
BG＝バックグラウンドとなり、背景色の際はこれが付く。
カッコ内に色コードを入れる。
 |BGCOLOR(#66ccff):背景色指定|SIZE(16):COLOR(#cc0000):文字サイズ・色指定|
と記述すると以下のように見える。 
|BGCOLOR(#66ccff):背景色指定|SIZE(16):COLOR(#cc0000):文字サイズ・色指定|
&br;

**【幅指定】 [#e48f1cb0]
***px（ピクセル） [#i56853c1]
「px」は省略しても平気で、省略すると自動的にpx指定となる。
 |200px|60px|100px|100px|c　もしくは|200|60|100|100|c　でも可
 |~th(200px)|~th(60px)|~th(100px)|~th(100px)|h
 |td        |td       |td        |td        |
 |td        |td       |td        |td        |
 |td        |td       |td        |td        |
 |~th       |~th      |~th       |~th       |f
と記述すると
|200px|60px|100px|100px|c
|~th(200px)|~th(60px)|~th(100px)|~th(100px)|h
|td        |td       |td        |td        |
|td        |td       |td        |td        |
|td        |td       |td        |td        |
|~th       |~th      |~th       |~th       |f

運営より：&br;
通常のセルにスペースを加えても問題ありません。&br;
ソースの見た目をきれいにしておくと他の編集者にとっても作業がしやすくなります。&br;

***％（パーセント） [#l02a7572]
「|（半角縦線）」の本数を揃え、行末に「s（半角小文字）」を書き、&br;
最初のセルに数値を入れると幅を％（パーセント）で指定できる。&br;
ここでいう100％の幅とは本文の入るコンテンツ部分のこと。&br;
さらにその中で割合を細かく指定する場合は&br;
行末に「c（半角小文字）」を入れて%（半角）で数値を指定する。&br;
 |100||||s　←画面の幅100％（画面を小さくしても追従）
 |20%|30%|10%|40%|c ←合計で100％にならなくても使えるが基本は合計100％にする
 |~th(20%)|~th(30%)|~th(10%)|~th(40%)|h
 |td|td|td|td|
 |td|td|td|td|
 |td|td|td|td|
 |~th|~th|~th|~th|f
と記述すると
|100||||s
|20%|30%|10%|40%|c
|~th(20%)|~th(30%)|~th(10%)|~th(40%)|h
|td|td|td|td|
|td|td|td|td|
|td|td|td|td|
|~th|~th|~th|~th|f
&br;

*折りたたみ [#y538c107]
@wikiにあった「#openclose」は使えない。&br;
#regionと#endregionは1セットで使用。&br;

**通常使用 [#p03e7950]
 #region(ここに文章を記入)
 絶対に#endregionを忘れてはいけません。
 (close)を付け足すと最初の状態が閉じたままになる
 -リストもOK
 --リストもOK
 ---リストもOK
 +番号リスト
 +番号リスト
 +番号リスト
 :定義|定義もOK
 |~th|~th|~th|h
 |>|>|テーブルも入る|
  #endregion(close)
と記述すると↓こう見える。
#region(ここに文章を記入)
絶対に#endregionを忘れてはいけません。
(close)を付け足すと最初の状態が閉じたままになる
-リストもOK
--リストもOK
---リストもOK
+番号リスト
+番号リスト
+番号リスト
:定義|定義もOK
|~th|~th|~th|h
|>|>|テーブルも入る|
#endregion(close)

**段階使用 [#m7278f8d]
開閉コンテンツの中に、開閉コンテンツを3段階まで入れることが可能&br;
それ以外は動作しません。また、#endregionも中に配置します。&br;
 #region(内部折りたたみ1段階目)
 1段目の中身
 #region(内部折りたたみ2段階目)
 2段目の中身
 #region(内部折りたたみ3段階目)
 ここが3段階目、状態はcookieに保存されます。
 #endregion(close)
 #endregion(close)
 #endregion(close)

と記述すると↓こう見える。
#region(内部折りたたみ1段階目)
1段目の中身
#region(内部折りたたみ2段階目)
2段目の中身
#region(内部折りたたみ3段階目)
ここが3段階目、状態はcookieに保存されます。
#endregion(close)
#endregion(close)
#endregion(close)

--------------------------------

*見出し [#a6dc7f79]
単語の文頭に「*（半角アスタリスク）」をつける
 *大見出し
 **中見出し
 ***小見出し
こう記述するとこうなって目次（#contents）を使うと引用表示される。
*大見出し [#qb286942]
**中見出し [#v70e020a]
***小見出し [#m83664c3]
&br;
*見出し脇のIDの使い方 [#eee96676]
見出しを作ると自動的に生成されるID。&br;
別の場所からある見出しまでリンクさせて飛びたいという場合は&br;

[[表示名>ページ名#ID]]

とする。
&br;&br;
*NEWプラグイン [#o7ffc833]
通常は
 &new(ページ名);

だが、[ [表示名>ページ名] ]というように表示名があると使えなくなる。&br;
その場合は&br;
 [[表示名>ページ名]]&new(ページ名,nolink);
と記述するとページ名が表示されなくなる
&br;&br;

編集方法のビジュアル編集

キャラ関連

アイテム

システム

攻略系

BGM

ダンジョン

最新の25件

人気の10件

編集方法 のビジュアル編集

検索

キャラ関連

アイテム

システム

攻略系

BGM

ダンジョン

最新の25件

人気の10件

編集方法のビジュアル編集