アメブロ 「新エディタ」での画像(写真)の入れ方 | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

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

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

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

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


アメブロをスタートすると、最初、投稿しようとすると、「標準エディタ」でブログを書くようになっています。

しかし、徐々に慣れていって、HTMLタグなんかもコピペして使えるようになってくると、標準エディタでは色々と不具合が生じてきます。


そこで、HTMLソースを直接いじっていくことが多くなる方には、

いろんなアメブロ参考書でもおススメしていると思われる「新エディタ」の使用を私もおススメいたします。
(ただし、パソコンの場合ですよ・・・ iPadで新エディタを使うとうまく表示されませんのでご注意を!)


・・・で、

「標準エディタ」から「新エディタ」に変更された方から

「あれっ!画像を挿入するボタンがない」と驚かれないために、

川上雄大のワンポイントレッスン
(↑「標準エディタ」では「画像の追加」ボタンがあります。)

川上雄大のワンポイントレッスン
(↑「新エディタ」では、・・・「画像」のアイコンが見当たりません・・・)


今回は、新エディタでの画像の入れ方をお伝えしますね。

既に、ご存知の方は、パス、パ~ス、してくださいね(笑)


それでは、スタートします。


マイページの「基本設定」で、「標準エディタ」「タグ編集エディタ」「新エディタ」を選ぶことができるようになっています。

そこに、アメブロからも注意事項が書かれていますね。

『Youtube等のタグ貼り付けや、safari・chromeをお使いになる場合は、新エディタまたはタグ編集エディタをご利用ください。』
と。


ここでは、「新エディタ」を選択して、一番下の「保存」をクリックします。

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

これで、新エディタになりましたので、「ブログを書く」画面を見てみます。

右側に、「画像をアップロードする」というボタンがあります。

アメブロの場合は、画像をアップロードして、それを記事に貼り付けるという方法をとります。


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

クリックすると、「画像のアップロード」をする画面が表示されますので、「画像ファイル」を参照から選んで、タイトルをつけて、「画像アップロード」ボタンをクリックします。


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

アップロードできたら、「閉じる」ボタンをクリックすると、

「画像」タブ内に、アップロードした画像が表示されます。


川上雄大のワンポイントレッスン
 
画像は最初、「小さいサイズで貼りつける」にチェックが入っていて、そのまま貼りつけると小さいサイズになってしまいますので、ここのチェックははずします。
(事前に画像サイズを変更しておくとよいですね→『写真(画像)を大きくするには(アメブロ記事投稿編)』)

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

その後、記事中の画像を入れたいところをクリックして、

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

貼りつけたい画像をクリックします。

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

すると、記事内にクリックした画像が貼りつけられます。


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

違う画像を貼りつけてしまった場合は、画像をクリックして、Deleteキーを押して削除してあげます。

そして、また画像をクリックして、貼りつける・・・

クリスマス



以上を繰りく返して、記事内に画像を貼りつけることができます。

その画像を中央に配置したり、右に配置することもできます。
(上にボタンがありますので、そちらをクリックします。)


画像一覧が見えない、という場合は

また、記事を書いている右側に、「記事エリアを広くする」というボタンがあります。


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

それを押してしまうと、記事エリアが広がって、右側にあった画像の一覧が見えなくなってしまいますので、気をつけてさい。
(もう一度、同じところのボタンを押すと戻ります。)


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

※ 私の場合は、HTMLソースをチェックする時に「記事エリアを広くする」ボタンを押して、やっています。

HTMLコードをコピペしたいときは

さらに、HTMLコードをコピペしたり、HTMLタグを書いたりする場合は、

「HTML表示」をクリックして、行います。


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


こんな感じで、新エディタを使ってみてはいかがでしょうか^^!


<補足>
ビジネス用としてアメブロを使う場合や、iPadやiPhoneやAndroidスマホと共有でアメブロを使う場合は、「タグ編集エディタ」を使うことをオススメいたします。


アメブロ タグ編集エディタで画像(写真)を貼り付けるには 




以上、アメブロの新エディタについてでした。


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