テストページ_画像
提供: 不登校ウィキ・WikiFutoko | 不登校情報センター
(版間での差分)
(2人の利用者による、間の55版が非表示) | |||
1行: | 1行: | ||
− | + | __toc__ | |
− | + | ==wikiページでの画像表示== | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | [[file:x1.jpg]] | ||
+ | ===画像ファイルのアップロード=== | ||
+ | #画像のファイル名は<span style="color:#933;font-weight:bold;">半角英数</span>で保存しておく。 | ||
+ | #wikiページ左側にある<span style="color:#933;font-weight:bold;">ツールボックス</span>から<span style="color:#933;font-weight:bold;">アップロード</span>ページに入る。 | ||
+ | #<span style="color:#933;font-weight:bold;">元ファイル</span>に表示したい画像ファイルの<span style="color:#933;font-weight:bold;">保存場所とファイル名</span>を入力。 | ||
+ | #ページ下にある<span style="color:#933;font-weight:bold;">アップロード</span>ボタンをクリック。 | ||
− | + | ===wikiページの編集=== | |
− | + | #画像を表示したい場所に<span style="color:#993333;font-weight:bold;"><nowiki>[[file:ファイル名]]</nowiki></span>と入力。 | |
− | + | #*[[<span style="color:#993333;font-weight:bold;">image</span>:ファイル名]]、[[<span style="color:#993333;font-weight:bold;">ファイル</span>:ファイル名]]、[[<span style="color:#993333;font-weight:bold;">画像</span>:ファイル名]]でも可。 | |
− | + | #*このページの画像のファイル名は、<span style="color:#336633;font-weight:bold;">x1.jpg</span> | |
− | < | + | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | < | + | ===サイズと配置=== |
+ | #<nowiki>[[file:ファイル名|</nowiki><span style="color:#993333;font-weight:bold;">数値px</span>]]で画像の横幅を指定できる。 | ||
+ | #<nowiki>[[file:ファイル名|</nowiki><span style="color:#993333;font-weight:bold;">位置</span>]]で画像の配置を指定できる。 | ||
+ | #*テキストの回り込みは、画像直後のテキストをブロック要素にすれば関係ない。 | ||
+ | {|width="300" class=wikitable style="margin-left:30px;" | ||
+ | |||
+ | |- | ||
+ | !<nowiki>[[file:x1.jpg|</nowiki><span style="color:#993333;">50px</span>]] | ||
+ | |||
+ | |[[file:x1.jpg|50px]]テキストは右側中央に回り込む(配置指定なし) | ||
+ | |||
+ | |- | ||
+ | !<nowiki>[[file:x1.jpg|50px|</nowiki><span style="color:#993333;">left</span>]] | ||
+ | |||
+ | |[[file:x1.jpg|50px|left]]テキスト右側上部に回り込む | ||
+ | |||
+ | |- | ||
+ | !<nowiki>[[file:x1.jpg|50px|</nowiki><span style="color:#993333;">none</span>]] | ||
+ | |||
+ | |[[file:x1.jpg|50px|none]]テキストは回り込まない | ||
+ | |||
+ | |- | ||
+ | !<nowiki>[[file:x1.jpg|50px|</nowiki><span style="color:#993333;">center</span>]] | ||
+ | |||
+ | |[[file:x1.jpg|50px|center]]テキストは回り込まない | ||
+ | |||
+ | |- | ||
+ | !<nowiki>[[file:x1.jpg|50px|</nowiki><span style="color:#993333;">right</span>]] | ||
+ | |||
+ | |[[file:x1.jpg|50px|right]]テキストは左側上部に回り込む | ||
+ | |||
+ | |} | ||
+ | |||
+ | ===画像ファイルの削除=== | ||
+ | #wikiページ左側にある<span style="color:#993333;font-weight:bold;">ツールボックス</span>から、<br><span style="color:#993333;font-weight:bold;">特別ページ一覧</span>><span style="color:#993333;font-weight:bold;">メディア情報とアップロード</span>><span style="color:#993333;font-weight:bold;">ファイル一覧</span>ページに入る。 | ||
+ | #名前の列にある<span style="color:#993333;font-weight:bold;">半角のファイル名</span>をクリックして、画像ファイルごとのページに入る。 | ||
+ | #左側の列にある<span style="color:#993333;font-weight:bold;">すべて削除</span>をクリックして、ファイル削除のページに入る。 | ||
+ | #下の方のある<span style="color:#993333;font-weight:bold;">削除</span>ボタンをクリック。 | ||
+ | |||
+ | <span style="color:#993333;font-weight:bold;">※</span> (ソース表示から保存先は分かるが)FTPツールで直接削除すると、wikiのデータベースとの整合性がとれなくなるので注意。 | ||
+ | |||
+ | ==注:ファイル名== | ||
+ | (Wikiにアップロードする時の、<span style="color:#933;font-weight:bold;">ファイル名</span>に関する注意事項) | ||
+ | *<span style="color:#933;font-weight:bold;">半角英数</span>を使う。<br>(Wikiバージョンアップ時に文字化けする) | ||
+ | *<span style="color:#933;font-weight:bold;">半角スペース</span>は使わない。<br>(Windowsでは問題ないが、サーバーで問題あるかも?) | ||
+ | *<span style="color:#933;font-weight:bold;">1文字目を大文字</span>にする。<br>(Wikiにアップすると、自動でファイル名の1文字目が大文字に変換される)<br>(大文字と小文字は区別される) | ||
+ | *<span style="color:#933;font-weight:bold;">_</span> 「アンダーバー」は使わない。<br>(Wikiにアップすると、ファイル名をタイトルにしたページが作られるが、この時アンダーバーは半角スペースに置き換えられる)<br>(ファイル名にリンクする時、アンダーバーと半角スペースは区別される)<br>(ページ名にリンクする時、アンダーバーと半角スペースは区別されない)<br>(ファイル名とページ名が違うと面倒) | ||
+ | *<span style="color:#933;font-weight:bold;">-</span> 「ハイフン」は使える。 | ||
+ | ---- | ||
[[Category:x]] | [[Category:x]] |
2012年3月7日 (水) 14:29時点における最新版
目次 |
wikiページでの画像表示
画像ファイルのアップロード
- 画像のファイル名は半角英数で保存しておく。
- wikiページ左側にあるツールボックスからアップロードページに入る。
- 元ファイルに表示したい画像ファイルの保存場所とファイル名を入力。
- ページ下にあるアップロードボタンをクリック。
wikiページの編集
- 画像を表示したい場所に[[file:ファイル名]]と入力。
- [[image:ファイル名]]、[[ファイル:ファイル名]]、[[画像:ファイル名]]でも可。
- このページの画像のファイル名は、x1.jpg
サイズと配置
- [[file:ファイル名|数値px]]で画像の横幅を指定できる。
- [[file:ファイル名|位置]]で画像の配置を指定できる。
- テキストの回り込みは、画像直後のテキストをブロック要素にすれば関係ない。
画像ファイルの削除
- wikiページ左側にあるツールボックスから、
特別ページ一覧>メディア情報とアップロード>ファイル一覧ページに入る。 - 名前の列にある半角のファイル名をクリックして、画像ファイルごとのページに入る。
- 左側の列にあるすべて削除をクリックして、ファイル削除のページに入る。
- 下の方のある削除ボタンをクリック。
※ (ソース表示から保存先は分かるが)FTPツールで直接削除すると、wikiのデータベースとの整合性がとれなくなるので注意。
注:ファイル名
(Wikiにアップロードする時の、ファイル名に関する注意事項)
- 半角英数を使う。
(Wikiバージョンアップ時に文字化けする) - 半角スペースは使わない。
(Windowsでは問題ないが、サーバーで問題あるかも?) - 1文字目を大文字にする。
(Wikiにアップすると、自動でファイル名の1文字目が大文字に変換される)
(大文字と小文字は区別される) - _ 「アンダーバー」は使わない。
(Wikiにアップすると、ファイル名をタイトルにしたページが作られるが、この時アンダーバーは半角スペースに置き換えられる)
(ファイル名にリンクする時、アンダーバーと半角スペースは区別される)
(ページ名にリンクする時、アンダーバーと半角スペースは区別されない)
(ファイル名とページ名が違うと面倒) - - 「ハイフン」は使える。