添付ファイル・画像の貼り付け
[[添付ファイルの取り扱いについて>http://pukiwiki.cafelounge.net/plus/?Documents%2FPlugin%2FAbout%20the%20handling%20of%20the%20attached%20file]]
*画像の添付方法 [#g66ffe21]
1.画像をアップロードする
2.記法を書いて画像を表示させる。
***1 画像をアップロードする。 [#wc8af0c2]
#ref(upload.jpg,around,40%)
a メニュー>編集>添付を選ぶ
もしくは、
b 右下の &ref(http://vwrr.kilo.jp/WikiBOX/image/file.png,,nolink); アイコンをクリック
#clear
#br
#ref(tenpu.png,around,50%);
『選択...』ボタンを押して、
自分のPCの任意のファイルを選ぶ 
『アップロード』ボタンを押す

#clear
>ページ左下に添付されたファイル名が表示される。
>&ref(http://vwrr.kilo.jp/pwiki/image/vwrr/exclamation_octagon_fram.png);
''&color(Red){できるだけ、軽い画像にしてください。};''大きくても100kb程度
***2 画像を表示させる [#jb174333]
次の記法を書いて表記させる
 #ref(アップロードしたファイル名)
もしくは
 &ref(アップロードしたファイル名);
>上記の違い。
# の場合は、必ず行頭で書かなくてはなりません。
& の場合は 行の途中にいれる場合に使います。『;』が要ります。

-表記させる大きさを変える。
表示サイズを20%の大きさにする場合。
 #ref(ファイル名,,20%)←コンマを2個いれて20%(全て半角)を記入。
EX.
#ref(r_mono.jpg,,20%)
-画像の位置を左、中央、右 にする場合。
 #ref(ファイル名,center)←
#ref(r_mono.jpg,center)

●#ref(添付ファイル名,位置,枠,回り込み,リンク,サイズ)~
 #ref(r_mono.jpg,center,wrap,nolink,20%)
#ref(r_mono.jpg,center,wrap,nolink,20%)

●テキストの回り込み
 #ref(r_mono.jpg,around,nolink,20%)
#ref(r_mono.jpg,around,nolink,20%)
テキストの回り込みをする方法です。&ref();では 回り込みしません。回り込みを中止するために、行頭で#clearをいれます。又、&ref();では、枠も囲えません。位置も指定できません。
#clear

●このWiki内の画像を表示する方法~
 &ref(クイックマニュアル/YouTube.png,nolink);
&ref(クイックマニュアル/YouTube.png,nolink);

●外部サイトの画像を表示する方法
 &ref(http://www.aanda.co.jp/common/images/top_pickup/pickup_top_asap.jpg);
&ref(http://www.aanda.co.jp/common/images/top_pickup/pickup_top_asap.jpg);
#ref(A&A.png,around,50%)
&ref(http://vwrr.kilo.jp/pwiki/image/vwrr/arrow_left.png);右クリックで画像のURLをコピー
#clear

●#ref には、カンマで区切って下記のパラメタを指定できる。~
 ◎添付ファイルが存在するページ名を指定。~
  デフォルトは現在のページ。添付ファイル名の次に記述する。~
 ○表示する位置を指定(left(デフォルト)、center、right)~
 ○枠で囲むかどうかを指定(wrap、nowrap(デフォルト))~
 ○テキストの回り込みを指定(around)+テキストの回り込みの解除(#clear)~
 ◎添付ファイルへのリンクをしない。(nolink)~
 ◎ファイル名の代わりに表示する文字列や画像の代替文字列を指定(代替文字列)~
  ファイル名の代わりに表示する文字列や画像の代替文字列を指定~
**#ref(ファイルのURL)、&ref(ファイルのURL); [#hf6357df]
#ref(ファイルのURL,位置,枠,回り込み,リンク,サイズ)~
 #ref(http://kiyoeri.la.coocan.jp/pukiwiki/image/pukiwiki.gif,left,wrap,pukiwikiロゴ,50%)
#ref(http://kiyoeri.la.coocan.jp/pukiwiki/image/pukiwiki.gif,left,wrap,pukiwikiロゴ,50%)
 #ref(http://www.clocklink.com/clocks/0023-orange.swf?TimeZone=JST,true,75%)
&ref(http://www.clocklink.com/clocks/0023-orange.swf?TimeZone=JST);

#comment

リロード   新規 下位ページ作成 編集 凍結 差分 添付 コピー 名前変更   ホーム 一覧 検索 最終更新 バックアップ リンク元   ヘルプ   最終更新のRSS