見出し画像

ホームページの作り方【ペライチ】⑪

メイン(ヘッダー)画像を画像とテキストの画像で作成する場合

ページの一番最初(上)のヘッダー画像を画像とテキストの画像で作成する場合がありますよね。
その場合のペライチでの設定方法です。私のやり方です。

例えば、下記ヘッダー画像を作成したとします。

ヘッダー画像を作成(15)

サイズは1280x670pxです。ちなみにnoteのヘッダー画像の推奨サイズです

これを、メインブロックの背景設定すると

画像3

PCサイズでは、上下左右が切れちゃってます。

画像4

スマホサイズではちょっとだけ切れていてほぼいい感じです。

で、ペライチでヘッダー画像を表示する場合は2つ方法があります。

1.画像(横幅フルサイズ)を利用

画像ブロックの「画像(横幅フルサイズ)を使います。

画像5

画像6

で、作成しがヘッダー画像を設定します。

画像7

ぴったりサイズで表示されます。

画像8

スマホでもぴったりサイズで表示されます。

ぜひ、画像(横幅フルサイズ)ブロックを使ってください。

もう一つの方法は次回noteしますね。





この記事が気に入ったらサポートをしてみませんか?