Chakuwiki:編集の仕方/画像の使い方

< Chakuwiki:編集の仕方
2012年11月23日 (金) 16:47時点における>I.T.Revolutionによる版 (現状に合わせて少しいじります)
ナビゲーションに移動 検索に移動


画像の使い方

Chakuwikiでの画像の使いかたを説明します。

ここでは左上のロゴで使われている「wiki.png」という画像を使います。他の画像を載せるときは、アップロードでChakuwikiに画像を送り、そこから呼び出す必要があります。

アップロードに際して

注意事項

  • アップロードされる画像は、ご自身で撮影または作成したものに限定して下さい。その他の画像については画像の保有者から許諾を得ている旨を明記するか、またはフリー素材である事を証明して下さい。
    • 著作権には十分に気をつけて下さい。「引用」と「パクリ」の線引きは難しいものですが、判断できないときは一度管理者たちに相談してみてください。
  • ファイルサイズは4メガバイトまでアップロードできますが、なるべく150KB以下として下さい。
    • サイズの大きいファイルの閲覧は、サーバー、閲覧側、ネットワークに負荷をかけ、また表示に支障が出る場合もあります。Chakuwikiでは、画像サイズの大きいものは必要ないはずですので、サイズの大きくない画像を準備して、アップロードしましょう。
  • 現在、原因は不明ですがサムネイル表示(縮小表示)ができない場合があります。アップロードの際には、画像のサイズに注意して下さい。気持ち小さめにすることをお薦めします。
  • Chakuwikiやそれぞれの噂に関係ない画像のアップロードはお控え下さい。

アップロード

  • 画面左側のツールバーにあるアップロードを使います。
    • 今までにアップロードされた画像は、画像リストで見ることができます。
  • アップロードした画像には、必ずCategory:画像から画像趣旨に合ったカテゴリを探して付与して下さい。
    • また、特に地域性が出ている画像についてはCategory:ご当地の画像から都道府県別のカテゴリを付与していただけると幸いです。

画像の掲載

通常表示

表示結果 入力内容

Wiki.png

[[画像:Wiki.png]]

[[画像:(ここに使うファイル名)]]というリンクの貼り方をすると、登録されている画像がそのまま表示されます。

ちなみに、存在しないファイルを指定したときは

ファイル:存在しないファイル.jpg

こう表示されます。

  • ちゃんと画像が表示されないときは、ファイル名の綴りや大文字・小文字が間違っていないかをよく確認してください。
  • また、HTMLを使用した書式は使えないようです。以下の書き方では正しく表示されません。
表示結果 入力内容

http://wiki.chakuriki.net/images/b/bc/Wiki.png

http://wiki.chakuriki.net/images/b/bc/Wiki.png

[1]

[http://wiki.chakuriki.net/images/b/bc/Wiki.png]

<img src="http://wiki.chakuriki.net/images/b/bc/Wiki.png" />

<img src="http://wiki.chakuriki.net/images/b/bc/Wiki.png" />

説明文

表示結果 入力内容

かっこいいロゴ

[[画像:Wiki.png|かっこいいロゴ]]

HTMLのalt属性に相当するものです。

[[画像:(ここに使うファイル名)|(ここに説明文)]]というリンクの貼り方をすると、画像にカーソルを合わせたときに表示される文字を追加できます。

何も書かなかった場合は、画像ファイルのファイル名がそのまま表示されます。

右寄せ・左寄せ

表示結果 入力内容

特になし 画像に続けて文章を書くと、こんな感じです。

[[画像:Wiki.png|特になし]]
 画像に続けて文章を書くと、こんな感じです。
画像左寄せ

画像に続けて文章を書くと、こんな感じです。

[[画像:Wiki.png|left|画像左寄せ]]
 画像に続けて文章を書くと、こんな感じです。
画像右寄せ

画像に続けて文章を書くと、こんな感じです。

[[画像:Wiki.png|right|画像右寄せ]]
 画像に続けて文章を書くと、こんな感じです。
画像中央寄せ

画像に続けて文章を書くと、こんな感じです。

[[画像:Wiki.png|center|画像中央寄せ]]
 画像に続けて文章を書くと、こんな感じです。
画像寄せなし

画像に続けて文章を書くと、こんな感じです。

[[画像:Wiki.png|none|画像寄せなし]]
 画像に続けて文章を書くと、こんな感じです。

ファイル名と説明文の間に「left」「right」「center」「none」のいずれかのキーワードを組み込むと、画像の位置を変更できます。

  • 特に指定していないときは、左寄せに位置します。
  • 「指定なし」「left」「none」は画像の位置こそ同じですが、それに続く文章の位置が変わります。使用する場所にあわせて使い分けてください。

フレーム

表示結果 入力内容
フレーム付き

続けて書かれた文章は、ここに表示されます。

[[画像:Wiki.png|frame|フレーム付き]]
 続けて書かれた文章は、ここに表示されます。
フレーム+左寄せ

続けて書かれた文章は、ここに表示されます。

[[画像:Wiki.png|frame|left|フレーム+左寄せ]]
 続けて書かれた文章は、ここに表示されます。
  • 「[[画像:(ファイル名)|frame|(位置)|(説明文)]]」という書き方をします。
  • 位置と説明文は省略できますが、その場合は「[[画像:(ファイル名)|frame|]]」のように、frameの後ろに半角パイプを残してください。
    • 位置を指定しない場合は、右寄せとなります。指定なし・rightでは文字の位置取りがそれぞれ異なります。

サムネイル表示

表示結果 入力内容
サムネイル表示

続けて書かれた文章は、ここに表示されます。

[[画像:Wiki.png|thumb|100px|サムネイル表示]]
 続けて書かれた文章は、ここに表示されます。
サムネイル表示

続けて書かれた文章は、ここに表示されます。

[[画像:Wiki.png|thumb|100px|left|サムネイル表示]]
 続けて書かれた文章は、ここに表示されます。
  • 「[[画像:(ファイル名)|thumb|(サムネイルの幅[px])|(位置)|(説明文)]]」という書き方をします。画像を縮小して表示するフレームといったような機能です。
  • 位置と説明文は省略できますが、その場合は「[[画像:(ファイル名)|frame|(サムネイルの幅[px])|]]」のように、最後に半角パイプを残してください。
    • 位置を指定しない場合は、右寄せとなります。指定なし・rightでは文字の位置取りがそれぞれ異なります。
  • サムネイル表示された画像、もしくは右下の拡大アイコンのリンクから原寸の画像のページに移動することが出来ます。

ギャラリー

ギャラリー形式にしたい場合には、次のようにします。(MediaWiki 1.4からの機能)

表示結果 入力内容
<gallery>
画像:ぜいたく煮.jpg|滋賀名物?
画像:Wikipedia.JPG|丸いなぁ
画像の代わりに文も入れられます
</gallery>
  • 画像の説明文は省略できます。
  • リンクの裏技を使うとき、「|」の後が省略できません。

リンク表示

表示結果 入力内容

画像:Wiki.png

[[:画像:Wiki.png]]

こちらを参照

[[:画像:Wiki.png|こちらを参照]]
  • 「画像」という単語の手前に半角コロン(:)を入れると、その場に画像を表示しないで、画像データ説明のあるページにつながるリンクを作れます。
  • 説明文を加えると、通常のリンクと同様に説明文に置き換わります。
表示結果 入力内容

media:Wiki.png

[[media:Wiki.png]]
  • 「画像」を「media」に置き換えると、画像に直接リンクします。