アメブロカスタマイズでオリジナルのヘッダー画像を設置する時に
タイトルと説明を非表示にしていない人がいる!!!
なぜーー!!なぜだーーー!!!
せっかく作ったヘッダーの魅力が死んでる!!
もったいない!!!
というわけで
『タイトルと説明を非表示にする方法』をまとめました!
まず何もカスタマイズされていない状態がこちら↓
たぶん、理想の完成形はこういう状態かと思います↓
が、しかし!!!
非表示に設定していないとこんな感じです↓
画像の赤い囲み枠の部分のように
ブログタイトルと説明がヘッダー画像に被ってるー!泣
オリジナルのヘッダー画像を設置する場合
「ブログタイトル」と「説明」を非表示にする設定が必要です。
ではここからこの問題を解消するために
『タイトルと説明を非表示にする方法』をご紹介します!
※この設定は新CSS編集用デザインをご利用の方のみです。
ブログ管理画面>①デザインの設定>②CSSの編集と進む。
CSSの記載箇所の一番下「 (4) その他、拡張」のところまでスクロールし表示させる。
下記の黄色い枠の中のコードを「/* その他、拡張があれば記述 */」の下にコピペで追記、画像の高さ、画像のURLを入力して保存したら完了!
※自信がないときは、表示の確認をしてから保存しよう!
/
* ヘッダー画像を設置する */
.skin-bgHeader {
background: no-repeat scroll center top;
background-image: url("ヘッダー画像のURL");
}
/* ヘッダーの高さを設定する */
.skin-bgHeader, .skin-bgHeader a {
height: 画像の高さpx;
}
/* ブログタイトルと説明文を非表示にする */
.skin-headerTitle {
display: none;
}
以上です!
ぜひ、ぜひ、ぜひ!!
ご活用ください!!
CSS?そんな暗号みたいなもんわからんわ!!!という方は
アメブロカスタマイズサービスをどうぞ!
手放したい作業、ご予算に応じて
あなたに丁度いいサポートをご提案いたします!
告知記事の更新や募集日時の更新
ご感想の検索やご感想記事作成
集客動線の更新など
毎日発生する細々とした作業にとられる時間を
自分のコア業務に集中して事業を伸ばしていくために
ぜひアメブロ運用代行をご利用ください!
現在ご提供中のサービス一覧|ご提供中のサービス一覧
お客様のご感想|ご感想リンク集
制作事例|制作事例リンク集
よくある質問|よくある質問リンク集
ご相談・お問合せ|お問合わせフォーム
こんなことできる?など、お気軽にご相談ください
各種SNS|Facebook / X(旧Twitter) / Instagram
お気軽に友達申請&フォローお待ちしてます