【FC2ブログ】サイドバー最新記事にサムネイル画像を表示させる方法

   2019/01/15

この記事のURLをコピーする

FC2のサイドバーに表示される最新記事プラグインのことだが、デフォルトではタイトル文字だけが表示されている。ここにサムネイル画像を表示させたかったので実装してみた。

プラグインに関しては2通りの方法を試した。ただ、1つは最新画像を投稿する度に画像名を変える必要があり、面倒だった。

そして、しばらく使っていると何故か最新記事のサムネイル画像が×印のまま表示されなくなった。調べてみると原因は画像サーバーのナンバーが変わったことにより、画像参照できなくなっていたようだ。

他のFC2ブログをいくつか覗いてみると、結構な確率で×印になっていたので原因を調べた。

私の場合、画像URLの数字が96から100に変わっていた。

https://blog-imgs-96.fc2.com/

https://blog-imgs-100.fc2.com/

めんどくさっと思いながらも、×印のままなのは嫌なのでもう1つの方法で導入してみた。

参考にさせて頂いたブログはこちら。

この方法であればサーバーナンバーが変わってもいけそうな気がする。最初からこの方法で導入しておけばよかった。



対処の手順

管理画面左サイドバーのプラグインの設定から公式プラグイン追加をクリック。


最新記事を追加した後、詳細をクリック。

HTMLの編集をクリック。

フリーエリアに下記ソースをコピペ。5行目は自身のブログURLに書き換える。設定をクリックして完了。

ソースコードの6行目と7行目の数字は表示させる記事数とサムネイル画像の幅。お好みで変更可能。記事に画像がない時の代替画像URLの部分も、用意した画像URLを書いておくと、サムネイル画像が表示されないのを防げる。

あとがき

たったこれだけで、簡単に導入できた。なによりサーバーナンバーが変わったときにも対応できるのがいい。

もう1つの方法だと画像をアップロードする際に、記事ナンバーを調べてファイルネームを変更する必要があったのでその手間が省けただけでも有り難い。

正直ちょっとした記事にサムネイル画像を作成したり、探してくるのは億劫だった。記事を書くときに、サムネイル画像を載せるまでもないなって時に、もう1つの方法でそのまま投稿すると×印が表示される。それを代替画像でカバーできるのは便利。

それとFC2って頻繁にサーバーナンバーが変わるのか?だとしたら早めに対処した方がいいかもね。

この記事のURLをコピーする
  • このエントリーをはてなブックマークに追加
  • Pocket

関連記事