添付ファイル・画像の貼り付け [[添付ファイルの取り扱いについて>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 |