アメブロ タグ編集エディタで画像(写真)を貼り付けるには | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…

こんにちは、パソコンワンポイントレッスン!

PCインストラクターの川上です。


最近、色んな方とお話しするとき、

「そう言えば、大阪から・・・」「そして、十勝から・・・」

と、そこまでしか言っていないのに、

「あ~、スゴいですよねぇ~^^!」
「私も(僕も)密会された~~~い!」

と言われることが多くなっている、今日この頃です(笑)


・・・と、アイスブレイクはここまでにしておいて・・・

早速、本題に入っていきますね(笑)





アメブロの場合、記事を投稿するのに、エディタが3種類あります。

・標準エディタ
・タグ編集エディタ
・新エディタ

と。
(ただし、SafariとChromeは「標準エディタ」がありませんのでご注意を。)

アメブロで画像を記事に貼りつける方法も、それぞれのエディタによって異なってきます。

以前、新エディタでの画像の貼り付け方法は書いたのですが

アメブロ 「新エディタ」での画像の入れ方


タグ編集エディタでの画像の貼り付け方はまだでしたので、今回記事にしますね。


まず、「マイページ」の「基本設定」で「記事投稿画面」が「タグ編集エディタ」になっていることを確認します。



そして、「ブログを書く」を選択して、投稿画面を表示します。

川上雄大のワンポイントレッスン!


ここでも「タグ編集エディタ」であることがわかりますね。

川上雄大のワンポイントレッスン!


それではまず、画像を入れたい箇所を選択しておきます。

川上雄大のワンポイントレッスン!


そして、上部の「画像の追加」ボタンをクリックします。

川上雄大のワンポイントレッスン!


すると、「画像フォルダ」が表示されます。

川上雄大のワンポイントレッスン!


「画像の追加」欄のボックス内か「参照」をクリックします。

川上雄大のワンポイントレッスン!


記事に貼り付けたい画像を選択し、「タイトル」を入力します。
(「タイトル」は入力しなくてもかまいませんが、SEO的に入れておくとよいですね。)


そして、「アップロード」ボタンをクリックします。

川上雄大のワンポイントレッスン!


そうしたら、下の方に、画像が表示されます。

川上雄大のワンポイントレッスン!


そして、この画像を記事に貼り付けるわけですが、その前に・・・

「画像の設定」欄の「サイズ」を

「オリジナルで表示」

を選択します。

画像を大きく入れるには、ココがポイントになります!!

川上雄大のワンポイントレッスン!


そして、「この画像を使う」をクリックします。

川上雄大のワンポイントレッスン!


すると、エータグ<a>とイメージタグ<img>が表示されます。

エータグ<a>はリンク(クリックするとジャンプする)のことです。
イメージタグ<img>が画像のことです。

川上雄大のワンポイントレッスン!

一度、「プレビュー」ボタンをクリックして、

川上雄大のワンポイントレッスン!


画像を見てみます。

すると、今回は画像が大きすぎたので、右側が切れています。
(「オリジナルで表示」を選択すると、画像サイズwidthとhightが入りません。)

川上雄大のワンポイントレッスン!


タグのところに戻って、

イメージタグ<img>内の後ろの「/>」の「/(スラッシュ)」の左にカーソルを置きます。
(「/(スラッシュ)がない場合は、「>」の左にカーソルを置きます。)

川上雄大のワンポイントレッスン!

そして、半角英数で

width="400px"

と入力してあげます。
(2カラムの方は550pxとかにしてあげます。)

川上雄大のワンポイントレッスン!


そして、再度「プレビュー」を見てみます。

川上雄大のワンポイントレッスン!


すると、今度はうまくおさまっています。

川上雄大のワンポイントレッスン!


あとは、「全員に公開」を押して、
(もちろん、事前に「表示を確認する」でチェックされてもOKですので)

川上雄大のワンポイントレッスン!


ちゃんと、画像が大きく表示されていますね^^!

川上雄大のワンポイントレッスン!


うまくいきましたでしょうか!




以上、タグ編集エディタでの画像の貼り付け方でした。


LIDS札幌・ライフデザインスクール
川上 雄大