WordPress画像の大きさと背景画像の設定と個別ヘッダー

2023.02.23

WordPressの最小背景画像サイズである、1024 x 768ピクセルに合わせれば概ね問題ないでしょう。ただし、1920 x 1080ピクセルなど、もう少し大きな画像を推奨する人もいます。これらを加味すると、表示される場所に応じて、幅1000から3000ピクセル程度を意識するといいでしょう。

WordPressにアップロードする他の画像と同様に、背景画像も公開前に最適化しないと大変なことになります。

WordPressの背景画像を追加、編集、カスタマイズする方法
WordPressサイトに背景画像を追加するのは、それほど難しいことではありません。こちらの記事で、背景画像の有効化、編集、カスタマイズの方法を詳しくご紹介します。
kinsta.com

ヘッダー：横1900ピクセル × 縦○○ピクセルという意見も

【Cocoon】ヘッダーとロゴの適正サイズは？思った通りに設定する！
Cocoonのヘッダーを画面いっぱいに表示する設定数値を公開しました。画面サイズによって数値は異なります。
tazukiblog.com

背景画像の配置

全体に配置する

WordPressダッシュボードから「外観」＞「背景」をクリックします。
画像を選択
繰り返し
一緒にスクロールを外すといい感じ

トップページのID

ページ上（どこでも大丈夫です）で右クリックすると、ドロップダウンメニューが表示されます。下の方にある「検証」を選択します。

「検証」画面には、ページ自体のコードと、ウェブサイト全体に適用されているカスタムCSSが表示されます。ここから、サイトの固定ページや投稿に関する情報を簡単に探すことができます。

検索機能を使い、bodyまたはclassと入力して、page-idタグのある部分を探します。

この例では、IDはpage-id-352ですが、当然、サイトごとに違います。

page-id-#を、ダッシュも含めて全部コピーします。

body.page-id-# { 
background-image: url("http://YOURIMAGEURL.jpeg"); 
background-position: center center; 
background-size: cover; 
background-repeat: no-repeat; 
background-attachment: fixed;
}

特定固定ページだけ条件分岐で記述を変える方法

wordpressの1つの固定ページだけヘッダーを変える方法
今回は特定の固定ページだけヘッダーを変える方法をご紹介します。他にも特定の投稿・特定の記事のサイドバー・特定カテゴリーのサイドバーを変える方法などかなり幅が広がりますよ〜
inthecom.net
PAGE TOP