トップトップページ 新規新規 一覧(更新)一覧(更新) 一覧(名前)一覧(名前) 検索検索 ヘルプヘルプ RSSRSS

HELP Wiki書式の変更点

[通常ページへ戻る] [通常差分表示] [Wikiスタイルで差分表示] [Wikiスタイルで差分表示(削除の表示無し)]

表記

= 変更なし
+ 追加
- 削除
同一行で追加削除があれば変更。

変更点

  1:+ {{category ヘルプ}}
  2:+ 
  3:+ 
  4:+ 
  5:+ 
  6:+ Wikiには専用の特別な書式があって、それにのっとって書き込む事で、見出しの形にしたり、文字を飾ったりなどが簡単に出来ます。書式はWikiの種類毎に微妙に異なります(当WikiはFreeStyleWiki Lite)。
  7:+ 
  8:+ ここではその使い方、書式について説明します。
  9:+ 
 10:+ Wiki書式に加え、標準プラグイン構文、拡張プラグイン構文を使う事でより多彩な表現、色々な機能を使う事が出来ますが(例えば→{{face heart}}のようなものとかアンカー、別ページ内包等)、Wikiに慣れてない方には難しく思えるでしょうから、それらについては追って別ヘルプページで説明する事にします。
 11:+ 
 12:+ 
 13:+ {{face koushin1.gif}}
 14:+ 
 15:+ 
 16:+ 
 17:+ 
 18:+ 
 19:+ {{br 2}}
 20:+ {{anchor mokuji}}
 21:+ {{face mokuji1.gif}}
 22:+ {{outline}}
 23:+ 
 24:+ {{br 3}}
 25:+ 
 26:+ 
 27:+ !!!当Wikiで使える書式
 28:+ 
 29:+ {{br 2}}
 30:+ 
 31:+ !!見出し
 32:+ 行頭に「!」を付けると、見出し(htmlでいう「h」タグ)になります。見出しは3レベルまであります。
 33:+  !!!こんな大見出し
 34:+  !!こんな中見出し
 35:+  !こんな小見出し
 36:+ !!!こんな大見出し
 37:+ !!こんな中見出し
 38:+ !こんな小見出し
 39:+ 
 40:+ {{br 2}}
 41:+ 
 42:+ 
 43:+ !!テキスト装飾
 44:+ 特定の文字で囲むと、その間の文字が装飾されます。
 45:+  シングルクォート2つで囲むと''イタリック''になります。
 46:+  
 47:+  シングルクォート3つで囲むと'''ボールド'''になります。
 48:+  
 49:+  イコール2つで囲むと==打ち消し線==になります。
 50:+  
 51:+  アンダーバー2つで囲むと__下線__になります。
 52:+ シングルクォート2つで囲むと''イタリック''になります。
 53:+ 
 54:+ シングルクォート3つで囲むと'''ボールド'''になります。
 55:+ 
 56:+ イコール2つで囲むと==打ち消し線==になります。
 57:+ 
 58:+ アンダーバー2つで囲むと__下線__になります。
 59:+ 
 60:+ {{br 2}}
 61:+ 
 62:+ 
 63:+ !!引用
 64:+ 行頭に「""」を付けると引用になります。
 65:+  ""これは引用です。
 66:+  ""これも引用です。
 67:+ ""これは引用です。
 68:+ ""これも引用です。
 69:+ 
 70:+ {{br 2}}
 71:+ 
 72:+ 
 73:+ !!説明
 74:+ 行頭に「:」を付けると項目、説明文になります(「:」で分ける)。
 75:+  :項目:説明文
 76:+ :項目:説明文
 77:+ 
 78:+  ::項目
 79:+  :::説明文は複数行にわけて書くこともできます。
 80:+  :::こんな感じで。
 81:+ ::項目
 82:+ :::説明文は複数行にわけて書くこともできます。
 83:+ :::こんな感じで。
 84:+ 
 85:+ {{br 2}}
 86:+ 
 87:+ 
 88:+ !!リスト
 89:+ 行頭に「*」を付けるとリストになります。リストは*の個数に応じて3段階までネストすることができます。
 90:+  *項目1-1
 91:+  **項目2-1
 92:+  **項目2-2
 93:+  ***項目3-1
 94:+  *項目1-2
 95:+  **項目2-3
 96:+ *項目1-1
 97:+ **項目2-1
 98:+ **項目2-2
 99:+ ***項目3-1
100:+ *項目1-2
101:+ **項目2-3
102:+ 行頭に「+」を付けると番号付きリストになります。
103:+  +番号付き項目1
104:+  ++番号付き項目1-1
105:+  +番号付き項目2
106:+  +番号付き項目3
107:+ +番号付き項目1
108:+ ++番号付き項目1-1
109:+ +番号付き項目2
110:+ +番号付き項目3
111:+ 
112:+ {{br 2}}
113:+ 
114:+ 
115:+ 
116:+ 
117:+ !!リンク
118:+ 文中のURLは自動でリンクされます。
119:+ 
120:+ 「[」と「]」で囲み、「|」で前後に分ける事で任意の文字にリンクを貼る事も出来ます (前が任意の文字、後ろがURL)。
121:+  [任意の文字|URL]
122:+ 
123:+  http://www.yahoo.co.jp/
124:+  
125:+  [Google|http://www.google.co.jp/]
126:+ 
127:+ http://www.yahoo.co.jp/
128:+ 
129:+ [Google|http://www.google.co.jp/]
130:+ 
131:+ 
132:+ Wikiのページへのリンクは、ページ名を書いて「[[」と「] ]」(この部分がリンクにならないよう、あえて空白を入れてあります)で囲むだけでリンクが出来ます。
133:+ 
134:+ URLの場合と同じように、括弧で囲み「|」で前後に分ければ、任意の文字にリンクを貼る事も出来ます。
135:+  [[任意の文字|ページ名]]
136:+ 
137:+  [[FrontPage]]
138:+  
139:+  [[トップ|FrontPage]]
140:+ 
141:+ [[FrontPage]]
142:+ 
143:+ [[トップ|FrontPage]]
144:+ 
145:+ リンクをクリックすると、リンク先は基本的には同一ウインドウで表示されます。{{br}}
146:+ URLに日本語が交じっていると日本語部分でリンクが外れてしまいます。その場合、日本語部分をUTF-8にエンコードして貼付ければリンク出来ます。エンコードするには例えば http://www.tagindex.com/tool/url.html などを利用すると良いかと。
147:+ 
148:+ !拡張書式
149:+ 
150:+ ブランクターゲット(新規ウインドウ)でのリンク先表示を可能にしました。URLの最後に「@@」を付けると新規ウインドウでリンクを開くように出来ます。ブランクターゲットでのリンクは拡張プラグイン構文(new_window)を使う方法も用意してあります。
151:+ 
152:+  http://www.google.co.jp/@@
153:+  
154:+  [任意の文字|URL@@]
155:+  [Google|http://www.google.co.jp/@@]
156:+ 
157:+ http://www.google.co.jp/@@
158:+ 
159:+ [Google|http://www.google.co.jp/@@]
160:+ 
161:+ Wikiのページをブランクターゲット(新規ウインドウ)で開くようにリンクしたい場合は、
162:+ 
163:+  [[任意の文字@@|ページ名]]
164:+  [[FrontPage@@|FrontPage]]
165:+ 
166:+ [[FrontPage@@|FrontPage]]
167:+ 
168:+ のようにします(「@@」を付ける位置が外部URLの場合と違うので注意)。必ず任意の文字も書いてリンクする必要があり、ページ名だけのリンクでは使えません。
169:+ 
170:+ 
171:+ 
172:+ {{br 2}}
173:+ 
174:+ 
175:+ !!テーブル
176:+ 行頭に「,」を付けるとテーブルになります。セル(項目)は「,」を付けて区切ります。1行目は常にヘッダ行となります。{{br}}
177:+ テーブル内の項目中で区切りとしてでなく「,」を使いたい場合は、項目を「""」で囲めば使う事が出来ます。
178:+  ,1-1,1-2,1-3
179:+  ,2-1,2-2,2-3
180:+ 
181:+ ,1-1,1-2,1-3
182:+ ,2-1,2-2,2-3
183:+ 
184:+  ,肉,"1,000g","2,000円"
185:+  ,マグロ,"1,050g","4,000円"
186:+ 
187:+ ,肉,"1,000g","2,000円"
188:+ ,マグロ,"1,050g","4,000円"
189:+ 
190:+ 
191:+ 
192:+ {{br 2}}
193:+ 
194:+ 
195:+ !!整形済テキスト
196:+ 行頭に半角スペースかタブを付けると、その行は「整形済テキスト」として扱われます。{{br}}
197:+ 文を枠で囲んで表示したい時、文中のWikiの書式やプラグイン構文を反映させないで表示させたい時等に有効です(このページでも書式を説明するのに使っています)。
198:+ 
199:+  これは整形済テキストです。
200:+  入力したとおりに表示されます。
201:+  http://www.google.co.jp/ URLもリンクになりません
202:+ 
203:+ 
204:+ {{br 2}}
205:+ 
206:+ 
207:+ !!水平線
208:+ 行頭に「----」と書くと水平線になります。
209:+ 
210:+  ----
211:+ ----
212:+ 
213:+ 
214:+ {{br 2}}
215:+ 
216:+ 
217:+ !!コメント
218:+ 行頭に「//」を付けると、その行は「コメント行」として扱われます。{{br}}
219:+ コメント行はページ編集画面以外では一切出力されませんので、編集時の覚え書きや注釈等に使うと良いでしょう。
220:+ 
221:+  //これはコメントになります。画面には出力されません。
222:+ //これはコメントになります。画面には出力されません。
223:+ 
224:+ 
225:+ {{br 3}}
226:+ 
227:+ 
228:+ !!!その他拡張書式 (通常あまり使わない)
229:+ 
230:+ 
231:+ !!更に大見出し
232:+ 
233:+ 通常、Wikiで見出し表示したい場合は、上に書いたように行頭に「!」を1つから3つ付ける書式を使いますが、それだと「h2」から「h4」までの見出しで、「h1」の見出しはページタイトル用に限定されていて使えません。
234:+ 
235:+ しかし、以下の書式を使えば「h1サイズの見出し、の大きさでの表示」もする事が出来ます(アウトラインに表示される見出しはh2〜4に限られるので、これは表示されません)。左寄り、センター、右寄りといった表示位置はページのCSSの設定によります。{{br}}
236:+ まああまり使う事はないかなと思いますが(^^;)。
237:+ 
238:+ 使い方はhtmlタグ風に、修飾したい文字の前後に「<H>」を入れて囲みます。
239:+ 
240:+  <H>こんな感じ<H>
241:+ <H>こんな感じ<H>
242:+ 
243:+ 
244:+ {{br 2}}
245:+ 
246:+ 
247:+ !!フォントサイズ指定、フォントカラー赤
248:+ 
249:+ 当WikiにはSPAN&DIV拡張プラグインというものを導入してあって([[SPAN&DIV 拡張プラグイン テスト]])、それを使う事で文字サイズや文字カラーの細かい指定が可能ですが、文字サイズを変える位の事で一々指定するのは何となく面倒な気もするので、タグで囲んだ方が馴染みやすく簡単でいいのではと追加してみました。
250:+ 
251:+ 使い方はhtmlタグ風に、修飾したい文字の前後に「<1>」(フォントサイズ1)や「<R>」(フォント赤)等を入れて囲みます。
252:+ 
253:+ ただし、Wiki書式の「テキスト装飾」同様、リンク文字への装飾や、サイズと色を変えるといった組み合わせての使い方は出来ません (上に書いた見出しやリストも同じく組み合わせ不可)。
254:+ 
255:+ また文字の大きさやプラウザによっては文字が被さって表示される事もありえます (その場合改行を上手くいれれば対処可)。
256:+ 
257:+ そういった場合や細かい指定をする場合は、SPAN&DIV拡張プラグインを使って下さい。
258:+ 
259:+  <1>フォントサイズ1<1><2>フォントサイズ2<2><3>フォントサイズ3<3><4>フォントサイズ4<4>
260:+  
261:+  <5>フォントサイズ5<5><6>フォントサイズ6<6><7>フォントサイズ7<7><R>フォントカラー赤<R>
262:+ <1>フォントサイズ1<1><2>フォントサイズ2<2><3>フォントサイズ3<3><4>フォントサイズ4<4>
263:+ 
264:+ <5>フォントサイズ5<5><6>フォントサイズ6<6><7>フォントサイズ7<7><R>フォントカラー赤<R>
265:+ 
266:+ 
267:+ {{br 2}}
268:+ 
269:+ 
270:+ !!リスト4段目
271:+ 
272:+ 「リスト (UL+LI)」
273:+ 
274:+ 通常、Wikiでリスト表示したい場合は、行頭に「*」を1つから3つ付ける書式を使います。{{br}}
275:+ しかし、それだと3段までのリストしかないので、何とか4段目を表示させるためにこれを追加しました。{{br}}
276:+ けっこう強引なやり方なので(^^;)、基本的にはリスト3段目まででいいなら「*」を使う通常の方法が簡単だし、そちらを使った方がいいでしょう。
277:+ 
278:+  文字の前後に「<L>」を書いて囲むと、囲んだ部分が<L>リスト<L>になります
279:+  <L>リストという性格から、文章中より一行全部囲むのが普通の使い方かな<L>
280:+  *リスト1段目
281:+  **リスト2段目
282:+  ***リスト3段目<L>そしてこれを使ってのリスト4段目<L>
283:+ 文字の前後に「<L>」を書いて囲むと、囲んだ部分が<L>リスト<L>になります
284:+ <L>リストという性格から、文章中より一行全部囲むのが普通の使い方かな<L>
285:+ *リスト1段目
286:+ **リスト2段目
287:+ ***リスト3段目<L>そしてこれを使ってのリスト4段目<L>
288:+ 
289:+ 
290:+ {{br 2}}
291:+ 
292:+ 
293:+ !!各種テーブル
294:+ 
295:+ 行頭に「;」を付けると枠無し(セル、枠が透明)、ヘッダ行無しのテーブルになります。行頭以外は通常同様「,」を付けて分けて下さい。
296:+ 
297:+  ;1-1,1-2,1-3
298:+  ;2-1,2-2,2-3
299:+ 
300:+ ;1-1,1-2,1-3
301:+ ;2-1,2-2,2-3
302:+ 
303:+ 行頭に「;;」を付けると枠ラベンダー、セル透明、ヘッダ行無しのテーブルになります。
304:+ 
305:+  ;;1-1,1-2,1-3
306:+  ;;2-1,2-2,2-3
307:+ 
308:+ ;;1-1,1-2,1-3
309:+ ;;2-1,2-2,2-3
310:+ 
311:+ 行頭に「;;;」を付けると枠透明、セル灰色、ヘッダ行無しのテーブルになります。
312:+ 
313:+  ;;;1-1,1-2,1-3
314:+  ;;;2-1,2-2,2-3
315:+ 
316:+ ;;;1-1,1-2,1-3
317:+ ;;;2-1,2-2,2-3
318:+ 
319:+ これらは組み合わせて使う事も出来ます。
320:+ 
321:+  ;;1-1,1-2,1-3
322:+  ;;;2-1,2-2,2-3
323:+  ,3-1,3-2,3-3
324:+ 
325:+ ;;1-1,1-2,1-3
326:+ ;;;2-1,2-2,2-3
327:+ ,3-1,3-2,3-3
328:+ 
329:+ 
330:+ 拡張プラグインを改造(独自拡張)を施した上で導入してあります。更に多彩にテーブルを構成する事が可能です。詳しい使い方については、[[テーブル拡張プラグインテスト]]をご覧下さい。
331:+ 
332:+ 
333:+ {{br 2}}
334:+ 
335:+ 
336:+ !!移動用プルダウンメニュー
337:+ 
338:+ メニューから移動先を選択し移動出来る移動用プルダウンメニューを表示させる事が可能です。JavaScriptを使用しているため、ブラウザのJavaScript使用をオンにしていないユーザーは使えません。
339:+ 
340:+ 書き方は少しだけ複雑です。
341:+ 
342:+  %%,移動先リンク,移動先リンク, ・・・
343:+  
344:+  %%%,移動先リンク,移動先リンク, ・・・
345:+ 
346:+ まず行頭に「%%」、もしくは「%%%」を書きます。これを書く事でその行はプルダウンメニューとなります。{{br}}
347:+ 同一ウインドウ(プルダウンメニューが表示されているウインドウ)でリンクを開くようにしたいなら「%%」、新規ウインドウで開くようにしたいなら「%%%」を選択します。
348:+ 
349:+ そしてメニューとして表示させるリンク要素(リンクする移動先URL等)を、テーブルの書式同様にコンマ「,」で区切って書いていきます。リンク要素は一つだけでもOKです。
350:+ 
351:+ リンク要素は括弧「[」「]」を使うリンクの書式で書きますが、通常のリンクの書式と違うのは、URLの最後に「%%」を書く事。これでプルダウンメニューアイテムとして認識されます。
352:+ 
353:+ リンク要素がWiki(ANA-NOTE)内のページの場合、書き方は通常のリンク同様二重括弧「[[」を使いますが、通常のリンクの書式と違うのは、ページ名だけではダメで「リンクさせる任意文字」も必ず指定して、その任意文字の最後に「%%」を書く事。これでプルダウンメニューアイテムとして認識されます。
354:+ 
355:+ 以上の説明を読んで、テーブルやリンクの書式が分かっていれば、以下のサンプルを見れば多分理解出来るのではと思います。
356:+ 
357:+  %%,[Google|http://www.google.co.jp/%%],[[FrontPage%%|FrontPage]]
358:+ 
359:+ %%,[Google|http://www.google.co.jp/%%],[[FrontPage%%|FrontPage]]
360:+ 
361:+  %%%,[Google|http://www.google.co.jp/%%],[[トップページ%%|FrontPage]],http://www.yahoo.co.jp/%%
362:+ 
363:+ %%%,[Google|http://www.google.co.jp/%%],[[トップページ%%|FrontPage]],http://www.yahoo.co.jp/%%
364:+ 
365:+ 
366:+ {{br 3}}
367:+ ----
368:+ {{anchor bottom}}
369:+ !!!ページ内容へコメント
370:+ {{comment reverse}}
371:+ *ページ内容について、質問意見などあればこちらに - IO (2005年09月27日 18時40分35秒)