Blogger ブログに挿入した画像のサイズや説明文の設定

Blogger は Google が運営する無料ブログです。
今回は Blogger のブログ記事に挿入した画像に対して説明文などのテキストを追加したり、サイズ位置を変更する手順を紹介します。

※画像の挿入のサンプル画像は GrimDawn をプレイした際のスクリーンショットです。

画像の下に説明文を設定

Blogger では、説明文を用いて画像のキャプションのようなテキストを表示できます。

画像を選択した後で表示されるツールボタンの左から 5 番目の「説明を切り替える」ツールボタンを押します。

blogger 画像の説明を切り替えるボタンを押します.

画像の下側に、「説明を追加」というプレースホルダが表示されるので、クリックしてテキストを入力しましょう。

blogger 説明を追加というプレースホルダーの部分に説明文を入力できます.

フォーカスを外すと、入力したテキストが画像の下側に説明文として表示されます。

blogger 画像の説明文の部分に文字列を入力した結果

画像の左揃え・中央揃え・右揃え

画像の位置は、右寄せ、左寄せ、中央寄せを選択できます。
挿入した直後の画像は中央に配置されます。

画像を選択した状態で下側に表示されるツールボタン群の左側にある「左揃え」「中央揃え」「右揃え」の 3 つのツールボタンを使います。

画像のサイズの変更

画像を選択した後に表示されるツール群の左から 4 番目の「画像サイズ」ツールボタンをクリックします。
表示する画像サイズの選択肢が表示されるので選択します。

blogger 画像のサイズ変更アイコンをクリックした後で表示する画像サイズを選択できます.

「画像の編集」ダイアログによる設定

前述したサイズについては、「画像の編集」ダイアログでも変更できます。
他にも、説明文とは異なる画像に関するテキストも設定できます。

「画像の編集」ダイアログを表示するには、画像を選択したあと表示されるツールボタンの一番右側の歯車の形をした「変更」ボタンを押します。

blogger 画像を選択して歯車アイコンを押します.

「画像の編集」ダイアログが表示されます。

代替テキストには、画像が表示されなかった際に表示されるテキストを入力できます。
タイトルテキストには、画像の上にマウスオーバー(ホバー)した際に表示されるテキストを入力できます。

サイズは、前述した「画像サイズ」ツールボタンの選択肢と同様です。

入力・選択が済んだら「更新」ボタンを押すと画像に反映されます。

blogger 画像の編集ダイアログでテキストやサイズを指定して更新します

更新ボタンを押した後に、画像の上でマウスオーバーさせると「画像の編集」ダイアログで入力したタイトルテキストが表示されました。

blogger 画像の編集ダイアログのタイトルテキストで指定した文字列は画像のマウスオーバー時に表示されます.

関連記事

Blogger のブログ記事に画像を追加する手順や、コピー&ペーストやドラッグ&ドロップで画像を追加できない場合の対処法は次の記事をご覧ください。

まとめ

今回は、Google が運営する無料ブログ「 Blogger 」のブログ記事に挿入した画像に対して、説明文などのテキストを追加したり、サイズを変更する手順を紹介しました。
「画像の編集」ダイアログで設定できるタイトルテキストがどこで表示されるかについても紹介しました。

参照サイト Thank You!

記事一覧 → Compota-Soft-Press

コメント

Ads Blocker Image Powered by Code Help Pro

お願い - Ads Blocker Detected

このサイトは広告を掲載して運営しています。

ポップアップを閉じて閲覧できますが、よろしければ

このサイト内の広告を非表示にする拡張機能をオフにしていただけませんか?

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

タイトルとURLをコピーしました