サイトを一部レイアウト変更しました

このサイトのトップページのレイアウトを変更しました。今までは「ブログ型」でしたが、これからはトップページのみ「サイト型」になります。なお、各記事は今まで通りの「ブログ型」での運用です。
以下の記事は「レイアウト変更にあたって何をしたか・何が便利だったか」などという備忘録になります。

経緯
実装したかったこと
作成＆修正手順

経緯

今使っているテーマは「Cocoon」を自分好みにカスタマイズしたもの。Cocoonは無料テーマですが、なかなか力のあるテーマかつカスタマイズOKというのがありがたく、使わせていただいています。もっと使いこなせれば＆新規実装のキャッチアップをしっかりしていればその力はさらに発揮できるのでしょうが、そこまでは…ということで「まあまあ」使い込んではいました。
発端はヘッダー（ページの上の方にあるメニューバー）を少し修正しようかなーと思うくらいだったのですが、あれよあれよとサイトのトップページ（フロントページ）を中心に手を入れました。

実装したかったこと

ヘッダー部分

まずはヘッダー。これは「左にバナー＆右にメニュー」というよくある形にしました。
バナーは「Canva」で作成。ロゴの天球儀みたいなのはIllustratorファイルで持っていたのを強引にGIMPで開き、トリミングしたものを使っています。
設定内容はWordPress管理画面「Cocoon設定→ヘッダー」からヘッダーレイアウトを「トップメニュー（右寄せ）」に変更。ヘッダーは固定にしました。固定ヘッダーについては賛否両論色々あると思うので、後で変えるかもしれません。

メニュー部分は「外観→メニュー」で編集。余談ですが、試しに「同じサイト内（ドメイン内）なら相対パス効くか実験」してみまして、そうしたらHTML直打ちの自サイト他ページも設定できた…！　知らんかった！（というより試さなかっただけですが）　たとえばFFTコーナーのURLは「サイトURL/fft/」なのですが、この場合は「/fft/」と入れるだけで飛べました。わー、知らなかった。
ついでに、モバイル（スマホ等）メニューもよくある「三」のハンバーガーメニューに変更しています。少しスクロールすると左上に出てきます。

トップページのレイアウト

ブログ型→サイト型にしました。結果、「WordPressの教科書に出てくるようなレイアウト」になってしまいましたが、まあそれもよしとします。子テーマのファイルをいじったのはfunctions.phpとstyle.cssのみで、あとは固定ページのブロックとショートコードを組み合わせて作りました。

新着記事は、Cocoonの新着記事用ショートコードを貼り、レイアウトをCSSでカスタマイズしています。画面の横サイズで3/2/1列で分岐させていますが、アイキャッチ画像の縦横サイズがバラバラだったので、揃わない～と頭を抱えたりもしましたが、「object-fit:cover」で揃えました。ほか、色々やっています。