「編集ガイド」の版間の差分

提供: JSSD5th2019
Jump to navigation Jump to search
(画像を掲載するコード)
(画像を掲載するコード)
90行目: 90行目:
 
  書式:[[File : 画像のファイル名 | 200px ]]
 
  書式:[[File : 画像のファイル名 | 200px ]]
 
  </nowiki>
 
  </nowiki>
 +
サイズは、幅のみを px 単位で指定すれば、縦は自動的に調整されます。
  
  
;回り込みを設定した例
+
;left または right オプションを記入すると、その下の原稿が画像の左右に回り込みます。
 
  <nowiki>
 
  <nowiki>
 
  [[File:HanakoKyusanFig01.jpg|right|200px]]
 
  [[File:HanakoKyusanFig01.jpg|right|200px]]
 
  </nowiki>
 
  </nowiki>
left または right を記入すると、画像以下の原稿が左右に回り込みます。
 
  
;必要以上の回り込みを解除する方法
+
 
 +
;必要以上の回り込みを解除するには、回り込ませたい文章の末尾に、以下のコードを記載します。
 +
<nowiki>
 +
<br clear=all>
 +
</nowiki>
  
  
106行目: 110行目:
 
  </nowiki>
 
  </nowiki>
  
 +
 +
;以下が上記の全体を網羅したサンプルです。
 
  <nowiki>
 
  <nowiki>
書式:[[File : 画像のファイル名 | thumb | left / right | サイズpx | キャプション ]]
+
  [[File:HanakoKyusanFig01.jpg|thumb|right|200px|図1.◯◯◯◯]]  
 
+
 
 
 
・サイズは px 単位で幅のみ指定すれば、縦は自動的に調整されます。
 
 
事例:
 
  [[File:HanakoKyusanFig01.jpg|thumb|right|200px|図1.◯◯◯◯]] ← 画像を右に配置。文章は「左に回り込み」します。
 
 
  本文文章・・・・・・・・・・・・
 
  本文文章・・・・・・・・・・・・
 
  ・・・・・・・・・・・・・・・・・
 
  ・・・・・・・・・・・・・・・・・
 
  ・・・・・・・・・・・
 
  ・・・・・・・・・・・
  <br clear=all> ← これを書くことで、以降の文章の「回り込み」が解除されます。
+
  <br clear=all>
 
+
</nowiki>
</nowiki>
 
  
 
[[File:HanakoKyusanFig01.jpg|thumb|right|200px|図1.◯◯◯◯]]
 
[[File:HanakoKyusanFig01.jpg|thumb|right|200px|図1.◯◯◯◯]]
  
 
+
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
 
 
*文章が回り込むことを中断したい場合は、その箇所で <br clear=all> と書いて下さい。
 
 
 
 
<br clear=all>
 
<br clear=all>
  

2019年7月23日 (火) 18:25時点における版

執筆・編集の際に必要となる基本的な記法についてまとめています。


はじめに

書きかけです。

  • ページ内の「目次」は、ページ内の見出し階層から自動生成されます。



本文の編集について

見出し / 箇条書き / 本文

 ==大見出し==
 ===中見出し===
 ====小見出し====
  
 * 箇条書きレベル1
 ** 箇条書きレベル2

 # 番号付きリスト レベル1
 ## 番号付きリスト レベル2

 ; 定義リスト 項目 1
 :  定義 1
 ; 定義リスト 項目 2
 :  定義 2-1
 :  定義 2-2
 
 ''斜体''
 '''太字'''
 '''''太字 & 斜体'''''
 
 本文・段落について 
 ・編集画面内での改行は画面には反映されません。段落内の強制改行は、行末に <br> と書いて下さい。
 ・一行改行で段落区切り
 ・二行改行で行間に空きができます。
  


リンクの張り方

 外部リンク1:http://www.example.com
 外部リンク2:[ http://www.example.com (リンク文字)]
 内部リンク1:[ [(サイト内のページ名)] ]
 内部リンク2:[ [(サイト内のページ名)|(リンク文字)] ]  ※画面には「リンク文字」が表示されます。 



画像の掲載

前提の確認

画像の掲載には、以下の2つの手順が必要となります。

  • 当サイトへの画像のアップロード
  • 画像を掲載するコードをページ内に記載


画像のアップロードについて

  • 画像は「半角英数名.拡張子」という名称形式でご用意下さい。
画像の名称は、サイト内でユニーク(唯一の存在)であることが必要です。
氏名をつけて「HanakoKyusanFig01.jpg」などとして下さい。
  • 画像は必要最小限にリサイズしてからアップロードして下さい。
以下のサイトを使うと簡単にリサイズできます(幅を 640 などとして変換して下さい)。
Bulk Resize Photos:https://bulkresizephotos.com/



画像を掲載するコード

 書式:[[File : 画像のファイル名 | thumb | left / right | サイズpx | キャプション ]]
 


最もシンプルな記述は、ファイル名と掲載サイズのみを指定する以下の形です。ページ内の掲載したい場所で、以下のコードを記述します。
 書式:[[File : 画像のファイル名 | 200px ]]
 

サイズは、幅のみを px 単位で指定すれば、縦は自動的に調整されます。


left または right オプションを記入すると、その下の原稿が画像の左右に回り込みます。
 [[File:HanakoKyusanFig01.jpg|right|200px]]
 


必要以上の回り込みを解除するには、回り込ませたい文章の末尾に、以下のコードを記載します。
 <br clear=all>
 


キャプションをつけるには、以下のように、thumb(サムネール)オプションとともに、キャプション文字列を記載します。
 [[File:HanakoKyusanFig01.jpg|thumb|right|200px|図1.◯◯◯◯]]
 


以下が上記の全体を網羅したサンプルです。
 [[File:HanakoKyusanFig01.jpg|thumb|right|200px|図1.◯◯◯◯]] 
  
 本文文章・・・・・・・・・・・・
 ・・・・・・・・・・・・・・・・・
 ・・・・・・・・・・・
 <br clear=all>
 
図1.◯◯◯◯

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.


動画の埋め込み

前提の確認

  • MediaWiki自体は動画のアップも可能ですが、当サイトについては動画のアップロードはご遠慮下さい。
  • 動画の掲載を希望される場合は、YouTube等の動画共有サイトへアップロードした後、ページ内に以下のような埋め込みコードを記載して下さい。



動画の埋め込みコード

 書式:{{ #ev:サービス名 | 動画のID | 幅(px) }}
 
 事例:{{#ev:youtube|Us-TVg40ExM|480}}

  • 上のように3つの情報を定義記載すると、YouTube等の動画の埋め込みが可能です。
動画のIDとは、YouTubeの場合、動画のURLの v= の後の文字列がそれに該当します。
YouTube以外のサービスも利用できます。サービス名の詳細については こちらの記事をご覧下さい。

表示例



表組み

表組みは慣れないと煩雑な印象を受けると思います。表は画像としてアップする方が簡単です。

 {| class="wikitable"
 ! NAME
 ! 項目A
 ! 項目B
 |-
 | Alice
 | 25
 | true
 |-
 | Steve
 | 30
 | false
 |} 

  • {| 表の開始、必須
  • |- 表の行、最初の行については省略可能。
  •  ! 表のヘッダーセル、省略可能。
  • | 表のデータセル、省略可能。
  • |} 表の終了、必須


表示例

NAME 項目A 項目B
Alice 25 true
Steve 30 false



記法の詳細(公式ガイド)

より詳細な編集を希望される方は、以下の公式情報をご覧下さい。