サムネイル画像をアップロード済みの画像からWordPress上で作成して適応したい

> ここまでは合っているでしょうか笑

デフォルトではそうかと思います。

wordpress→ダッシュボード→設定→メディアで任意のサイズにすることもできるかと思います。
相対的な縮小によりサムネイルを作るとあるので、ここを例えば16:9の比率になるように設定すればそのサムネイルが作られるのではないかと思います。

また、ページ内のimgタグではサムネイルを読み込んでいるかも知れませんが、それを囲むaタグのリンクの中には本来の画像のパスが入ってますので、どんなサイズでも作って表示することは可能です。元の画像のサイズがべらぼうに重い場合はアレですけどね(笑)

手法としては、aタグのhrefをimgタグのsrcと置き換えると言うことをします。整形はcssでできます。

サムネイルのパスには、画像のパスの最後に100×100などのサイズ指定が入ります。これが画像のサイズになるわけですが、このサイズを任意のもの(作成されたいくつかのサムネイルのサイズ)に変えてしまえばそのサイズで読み込みます。

中サイズのサムネイルの場合は、元の画像として xxxx.jpgがあるとした場合、xxxx-300×300.jpgなどとしたら中サイズのサムネイルが読み込むのではないかと思います。

これらはwordpressの関数で便利なのがありますから、小さいサイズだけではなく、ちょっと大きな画像のサムネイルを予め読むようにPHPで設定して、それらをjQueryでhrefとsrcを書き変え、cssで整形することである程度綺麗な任意のサイズのサムネイルを作ることができます。

丁寧にありがとうございました。