始めて少し経った『gooブログ』ですが、記事内の画像の設定・調整方法がちょっと分かり難かったのでメモです。
(用語とかgooブログユーザ向けの記述になりますので~)
画像(サムネイル)をクリックした時に別ウインドウで拡大画像を表示するようにしたい場合の話です。
gooブログでは画像をアップロードすると自動的にサムネイル画像も作成されるんですが、そのサイズが固定で小さすぎる。
記事投稿画面ではこの小さすぎるサムネイルかオリジナルサイズ画像のどちらかを選ぶという二択のような作り‥。
サイズ変更するには・・と目に付く所を少しいじってみましたが、あちらをたてればこちらがたたずといった感じになったり‥。
で設定方法です。
一つは直接HTMLタグを書く、ですがこれはgooブログに限った事ではないのでここではパス。
「HTMLエディター」モードの方でこんな感じでやってますという一例です。
(細かい部分や方法が幾つかある所は省きます)
1.まずは普通に画像アップロード、新規投稿画面で文章記入。
2.画像を挿入したい場所にカーソルを置いて、(「オリジナルサイズ」の方)をクリック。
元サイズの画像が挿入されます。
3.挿入した画像をクリックして選択し、(画像の挿入/編集)をクリック。
4.『画像の挿入/編集』ウインドウが開くのでここで[サイズ]欄に横幅または縦幅を入れる。
これが記事内の画像サイズになります。
ついでに同ウインドウで[画像の説明]に文字を入れると、ポインタが画像上にいった時に説明を表示するようになります。(ブラウザによる)
5.画像を中央にしたい場合は、画像を選択してをクリック。
6.画像を右クリック-プロパティから「URL」をコピー。
7.(リンクの挿入/編集)をクリック。
8.リンクの挿入/編集ウインドウが開くので[リンクURL]欄にURLを張り付け。
[ターゲット]欄で「同じウインドウで開く」か「新しいウインドウで開く」かを選択。
以上。 こんなふうになります。( ↓ )
今後、gooブログの仕様も変わるかもしれませんが、とりあえず今の所こんな感じでやってます。