サムネイル表示時のテキスト縦配置をミドルにする方法

つまり、サムネイルと文字を縦中揃えにしたいということですか？

はい、そうです。
お手数を掛けます。

サンプル: 新着ウィジェットのサムネイルとそのタイトルを縦中央 | codepen

こんな感じでしょうか。
cssはscssで書いてあるので、css欄の∨ボタンより、view compiled cssからcssに変換したものを子テーマstyle.cssへ追記します。

flexを利用していますが、基本的にflexでレイアウトというよりは、align-items: centerが使いたいだけでflexを利用しています。flexを使っているのでfloatは必要ありませんし、高さも出ますからレイアウトはしやすくなるだろうと思います。

デフォルトの新着ウィジェットのline-heightは150%ですが、タイトルが長くなった場合に広がり過ぎな感じがしたので1.3(130%)にしてあります。タイトルが短い場合(サムネイルの高さに納まる時)は、タイトルがサムネイルの中央へ、逆にタイトルが長い場合はサムネイルが中央へとなりますが、基本的にはどちらに対しても縦中央寄せ(align-items: cneter)が効いているので自動的に真ん中で揃います。

文字サイズを変更する場合は、liに任意のfont-sizeを入れて、aにfont-size: inherit;を入れて下さい。
aに直接スタイルしても良いですが、順番的には、liにスタイルしたものをaに継承するのが通常です。この場合にイレギュラーなスタイルをaに入れる場合(liのスタイル指定でできない場合や、aに指定したほうが良いと判断した場合)のみaにスタイルして下さい。

これらはa自体に何かしらのスタイルがない場合はliから自動的に継承されます。

aは、ブラウザ側で独自にcolor(リンクカラー)を持っています。そのため、colorやtext-decorationのunderlineはaで解除する必要がありますが、それ以外は通常親要素から継承されます。

li {
  color: #333;
  line-height: 1.3;
}

li a {
  color: inherit;
}

こうすると、aの色はliの#333が継承され、行間は1.3となります。aにスタイルしてしまうとliでスタイルできなくなってしまうため場合によっては、liにもaにもスタイルをしないといけない場合が出てくるので、考え方としては、まずliで共通のスタイル(font-sizeや基本的な文字色、また行間等)をした上で、aにもそれに加えて何かしらスタイルをする場合のみaにスタイルをすると言う方がベターかと思います。

わいひらさんが言うように、表示している内容(タイプ)によって変更する必要が出てくるので、デフォルトで利用しているか、何かしらサムネイルの表示を変えているかが必要ですね。

デフォルトでなら先レスみたいなサンプルでいけます。

デフォルト表示（このページの新着記事と同様）です。
テキストの上寄りを中央表示にできたらと思っています。
サムネイルの設定は、そこまで考えが及ばない私のスキルレベルです。

サンプルありがとうございます。
恐縮です。

チャレンジしてみます。