「WikiPlus」- WEBサイトの管理・運営を簡単にするASP - WEB担当者マニュアル

下記のコンテンツは、WikiPlus Ver. 1.2.8以前のコンテンツです。 現在の機能、サービス内容に適合したものではありません。ご注意ください。最新版WIKIPLUSの運営マニュアルはこちら
    Top / plugin / ref / 表示例

ref 記述と表示例

このページには、画像ファイル(pic02.jpg)、PDFファイル(pdf01.pdf)が添付されています。

引数ごとの表示方法の違いを説明します。

何も指定しない

何も指定しない場合、次の内容で表示されます。

  • ブロック型:左寄せ、テーブルタグで囲まない、回り込みなし、画像へのリンクあり、元の画像サイズ、タイトル(alt)はファイル名
  • インライン型:左寄せ、画像へのリンクあり、元の画像サイズ、タイトル(alt)はファイル名
編集画面
&ref(pic02.jpg);
#ref(pic02.jpg)
公開画面
pic02.jpg
pic02.jpg

タイトル(代替テキスト、代替文字列、alt属性)を指定する

表示されている画像にマウスオーバーすると確認できます。

編集画面
&ref(pic02.jpg,こねこの画像);
公開画面
こねこの画像

左寄せ、センタリング、右寄せ − left,center,right 

引数にright center right を指定します。

編集画面
#ref(pic02.jpg,left)  :左寄せ
#ref(pic02.jpg,center) :センタリング
#ref(pic02.jpg,right)  :右寄せ
公開画面
pic02.jpg
pic02.jpg
pic02.jpg

画像の周りを囲む − wrap,nowrap

※ ブロック型プラグイン #ref で使用できます。(&ref は使用できません)

編集画面
#ref(pic02.jpg,wrap)  :囲む
#ref(pic02.jpg,nowrap)  :囲まない
公開画面
pic02.jpg
pic02.jpg

テキストの回りこみを指定する − around

※ ブロック型プラグイン #ref で使用できます。(&ref は使用できません)

編集画面
#ref(pic02.jpg,around)
回り込みテキスト回り込みテキスト・・・
#clear
公開画面
pic02.jpg
回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト 回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト 回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト

画像を右寄せして、テキストの回り込みを指定する

編集画面
#ref(pic02.jpg,right,around)
回り込みテキスト回り込みテキスト・・・
#clear
公開画面
pic02.jpg
回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト 回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト 回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト

アイコンを表示しない − noicon

編集画面
&ref(pdf01.pdf);  アイコンを表示
&ref(pdf01.pdf,noicon);  アイコンを表示しない
公開画面
filepdf01.pdf pdf01.pdf

画像を表示しない − noimg

編集画面
&ref(pic02.jpg,noimg);  表示しない
&ref(pic02.jpg);  表示する
公開画面
filepic02.jpg pic02.jpg

画像ファイルへリンクしない − nolink

編集画面
&ref(pic02.jpg,nolink);  リンクしない
&ref(pic02.jpg);  リンクする
公開画面
pic02.jpg pic02.jpg

表示サイズの変更 − zoom,max,min,999x999,resize,fit,999%

pic02.jpg 幅150ピクセル×高さ150ピクセル

【説明用画像】
画像ファイル(pic02.jpg) の詳細
幅 150ピクセル×高さ 150ピクセル
ファイルサイズ:28KB

表示サイズを指定する(元の画像の幅・高さの比率を維持しない)

999x999

編集画面
&ref(pic02.jpg,100x150);
&ref(pic02.jpg,150x100);
&ref(pic02.jpg,200x250);
公開画面
pic02.jpg pic02.jpg pic02.jpg

指定したサイズで表示する(元の画像の幅・高さの比率を維持する)

zoom,999x999
指定されたサイズに内接する最大の大きさで表示されます。

編集画面
&ref(pic02.jpg,zoom,100x120);  100x100 で表示
&ref(pic02.jpg,zoom,130x150);  130x130 で表示
&ref(pic02.jpg,zoom,200x250);  200x200 で表示
公開画面
pic02.jpg pic02.jpg pic02.jpg

元の画像の大きさに関係なく、表示する最大サイズを指定する。

max,999x999
これ以上大きく表示させたくない場合に使用します。

編集画面
&ref(pic02.jpg,max,100x100); 100x100 で表示
&ref(pic02.jpg,max,200x200); 150x150 で表示(元のサイズ)
公開画面
pic02.jpg pic02.jpg

表示サイズを倍率で指定する。

999%

編集画面
&ref(pic02.jpg,50%); 50%に縮小
&ref(pic02.jpg,150%); 150%に拡大
公開画面
pic02.jpg pic02.jpg

表示サイズを倍率で指定する(あらかじめ指定されたサイズを基準)

fit,999% − このサイトでは、800ピクセルが指定されています。

編集画面
&ref(pic02.jpg,fit,10%); 10%(80x80)で表示
&ref(pic02.jpg,fit,25%); 25%(200x200)で表示
公開画面
pic02.jpg pic02.jpg

リサイズする

画像ファイルを指定したサイズにリサイズします。大きなファイルはデータサイズが小さくなるため、表示速度が向上します。

編集画面
&ref(pic02.jpg,100x100,resize); 100x100 にリサイズして表示
公開画面
pic02.jpg

画像のキャプション(注釈)を表示する − caption,captiontop

編集画面
&ref(pic02.jpg,caption,こねこの画像);  下付き表示
&ref(pic02.jpg,captiontopこねこの画像);  上付き表示
公開画面
こねこの画像こねこの画像 こねこの画像こねこの画像

複数の表示方法を指定する。

編集画面
#ref(pic02.jpg,wrap,around,nolink,zoom,120x120,caption,こねこの画像_1)
 テーブルで囲む、回り込み、リンクなし、比率維持 120×120、下付きキャプション

#ref(pic02.jpg,around,nolink,zoom,100x100,captiontop,こねこの画像_2)
 テーブルで囲まない、回り込み、リンクなし、比率維持 100×100、下付きキャプション

#ref(pic02.jpg,wrap,around,75%,caption,こねこの画像_3)
 テーブルで囲む、回り込み、リンクあり、元サイズの75%、下付きキャプション

#clear
公開画面
こねこの画像_1こねこの画像_1
こねこの画像_2こねこの画像_2

開発元:ジャストプレイヤー株式会社 ※このサイトはWikiPlusにて作成されています。