twentyseventeenのトップ画像大きさ変更

このブログはpcなど詳しくない人の個人的なメモみたいなところです。
同じようにあまり良くわかっていない人の参考になればと思っています。

今回は、今見ていただいているこのサイトのテンプレート、

twentyseventeenというテンプレのTOP画像が大き過ぎる件です。

企業などのHPには良いものかもしれませんが

(画面全体を一面覆うため、FLASHや動画だとかなりそれっぽいです。

又は、画像を大きく飾りたい、作品を紹介したいクリエイティブ系にも良い感じです。)

このサイトのように一般のブログとしては少し大げさすぎます。

なので、小さくする方法を探していたのですが

何度かやってみるも、コピー&ペーストで済ますせいで

いつまで経っても、どうやって解決したかさっぱり分からない・・。

なので、今回は記事にすることにしました。

functions.phpというファイル(ファイルの場所は、
wordpressのフォルダ→wp-content→themes→twentyseventeenのフォルダ内にあります)に

以下のコードを追加。(場所はどこでも良いみたいです。私は後で見つけやすいように、
一番下にしましたが。管理画面でテキストにコピペして投稿すると、管理画面内には色々なタグが追加されていたので、web上からコピーしたテキストを必ずコピー&ペーストすること。)

// トップページヘッダー画像を他ページと同じ扱いとする
add_filter( 'body_class', 'top_body_class');
function top_body_class( $classes ) {
    unset($classes[array_search("twentyseventeen-front-page",$classes)]);
    unset($classes[array_search("home",$classes)]);
    return $classes;
}

とても簡単でした。

私は矢印は気にならないので置いておきますが、

以下のサイト様には 右側にある矢印を消す方法もありました。

参考にさせていただいたサイト様、ありがとうございました。

参考:https://digital-life.club/hp/wordpress/twenty-seventeen-top-page-header-image-hight