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

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

解決方法は、コピペなのでご安心を・・。

この記事は2年前で、今はこのテンプレートを使っていないので
この方法で通用するのかわからないところもありますが・・。

今回は、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

おすすめ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA