昔と違い今はブログも皆さんスマホで見ることの方が多いと思います。
PCから見ると自分で設定したブログのヘッダーが見えますが
スマホで見るとせっかく可愛いデザインなのに
見ることができませんよね。
ということでスマホでもブログに個性を出すための設定方法
①管理画面のcss編集に下記を追加。一番下に貼る。
@media screen and (min-width: 481px){
.sp_header{
display:none;
}
}
②書く記事のトップにスマホヘッダー画像を貼る。
③HTML表示にして、<a href="画像のURL"ここに><img src="〇〇">
ここに の部分にclass="sp_header"と入力。
出来上がり!
こうなります
いい感じ