自分で作成したサムネイル画像を使用する方法（作成手順）

2007年5月22日（Rev.2）

1.画像編集

画像編集ソフトで拡大画像とサムネイル画像の2種類を作成する。

2.画像データのアップロード

「新規作成」または「本文再編集」のページにある「［画像貼付］が動作しない場合はこちらから貼り付けてください。」の「こちら」をクリックすると「ファイルマネージャー」が起動するので、2種類の画像データをアップロードする。

この際、必要であれば「フォルダー」を作成する。（作成すると管理の際便利です。）

3.画像添付タグ貼り付け

一覧表から、アップロードした画像データの「画像添付タグ表示」をクリックし、表示された文字列を記事本文に貼り付ける。

（例）「エゴノキの花」の記事画像の場合

・拡大画像の画像添付タグ

・サムネイル画像の画像添付タグ

[説明]

　<div>タグ　ブロックレベル要素を定義

　align="center"　行を中央に揃える

　<a>タグ　リンクを作成　・・・　拡大画像のリンク先を指定する。

　"http://userdisk.webry.biglobe.ne.jp/000/690/41/N000/000/001/IMG_1956_1024.jpg"　は　"リンク先画像ファイル名"

　<img>タグ　画像の表示　・・・　サムネイル画像を指定する。

(注）タグは自動生成されているので<a>タグと<img>タグは同一画像となっている。

4.画像添付タグ修正

本文編集で、貼り付けた画像添付タグの<a>タグ、<img>タグを修正する。

・拡大画像の画像添付タグを貼り付けた時

　<img>タグ

　　src="bbb"　サムネイル画像ファイル名（半角）に修正

　　width="nnn"　画像の幅（半角）を指定　または削除

　　height="nnn"　画像の幅（半角）を指定　または削除

・サムネイル画像の画像添付タグを貼り付けた時

　<a>タグ

　　href="aaa"　拡大画像ファイル名（半角）に修正

　<img>タグ

　　width="nnn"　画像の幅（半角）を指定　または削除

　　height="nnn"　画像の幅（半角）を指定　または削除

(修正例)

または

5.確認

本文を表示して確認する。