Web制作で速く稼ぐための勉強法

twentynineteenのカスタマイズ。header imageや青色を消す方法【10秒】

twentynineteenのカスタマイズ方法をお伝えします。

サムネイルの青色、header imageを消す方法です。10秒で消す方法をお伝えします。

twentynineteenのheader imageのカスタマイズ

twentynineteenのカスタマイズ

WordPressのtwentynineteenテーマをカスタマイズして開発する場合の話です。

そこで今回は、その中でも戸惑うであろうサムネイル、header image部分のカスタマイズについてお伝えします。

twentynineteenのカスタマイズでつまずくのは下層ページのheader image、サムネイル

twentynineteenをカスタマイズする際に、必ずと言っても良いほどぶち当たるのが、投稿ページ(single.php)や固定ページ(page.php)のheader imageの表示です。

デフォルトの投稿記事のheader imageが上の画像なのですが、サムネイルが後ろにデッカくのって、青色の背景色がかかっています。これをカスタマイズするのに苦労する人が多くなりそうです。

今回は、twentynineteenの、投稿ページのheader image、サムネイル画像をカスタマイズする方法を2つお伝えします。

twentynineteenのheader imageを消す方法

twentynineteenのheader imageを消す方法は、function.phpに以下の記述をして完了です。

他にもやり方はないのかと、sCSSをいじったりしてみたのですが、なかなか簡単な方法が見つからなかったので、この方法が最も簡単なはずです。

twentynineteenのheader imageにかかっている青色を消す方法

管理画面から、外観>カスタマイズ>色>にいきます。ここにある、「アイキャッチ画像にメインカラーのフィルターを適用する」のチェックを外せばOKです。

他にもWordPressのカスタマイズをしたい方は、どれも10分以内で読めるWordPressカスタマイズの記事一覧をご覧ください。

WordPress初心者が効率的に本格的な勉強したい方は「この記事でWordPressを最も効率的に学ぶべるプログラミングコース」を紹介しています。