記事投稿画面「ブログ管理＞設定・管理＞基本設定」で設定できる記事投稿画面（エディタの設定）。いつの間にか4つも種類があるんですね。自分はずっと前から「タグ編集エディタ」を使っています。アップロードできる画像サイズも大きくなった事もあり、少し覚書きをしておこうとこの記事を書いておきます。
※コピペ用 【width="400" height="300" 】
最近、「最新版エディタ」なるものが登場して気付いたら設定がこれに変わっていたのですが、使ってみての感想はというと微妙。写真を目的の順番で貼り付けできるのは他のエディタにない機能でいいんですが、「通常表示」と「HTML表示」を切り替えるとタグがごっちゃりと入ってたりして結果的に分かりづらいんです。以前から使っている「タグ編集エディタ」はどうかというと、名前の割にほとんどHTMLタグを意識せずに使えるんですよね。その分、扱いやすいという特徴があって一番初心者向きだと思うんですけど。下の画像は最新版エディタ。
アップロード写真のサイズが拡大されたという事でブログにも大きな画像が貼れるようになりまして。最新版エディタでは「小(～220px)」「大(～420px)」「オリジナル」と指定するようです。生成されるタグを確認したところ、従来のように小さなサムネイルを作って表示させるというわけではないようですね。タグにwidthとheight指定してブラウザ機能で縮小表示させているだけなのでクライアント側のマシンスペックと回線速度に頼っている部分が大きい気がします。
さてここからがメモしておきたい部分。タグ編集エディタなど従来のエディタの場合、「縮小して表示(横幅最大220px)」「オリジナルで表示」の2択だったんです。だからわざわざブログ幅一杯のwidth=400pxの画像をアップロードしてオリジナルで表示させてました。正直、幅400pxじゃ写真が小さいと感じていたんですが、かといって大きい写真をアップしてわざわざwidthとheight指定で縮小表示させるのもなぁー、なんて。でも、まー最新版エディタがやってるなら真似しちゃおうという心境の変化。そんなわけで以下メモ。
※コピペ用 【width="400" height="300" 】
最近、「最新版エディタ」なるものが登場して気付いたら設定がこれに変わっていたのですが、使ってみての感想はというと微妙。写真を目的の順番で貼り付けできるのは他のエディタにない機能でいいんですが、「通常表示」と「HTML表示」を切り替えるとタグがごっちゃりと入ってたりして結果的に分かりづらいんです。以前から使っている「タグ編集エディタ」はどうかというと、名前の割にほとんどHTMLタグを意識せずに使えるんですよね。その分、扱いやすいという特徴があって一番初心者向きだと思うんですけど。下の画像は最新版エディタ。
アップロード写真のサイズが拡大されたという事でブログにも大きな画像が貼れるようになりまして。最新版エディタでは「小(～220px)」「大(～420px)」「オリジナル」と指定するようです。生成されるタグを確認したところ、従来のように小さなサムネイルを作って表示させるというわけではないようですね。タグにwidthとheight指定してブラウザ機能で縮小表示させているだけなのでクライアント側のマシンスペックと回線速度に頼っている部分が大きい気がします。
さてここからがメモしておきたい部分。タグ編集エディタなど従来のエディタの場合、「縮小して表示(横幅最大220px)」「オリジナルで表示」の2択だったんです。だからわざわざブログ幅一杯のwidth=400pxの画像をアップロードしてオリジナルで表示させてました。正直、幅400pxじゃ写真が小さいと感じていたんですが、かといって大きい写真をアップしてわざわざwidthとheight指定で縮小表示させるのもなぁー、なんて。でも、まー最新版エディタがやってるなら真似しちゃおうという心境の変化。そんなわけで以下メモ。
オリジナルの画像タグを挿入したら、
<div align="center"><a href="http://stat.ameba.jp/user_images/20160912/00/moebiuszero/aa/54/j/o0800060013746219727.jpg"><img src="http://stat.ameba.jp/user_images/20160912/00/moebiuszero/aa/54/j/o0800060013746219727.jpg" alt="" border="0" /></a></div>
altとborderの間に以下【】内を挿入（挿入箇所がここなのは他と合わせるってだけ）し、
【width="400" height="300" 】
最終的にこうなる。
<div align="center"><a href="http://stat.ameba.jp/user_images/20160912/00/moebiuszero/aa/54/j/o0800060013746219727.jpg"><img src="http://stat.ameba.jp/user_images/20160912/00/moebiuszero/aa/54/j/o0800060013746219727.jpg" alt="" width="400" height="300" border="0" /></a></div>