お知らせはありません。

WPテーマ【SANGO】カスタマイズ!アイキャッチ画像を正方形にする方法

WP有料テーマであるSANGOはカードタイプなどのアイキャッチ画像は全て520×300で表示されています。

16:9ですね。

これを1:1の表示にしたいと思います。

今回は500×500で表示するように設定しています。

サイトイメージ

イメージとしてはこんな感じです↓

管理人の別サイトですが、イメージとして参考にしてみてください。

参考 いらすとの部屋トップページいらすとの部屋

子テーマを使用する

親テーマを直接編集するのではなく、子テーマを使用してください。

公式サイトからダウンロードできます。

▶ダウンロード

PHPを編集する

ここではアイキャッチの画像サイズを変更する場合、cssではなくPHPを編集します。

私の素人なので長らく模索しました。

子テーマにあるfunction.phpに下記のコードをコピペしてください。

※記事下の関連記事も正方形になります。

※500×500の場合↓

元はwidthが520、heigthが300になっているのでそこを500にしています。

お好きな数字を入力してください。

CSS

CSSは以下を外観>カスタマイズ>追加CSSに記入してください。

※公式サイトのQ&Aを参考にしています。

その他のデザイン

その他のデザインはCSSで変更しています。

もっと細かく知りたい人は、気になる部分で【右クリック】から【検証】でCSSやHTMLが見れるので確認してみてください。

そのほか、コメントでも受付中です。