【ココログ新システム】画像の挿入方法／サムネイル画像を巡る諸問題と当面の対応策

公開：　2019-03-24 08:42:38　　最終更新：　2019/03/28 21:48　　

※環境：　Windows8.1、Firefox

2019/03/28 20:42現在、この記事は修正中です。（仕掛かり中）

新システムでは様々な不具合がありますが、画像の挿入に関して不審な動きをするので困っている方が多いようです。

トラブルの一つが、以前は画像を挿入する都度サムネイルサイズ（記事中に表示される縮小画像の横幅）を変更できたのに、新システムでは変更できないことで、どうやら、サムネイルサイズは「基本情報」で一元管理されるので、画像を挿入する都度サイズを変えることは想定していないような設計です。

しかし、同一記事の中に複数サイズのサムネイルを挿入するすることは可能です。

例として、予め「基本情報」で「500px」（以下、単に「500」のように表記）と設定してあったとして、1枚目は「400」、2枚目は「300」の幅で挿入したいとします。

1．　［画像の挿入］ボタンを押してみて、前回の設定が「500」となっているので、と、「サムネイルサイズの設定はこちら」をクリックして「基本情報」を表示し、「400」に設定して保存。

2．　一旦、記事を下書き保存。

3．　再び、［画像の挿入］ボタンを押すと、画像挿入作業エリアの下の方に「現在のサムネイルサイズ : 400px」と表示されている。

4．　画像をアップロード。（この時点で、400サイズのサムネイルも作られる。）

5．　画像を記事内に挿入。

6．　次に300サイズの画像を挿入するには、1と同様の方法で「300」に変更。以下、2～5を行う。

ここで、注意しなくてはならないのは、

画像をアップロードした時点で「基本情報」で指定した幅でサムネイルが作られる

ということです。

これが、どういう問題かというと、本当は「300」サイズのサムネイルを作りたかったのに、うっかり、「400」と指定した状態で画像をアップロードすると、後から、サムネイルサイズは変更できません。その場合は、①サムネイルサイズを設定し直して再度同じ画像をアップロードするか、②アップロードした画像とサムネイル画像を削除してからアップロードし直します。

①の方法だと同じ名前の画像が既にあるので、後ろに枝番（「_1」のような形式）が自動的につくようです。しかし、無駄な画像がシステムに残ることになるので、②の方法をお薦めします。

この作業方法は次項で解説します。

画像の削除方法（記事の作業エリアに貼り付けた画像とオリジナル画像）

まず、編集画面で記事中の画像を削除します。（但し、サムネイル画像の場所を知らない方は、予め、次項の方法で場所を確認しておいて下さい。）

次に、［画像の挿入］ボタンを押して、「画像を削除したい方はこちら」をクリックすると「ブログにアップロードした画像」一覧の画面が表示されるので、そこで該当の画像を削除します。

サムネイル画像は「ファイルマネージャー」で削除します。（次項参照）

サムネイル画像の削除方法

サムネイル画像の場所はユーザーによって異なる可能性があるので、まず、それを確認する方法ですが、それには画像のHTMLタグを確認します。

下は画像部分のHTMLタグの例で、「<>」ボタンでソースコードを見ると、このようなHTMLタグを見たり、編集したりできます。

<div style="text-align: center;"><a href="http://daishi100.cocolog-nifty.com/photos/uncategorized/image_test07.jpg" target="_blank" rel="noopener"><img src="http://daishi100.cocolog-nifty.com/blog/images/image_test07.jpg" alt="Image_test07" width="300" height="220" border="0" /></a></div>

サムネイル画像のある場所は、「img src="～"」の「～」に書かれたURLです。

当ブログの場合は、「blog」フォルダ→「image」フォルダの直下に「image_test07.jpg」があります。（URLの区切りのような「/」はフォルダの階層を表す。）

コントロールパネルの「ファイルマネージャー」を開き、「blog」（表示は「/blog」） →「images」（/blog/images）という順番で開くと、その中に「image_test07.jpg」というファイルがあるので、それを削除します。

ただ、この記事を書いている間にもシステムの修正が行われているようなので、あくまでも、現時点での対処方法と考えて下さい。

ブログ主から、「サムネイルサイズの幅を都度変更できるよう」、依頼は出しています。

---