おてもやんはじめ

一つ前の記事で飛ばした画像の挿入について説明します。

2.画像挿入アイコン

このアイコンをクリックすると記事内のカーソルの後ろに画像を挿入することができます。

をクリックすると下のような画面が出ます。



では自分のパソコンの中にある画像の選択ができます。
「選択」ボタンをクリックすると「ファイルの選択」ダイアログが表示されます。
※表示されるダイアログの内容は利用されている環境などにより異なります。



記事に載せたい画像をクリックして選択し、「開く」ボタンをクリックすると選択した画像が表示されます。



のアップロードではアップロードする画像をそのままのサイズでアップロードして表示するか(「オリジナルサイズ」を選択)、指定した横幅でアップロードして表示するか(「リサイズ」選択)を選択します。

の「登録済み画像」は、既にアップロードしている画像がある場合、▼をクリックするとアップロードされている画像のリストが表示されるのでその中から記事に載せたい画像を選択するとその画像が表示されます。
※「1)画像の選択」をしている場合、「2)登録済み画像」を選んで表示されている画像が変わっても「1)画像の選択」で選んでいる画像が優先されます。

の画像の回り込みは画像の横に文字を表示させたい時に使います。

「なし」を選択すると、下のように画像の左横に文字が一行分だけ続けて表示され、それ以降の文字は画像の下に表示されます。



「左」を選択すると文字の左側に画像が表示されます。



「右」を選択すると、文字の右側に画像が表示されます。



のサムネイル表示は記事自体には縮小した画像を載せて、画像をクリックするとアップロードしたサイズの画像を表示させるかどうかを選択します。

「ポップアップリンク」を選んだ場合、記事には画像を小さく載せて、画像をクリックすると別ウィンドウでアップロードしたサイズの画像を表示させます。



「通常リンク」を選択すると、記事内の画像を小さく載せて、画像をクリックした時に、現在記事を見ているウィンドウにアップロードしたサイズの画像を表示させます。



記事に戻りたい時はブラウザの戻るボタンで戻ってください。

「サムネイル表示しない」を選択すると、アップロードしたそのままの大きさの画像が記事の中に表示されます。
画像をクリックしても何もおきません。



サムネイル表示をしない場合、画像のサイズが大きすぎるとブログのテンプレートのレイアウトが崩れてしまうことがあります。
テンプレートを崩さずに表示するためには2カラムで横幅450px程度、3カラムで横幅350px程度となっております。
大きい画像をサムネイル表示させないでアップロードする時には「リサイズ」を選択し、その横にある「横幅」の枠の中にテンプレートのカラム数にあった数値を入れてアップロードするとテンプレートのレイアウトが崩れません。

をクリックすると画像がアップロードされます。
記事に挿入する画像の設定が終わったら「画像の挿入」ボタンをクリックしてください。

※アップロードしようとした画像ファイルの名前が今まで自分がアップロードした事のある画像ファイル名と同じ場合はこのようなダイアログが表示されます。



同じ画像を修正してアップロードするならば「OK」ボタンをクリックしてください。

もし、今までアップロードしたことのない画像をアップロードしようとしている時にこのダイアログが表示された場合、「キャンセル」ボタンをクリックしてください。
この場合、「OK」ボタンをクリックすると、以前の画像がなくなり、上書きされた画像で表示されます。