【忘備録】固定ページごとにアイキャッチ画像を背景として表示させる方法！

今回は固定ページごとのアイキャッチ画像をページ上部に背景画像として、取得、表示する方法をご紹介いたします。 まずは「function.php」に

// アイキャッチを有効にする
add_theme_support('post-thumbnails');

をコピペしてください。 するとアイキャッチ画像が設定できるようになります。 次に背景画像を表示させたい箇所に

該当のファイル「page.php」や「page-該当するファイル名.php」の分かりやすく上部にコピペをしてください。 divやspanのclassは使いやすいように変更してかまいません(^^) コピペをしFTPなどでアップロードをすると、表示・・・ されていませんね！ デベロッパーツールで確認すると、背景画像のURLだけが表示されています！ なので、CSSにテコ入れ CSS

.bg_thumbnails{
    display: block; /*ブロック要素に変更*/
    height: 550px;  /*背景画像の高さを指定*/
    background-size: cover; /*大きさに指定*/
    background-position: left center; /*背景として設定する場所を指定*/
}

heightで高さをdisplay: block; で表示をさせています！

※ここがないと画面に表示がされないので要注意です！！！

忘れないための忘備録。