ページ「テンプレート:駅名標/九州2」と「Chakuwiki:編集の仕方/画像の使い方」の間の差分

(ページ間の差分)
ナビゲーションに移動 検索に移動
細 (「テンプレート:駅名標/九州2」を保護しました ([編集=自動承認された利用者のみ許可] (無期限) [移動=自動承認された利用者のみ許可] (無期限)))
 
細 (「Chakuwiki:編集の仕方/画像の使い方」を保護しました ([編集=管理者のみ許可] (無期限) [移動=管理者のみ許可] (無期限)))
 
1行目: 1行目:
<div style="float:right; border:solid #000000 1px; margin:1px; clear:right;">
{{Chakuwiki:編集の仕方/目次}}
{| style="width:270px; height:70px; background-color:#112255; color:#ffffff; padding:0px; font-family:'ＭＳ Ｐゴシック',Osaka,sans-serif; text-align:center; line-height:100%;" cellspacing="0"
__TOC__{{-}}
| colspan="3" style="font-size:16pt; padding-top:5px; height:25%;" | '''{{{ruby}}}'''
==画像の使い方==
Chakuwikiでの画像の使いかたを説明します。
 
ここでは左上のロゴで使われている「wiki.png」という画像を使います。他の画像を載せるときは、'''アップロード'''でChakuwikiに画像を送り、そこから呼び出す必要があります。
 
==アップロードに際して==
===注意事項===
*アップロードされる画像は、'''ご自身で撮影または作成したもの'''に限定して下さい。その他の画像については画像の保有者から許諾を得ている旨を明記するか、またはフリー素材である事を証明して下さい。
**著作権には十分に気をつけて下さい。「引用」と「パクリ」の線引きは難しいものですが、判断できないときは一度管理者たちに[[Chakuwiki:相談所|相談]]してみてください。
*ファイルサイズは2メガバイトまでアップロードできますが、なるべく小さなサイズにして下さい。
**サイズの大きいファイルの閲覧は、サーバー、閲覧側、ネットワークに負荷をかけ、また表示に支障が出る場合もあります。Chakuwikiでは、画像サイズの大きいものは必要ないはずですので、サイズの大きくない画像を準備して、アップロードしましょう。
**目安として、縦横のうちいずれか長いほうが800ピクセル以下になるようにすることを推奨します。
**あまりに大きすぎる（縦横のうちいずれか長いほうが1200ピクセル以上）画像をアップロードした場合、管理者によって削除されます。その場合は画像を縮小して再度アップロードしてください。
**どうしても推奨サイズより大きい画像をアップロードする必要がある（縮小すると文字が読みづらくなる、など）場合は、お手数ですがアップロード時の概要欄、またはアップロード後速やかに（24時間以内）画像のページにご理由を投稿ください。
*現在、原因は不明ですがサムネイル表示（縮小表示）ができない場合があります。アップロードの際には、画像のサイズに注意して下さい。気持ち小さめにすることをお薦めします。
*Chakuwikiやそれぞれの噂に関係ない画像のアップロードはお控え下さい。
*ファイル名はなるべく「その画像が何を撮影した(または作成した)ものであるか」がわかるようなものにしてください。表記は問いません。
 
===アップロード===
*画面左側のツールバーにある[[特別:Upload|アップロード]]を使います。
**今までにアップロードされた画像は、[[特別:Imagelist|画像リスト]]で見ることができます。
*アップロードした画像には、必ず[[:Category:画像]]から画像趣旨に合ったカテゴリを探して付与して下さい。
**また、特に地域性が出ている画像については[[:Category:ご当地の画像]]から都道府県別のカテゴリを付与していただけると幸いです。
**画像のテーマによっては「カテゴリ:○○画像/XX」と都道府県別の下位カテゴリが設置されている場合がございます。
 
==画像の掲載==
===通常表示===
{| border="1" cellpadding="2" cellspacing="0" width="100%"
|-
|-
| style="font-size:26pt; width:89px; height:26px;" | '''&#9668;'''
! width="50%"|表示結果
| rowspan="2" style="font-size:8pt; width:92px; text-align:center; line-height:95%" | {{{roma}}}<br />{{{name}}}<br /><span style="font-size:7pt;">&nbsp;</span><br />({{{place}}})
! width="50%"|入力内容
| style="font-size:26pt; width:89px;" | '''&#9658;'''
|- valign="top"
|
[[画像:Wiki.png]]
|
<nowiki>[[画像:Wiki.png]]</nowiki>
|}
<nowiki>[[画像:(ここに使うファイル名)]]</nowiki>というリンクの貼り方をすると、登録されている画像がそのまま表示されます。
 
ちなみに、存在しないファイルを指定したときは
 
:[[画像:存在しないファイル.jpg]]
 
こう表示されます。
 
*ちゃんと画像が表示されないときは、ファイル名の綴りや大文字・小文字が間違っていないかをよく確認してください。
 
*また、HTMLを使用した書式は使えないようです。以下の書き方では正しく表示されません。
{| border="1" cellpadding="2" cellspacing="0" width="100%"
|-
|-
| style="text-align:center; font-size:8pt; line-height:100%; padding:1px 0px 1px 0px;" | [[{{{back-link|{{FULLPAGENAME}}}}}|<span style="color:#ffffff;" class="nextstation">{{{back}}}</span>]]<br /><span style="font-size:7pt;">{{{back2}}}</span>
! width="40%"|表示結果
| style="text-align:center; font-size:8pt; line-height:95%; padding:1px 0px 1px 0px;" | [[{{{next-link|{{FULLPAGENAME}}}}}|<span style="color:#ffffff;" class="nextstation">{{{next}}}</span>]]<br /><span style="font-size:7pt;">{{{next2}}}</span>
! width="60%"|入力内容
|}</div>
|- valign="top"
<noinclude>[[Category:駅名標テンプレート|JRきゆうしゆう2]]</noinclude>
|
http://wiki.chakuriki.net/images/b/bc/Wiki.png
|
<nowiki>http://wiki.chakuriki.net/images/b/bc/Wiki.png</nowiki>
|- valign="top"
|
[http://wiki.chakuriki.net/images/b/bc/Wiki.png]
|
<nowiki>[http://wiki.chakuriki.net/images/b/bc/Wiki.png]</nowiki>
|- valign="top"
|
<img src="http://wiki.chakuriki.net/images/b/bc/Wiki.png" />
|
<nowiki><img src="http://wiki.chakuriki.net/images/b/bc/Wiki.png" /></nowiki>
|}
 
===説明文===
{| border="1" cellpadding="2" cellspacing="0" width="100%"
|-
! width="50%"|表示結果
! width="50%"|入力内容
|- valign="top"
|
[[画像:Wiki.png|かっこいいロゴ]]
|
<nowiki>[[画像:Wiki.png|かっこいいロゴ]]</nowiki>
|}
 
HTMLのalt属性に相当するものです。
 
<nowiki>[[画像:(ここに使うファイル名)|（ここに説明文）]]</nowiki>というリンクの貼り方をすると、画像にカーソルを合わせたときに表示される文字を追加できます。
 
何も書かなかった場合は、画像ファイルのファイル名がそのまま表示されます。
 
===右寄せ・左寄せ===
{| border="1" cellpadding="2" cellspacing="0" width="100%"
|-
! width="50%"|表示結果
! width="50%"|入力内容
|- valign="top"
|
[[画像:Wiki.png|特になし]]
画像に続けて文章を書くと、こんな感じです。
|
<nowiki>[[画像:Wiki.png|特になし]]
画像に続けて文章を書くと、こんな感じです。</nowiki>
|- valign="top"
|
[[画像:Wiki.png|left|画像左寄せ]]
画像に続けて文章を書くと、こんな感じです。
|
<nowiki>[[画像:Wiki.png|left|画像左寄せ]]
画像に続けて文章を書くと、こんな感じです。</nowiki>
|- valign="top"
|
[[画像:Wiki.png|right|画像右寄せ]]
画像に続けて文章を書くと、こんな感じです。
|
<nowiki>[[画像:Wiki.png|right|画像右寄せ]]
画像に続けて文章を書くと、こんな感じです。</nowiki>
|- valign="top"
|
[[画像:Wiki.png|center|画像中央寄せ]]
画像に続けて文章を書くと、こんな感じです。
|
<nowiki>[[画像:Wiki.png|center|画像中央寄せ]]
画像に続けて文章を書くと、こんな感じです。</nowiki>
|- valign="top"
|
[[画像:Wiki.png|none|画像寄せなし]]
画像に続けて文章を書くと、こんな感じです。
|
<nowiki>[[画像:Wiki.png|none|画像寄せなし]]
画像に続けて文章を書くと、こんな感じです。</nowiki>
|}
ファイル名と説明文の間に「left」「right」「center」「none」のいずれかのキーワードを組み込むと、画像の位置を変更できます。
*特に指定していないときは、左寄せに位置します。
*「指定なし」「left」「none」は画像の位置こそ同じですが、それに続く文章の位置が変わります。使用する場所にあわせて使い分けてください。
 
===フレーム===
{| border="1" cellpadding="2" cellspacing="0" width="100%"
|-
! width="50%"|表示結果
! width="50%"|入力内容
|- valign="top"
|
[[画像:Wiki.png|frame|フレーム付き]]
続けて書かれた文章は、ここに表示されます。
|
<nowiki>[[画像:Wiki.png|frame|フレーム付き]]
続けて書かれた文章は、ここに表示されます。</nowiki>
|- valign="top"
|
[[画像:Wiki.png|frame|left|フレーム＋左寄せ]]
続けて書かれた文章は、ここに表示されます。
|
<nowiki>[[画像:Wiki.png|frame|left|フレーム＋左寄せ]]
続けて書かれた文章は、ここに表示されます。</nowiki>
|}
 
*<nowiki>「[[画像:（ファイル名）|frame|（位置）|（説明文）]]」</nowiki>という書き方をします。
*位置と説明文は省略できますが、その場合は<nowiki>「[[画像:（ファイル名）|frame|]]」</nowiki>のように、frameの後ろに半角パイプを残してください。
**位置を指定しない場合は、右寄せとなります。指定なし・rightでは文字の位置取りがそれぞれ異なります。
 
===サムネイル表示===
{| border="1" cellpadding="2" cellspacing="0" width="100%"
|-
! width="50%"|表示結果
! width="50%"|入力内容
|- valign="top"
|
[[画像:Wiki.png|thumb|100px|サムネイル表示]]
続けて書かれた文章は、ここに表示されます。
|
<nowiki>[[画像:Wiki.png|thumb|100px|サムネイル表示]]
続けて書かれた文章は、ここに表示されます。</nowiki>
|- valign="top"
|
[[画像:Wiki.png|thumb|100px|left|サムネイル表示]]
続けて書かれた文章は、ここに表示されます。
|
<nowiki>[[画像:Wiki.png|thumb|100px|left|サムネイル表示]]
続けて書かれた文章は、ここに表示されます。</nowiki>
|}
 
*<nowiki>「[[画像:（ファイル名）|thumb|（サムネイルの幅[px]）|（位置）|（説明文）]]」</nowiki>という書き方をします。画像を縮小して表示するフレームといったような機能です。
*位置と説明文は省略できますが、その場合は<nowiki>「[[画像:（ファイル名）|frame|（サムネイルの幅[px]）|]]」</nowiki>のように、最後に半角パイプを残してください。
**位置を指定しない場合は、右寄せとなります。指定なし・rightでは文字の位置取りがそれぞれ異なります。
*サムネイル表示された画像、もしくは右下の拡大アイコンのリンクから原寸の画像のページに移動することが出来ます。
 
===ギャラリー===
ギャラリー形式にしたい場合には、次のようにします。(MediaWiki 1.4からの機能）
{| border="1" cellpadding="2" cellspacing="0" width="100%"
|-
! width="50%"|表示結果
! width="50%"|入力内容
|-
|
<gallery>
画像:ぜいたく煮.jpg|滋賀名物？
画像:Wikipedia.JPG|丸いなぁ
画像の代わりに文も入れられます
</gallery>
|
<pre><nowiki>
<gallery>
画像:ぜいたく煮.jpg|滋賀名物？
画像:Wikipedia.JPG|丸いなぁ
画像の代わりに文も入れられます
</gallery>
</nowiki></pre>
|}
*画像の説明文は省略できます。
*リンクの裏技を使うとき、「|」の後が省略できません。
 
===リンク表示===
{| border="1" cellpadding="2" cellspacing="0" width="100%"
|-
! width="50%"|表示結果
! width="50%"|入力内容
|-
|
[[:画像:Wiki.png]]
|
<nowiki>[[:画像:Wiki.png]]</nowiki>
|-
|
[[:画像:Wiki.png|こちらを参照]]
|
<nowiki>[[:画像:Wiki.png|こちらを参照]]</nowiki>
|}
*「画像」という単語の手前に半角コロン(:)を入れると、その場に画像を表示しないで、画像データ説明のあるページにつながるリンクを作れます。
*説明文を加えると、通常のリンクと同様に説明文に置き換わります。
 
{| border="1" cellpadding="2" cellspacing="0" width="100%"
|-
! width="50%"|表示結果
! width="50%"|入力内容
|-
|
[[media:Wiki.png]]
|
<nowiki>[[media:Wiki.png]]</nowiki>
|}
*「画像」を「media」に置き換えると、画像に直接リンクします。
<!-- 以下は未対応または未実装の機能です。使わないでください。
{| border="1" cellpadding="2" cellspacing="0" width="100%"
|-
! width="50%"| 表示結果
! width="50%"| 入力内容
|- valign="top"
|
サウンドの説明ページへは、次のようにします。
* [[画像:BoleroThemaA.mid]]
* [[画像:BoleroThemaA.mid|MIDIファイル]]
|
<pre><nowiki>
* [[画像:BoleroThemaA.mid]]
* [[画像:BoleroThemaA.mid|MIDIファイル]]
</nowiki></pre>
|-  
|
サウンド・ファイルへのリンクは、次のようにします。
*[[media:BoleroThemaA.mid|MIDIファイル (2390 bytes)]]
フォーマットの種類とファイルサイズを明記するようにして下さい。
|
<pre><nowiki>
*[[media:BoleroThemaA.mid|MIDIファイル (2390 bytes)]]
</nowiki></pre>
|-
|
テンプレートを利用することもできます。
*{{サウンド|Japanese nightingale note01.ogg|ウグイスの声}}
*{{試聴|filename=Japanese nightingale note01.ogg|title=ウグイスの声|description=関東地方のウグイスの鳴き声です。0.4MB|format=[[Ogg]]}}
|
<pre><nowiki>
*{{サウンド|Japanese nightingale note01.ogg|ウグイスの声}}
*{{試聴|filename=Japanese nightingale note01.ogg|title=ウグイスの声|description=関東地方のウグイスの鳴き声です。0.4MB|format=[[Ogg]]}}
</nowiki></pre>
|}-->
{{Chakuwikiの方針}}
[[Category:Chakuwiki説明書|かそうのつかいかた]]

2020年12月23日 (水) 03:03時点における版


画像の使い方

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

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

アップロードに際して

注意事項

  • アップロードされる画像は、ご自身で撮影または作成したものに限定して下さい。その他の画像については画像の保有者から許諾を得ている旨を明記するか、またはフリー素材である事を証明して下さい。
    • 著作権には十分に気をつけて下さい。「引用」と「パクリ」の線引きは難しいものですが、判断できないときは一度管理者たちに相談してみてください。
  • ファイルサイズは2メガバイトまでアップロードできますが、なるべく小さなサイズにして下さい。
    • サイズの大きいファイルの閲覧は、サーバー、閲覧側、ネットワークに負荷をかけ、また表示に支障が出る場合もあります。Chakuwikiでは、画像サイズの大きいものは必要ないはずですので、サイズの大きくない画像を準備して、アップロードしましょう。
    • 目安として、縦横のうちいずれか長いほうが800ピクセル以下になるようにすることを推奨します。
    • あまりに大きすぎる（縦横のうちいずれか長いほうが1200ピクセル以上）画像をアップロードした場合、管理者によって削除されます。その場合は画像を縮小して再度アップロードしてください。
    • どうしても推奨サイズより大きい画像をアップロードする必要がある（縮小すると文字が読みづらくなる、など）場合は、お手数ですがアップロード時の概要欄、またはアップロード後速やかに（24時間以内）画像のページにご理由を投稿ください。
  • 現在、原因は不明ですがサムネイル表示（縮小表示）ができない場合があります。アップロードの際には、画像のサイズに注意して下さい。気持ち小さめにすることをお薦めします。
  • Chakuwikiやそれぞれの噂に関係ない画像のアップロードはお控え下さい。
  • ファイル名はなるべく「その画像が何を撮影した(または作成した)ものであるか」がわかるようなものにしてください。表記は問いません。

アップロード

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

画像の掲載

通常表示

表示結果 入力内容

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」に置き換えると、画像に直接リンクします。

Chakuwikiの方針

Chakuwikiの方針
このサイトについて chakuwikiについて - 基本方針とガイドライン - チャクウィキは何ではないか - バカとは - 著作権 - プライバシー・ポリシー
利用方法 ユーザー登録 - 編集の方法 - 管理編集 - 署名 - 新しくページを作成する方法 - 地図の表示方法 - サンドボックス
分野別・ページ別 全般 - もしあの番組 - 日本の駅 - 偽車種 - 勝手に国づくり - ざんねんなモノ事典
コミュニティ 借井戸 - 問題投稿通知 - バカの卵 (もしWiki - ベタの法則) - 耳寄りな噂 (投票所 - 耳障りな噂)
その他 あなたはチャクウィキ中毒でしょうかテスト (私論) - チャクウィキ論 (私論)
過去ログ・利用休止中 インフォメーション - 管理者の権限とルール - 相談所 - 削除願い - ブロック解除願い - CheckUser行使依頼 - 管理者選任制度 - 管理者選出システム - 小中学生のみなさんへ - オフラインミーティング - 借力の書籍 - WCJ2009
「https://chakuwiki.org/w/index.php?title=テンプレート:駅名標/九州2&oldid=1519850」から取得