vimrepressを使ったまま最近の投稿にサムネ画像を表示できるようにしよう

雑記

Newpost Catch

install&有効化

20/09/13
Newpost Catch 1.3.9

実装方法

外観-ウィジェット-利用できるウィジェット
サイドバーに追加

デフォルトの設定から変更した点

幅と高さをそれぞれ50pxに。

使用方法

記事中の画像（一番最初の画像か検証）をサムネにして最近の投稿に表示してくれる。
MetaSliderで追加されたギャラリーには反応してくれなかった

使用後の感想

vimrepressを使用しているとアイキャッチ画像の設定ができない。
設定するとvimrepress側から記事を確認する際にエラーが出る。
これはアイキャッチ用のclassに指定しなくてもサムネ画像にしてくれる点で非常に良し

試行錯誤したあれこれ

結果的に

Recent Post Widget With Thunbnailsは専用のclassをつけていなければ表示できない上に
画像URLに-scaledなどが付いてしまうと画像として認識してくれていない。（-scaled-scaled-150×150.jpgを確認しようとしているのではないか）
以上から解決するには生の圧縮されていない画像を張り付けねばならないため負担が大きい

20/09/13
Recent Post Widget With Thunbnails 6.7.1
サイトにおいて軽さもまた正義だと考えているたのがめ別のプラグインを試した

20/09/13
Newpost Catch 1.3.9
設定項目は大体おんなじでむしろシンプル
日本語にも対応していて何よりも「scaled」とついた画像でも対応してサムネにしてくれる点は非常に良かった
classの設定もいらない
問題はMetaSliderによるギャラリーには反応しないのでうまく使い分ける必要がある
こちらに関しての不満は画像が指定されていなかった場合に対してデフォルトのサムネ等がないのが不満である
画像がないものはcom/wp-content/plugins/newpost-catch/no_thumb.pngが参照されているようだ(128×128)

いろいろ分かったため追加

指定したクラスを追加すれば確かに表示されるようになる後一つ問題があって

"/2020/08/20200820_081134.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-img"

このように拡張子までの語尾がそのままなら問題ない
/2020/08/20200820_081134-scaled.jpgや900×400などが付いているとクラスを指定しても認識されない
というのもこのプラグインでは
20200820_081134.jpgという画像に対して20200820_081134-scaled-150×150.jpgのように変換して読み込むので
-scaled-scaled-150×150をさがして結局無画像扱いになるようだ

現状の確認

Recent Post Widget With Thunbnails
をインストール舌はいいものの

  • 専用のクラスに登録した画像ファイルしかサムネとして読み込んでくれない
  • vimrepressだけで完結させるには少々不便である
  • 画像の使い方として二種類の使い方を想定しており、下記のこれらは指定のクラスに適応していないため手動で対策をする必要がある
    • 記事トップに複数枚をギャラリーとして設定する。winで作業してギャラリーIDだけ記入する
    • 記事の合間合間にツーリング先の画像を載せる。vimでも作業できる。

現状することができる対策

  • 手書きでタグまで書く
//幅と高さを0にした場合のみ空行だけになる。
普通に表示する場合は900/400
挿入先は記事の頭である必要はない
<img width="0" height="0" src="https://ambergonslibrary.com/wp-content/uploads/2020/08/20200820_081134.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-img" alt="" loading="lazy" />

install

プラグイン-新規追加-検索
Recent Post Widget With Thunbnails
有効化
※これによる追加はプラグイン項目などが増えたりしない

サイドメニューに追加

外観-ウィジェット-利用できるウィジェットに追加されている
選択-ウィジェットの追加から追加できる。設定等も追加後。

※これは現在の「最近の投稿」に機能を追加するものではない。
正しく追加したのち現在使用しているものを削除する。

このプラグインでできることは記事投稿画面におけるアイキャッチ画像を読み込む（なければ指定したパスを読み込む）
また動作確認できなかった機能として記事内で使われている画像をアイキャッチとして読み込む
がある
私の環境の場合はvimrepressからアイキャッチ画像を設定するか
セルフでアップロードした画像をhtmlコードとして読み込むかである

手動でアイキャッチは設定できた。

また表示しない場合は幅高さを両方0にすることで画像の表示を無効に（でも最近の投稿側では表示される。
classの設定が肝である
しかし単純な非表示だとpタグにより変な改行が残る。記事の頭だと不自然極まりない
試す限り最後に挿入しても問題なかった
少しの空白も気にならない