PCインストラクターの川上です。
最近、色んな方とお話しするとき、
「そう言えば、大阪から・・・」「そして、十勝から・・・」
と、そこまでしか言っていないのに、
「あ~、スゴいですよねぇ~^^!」
「私も(僕も)密会された~~~い!」
と言われることが多くなっている、今日この頃です(笑)
・・・と、アイスブレイクはここまでにしておいて・・・
早速、本題に入っていきますね(笑)
アメブロの場合、記事を投稿するのに、エディタが3種類あります。
・標準エディタ
・タグ編集エディタ
・新エディタ
と。
(ただし、SafariとChromeは「標準エディタ」がありませんのでご注意を。)
アメブロで画像を記事に貼りつける方法も、それぞれのエディタによって異なってきます。
以前、新エディタでの画像の貼り付け方法は書いたのですが
『アメブロ 「新エディタ」での画像の入れ方』
タグ編集エディタでの画像の貼り付け方はまだでしたので、今回記事にしますね。
まず、「マイページ」の「基本設定」で「記事投稿画面」が「タグ編集エディタ」になっていることを確認します。
そして、「ブログを書く」を選択して、投稿画面を表示します。
ここでも「タグ編集エディタ」であることがわかりますね。
それではまず、画像を入れたい箇所を選択しておきます。
そして、上部の「画像の追加」ボタンをクリックします。
すると、「画像フォルダ」が表示されます。
「画像の追加」欄のボックス内か「参照」をクリックします。
記事に貼り付けたい画像を選択し、「タイトル」を入力します。
(「タイトル」は入力しなくてもかまいませんが、SEO的に入れておくとよいですね。)
そして、「アップロード」ボタンをクリックします。
そうしたら、下の方に、画像が表示されます。
そして、この画像を記事に貼り付けるわけですが、その前に・・・
「画像の設定」欄の「サイズ」を
「オリジナルで表示」
を選択します。
画像を大きく入れるには、ココがポイントになります!!
そして、「この画像を使う」をクリックします。
すると、エータグ<a>とイメージタグ<img>が表示されます。
エータグ<a>はリンク(クリックするとジャンプする)のことです。
イメージタグ<img>が画像のことです。
一度、「プレビュー」ボタンをクリックして、
画像を見てみます。
すると、今回は画像が大きすぎたので、右側が切れています。
(「オリジナルで表示」を選択すると、画像サイズwidthとhightが入りません。)
タグのところに戻って、
イメージタグ<img>内の後ろの「/>」の「/(スラッシュ)」の左にカーソルを置きます。
(「/(スラッシュ)がない場合は、「>」の左にカーソルを置きます。)
そして、半角英数で
width="400px"
と入力してあげます。
(2カラムの方は550pxとかにしてあげます。)
そして、再度「プレビュー」を見てみます。
すると、今度はうまくおさまっています。
あとは、「全員に公開」を押して、
(もちろん、事前に「表示を確認する」でチェックされてもOKですので)
ちゃんと、画像が大きく表示されていますね^^!
うまくいきましたでしょうか!
以上、タグ編集エディタでの画像の貼り付け方でした。
LIDS札幌・ライフデザインスクール
川上 雄大