ワードプレスの2017年のデフォルトテーマ「Twenty Seventeen」、好きなんですけれど、投稿とページに表示される”アイキャッチ画像”は巨大すぎて現実的に使えません。

というわけで、取り除きました。

子テーマにheader.phpをコピーし、single-featured-image-headerのブロックを削除するだけです。

これで、アイキャッチ画像を他の用途に使用できるようになりました!
スッキリした~!!!

巨大すぎる”アイキャッチ画像”

どれだけ巨大かというと、ページトップ(スクロールしなくても見える範囲)に収まらないぐらい巨大です↓

twentyseventeen_featured_image
Twenty Seventeenのアイキャッチ画像

これは、事故的な何かかしら…

兎も角も、これを取り除くために、Twenty Seventeenの親テーマからこの部分のコードを探します。

single-featured-image-headerというクラスで、mastheadというidの下あたり。header.phpにいました。

次に、header.phpを子テーマにコピーして、当該部分を子テーマにて取り除きます。

twentyseventeen_headerphp
header phpからアイキャッチ画像を取り除く

場所は↓

外観 → テーマの編集 → 子テーマを選択 → header.php

それだけ。

編集後記

Twenty Eighteen、出ませんね~。
テーマを変えるの楽しみにしているんですよね~~。

もうすぐテーマを変えちゃうから…
っと、カスタマイズを凍結して半年以上たちました。

本件も作業自体は簡単なんですが、同じ理由で着手していませんでした。

カスタマイズすればするほど新しいテーマでの確認事項が増えますからね。

Twenty Seventeenのアイキャッチ画像が非常識だったので、次のテーマも非常識でも不思議ではなく、これを触るのは気が引けていました。

でも、ブログカードとか、OGPとか、他のいろいろなことに影響するのでアイキャッチ画像はできるだけ早く運用に取り入れたいですよね。

(実は、最近お絵かきデビューしたので、画像を使いたくて仕方がないだけなんですけれどね。)

投稿者: のろのろ

ブログのカスタマイズをしては、備忘録を書いています。2017年4月にワードプレスデビューし、試行錯誤しながら寝落ちする感じのへなちょこブロガーです。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください