WordPress

WordPress 固定ページのタイトル非表示&余白消去の方法【コピペOK】

Title

本記事では、①WordPressの固定ページのタイトル非表示+②タイトル非表示で発生した余白部分を消去する方法をご説明します。

固定ページをTopページにしてるけど、タイトルいらない。。。邪魔。。。

こんな方におすすめです。

できることのイメージ

①固定ページのタイトルを消します。

②タイトルを消すと余白だけ残ってしまうので、余白部分を無くします。

完成イメージ。余白がなくなってスッキリします!

①タイトルを消す

追加CSSに、下記のコードをコピペしてください。 (「ダッシュボード」→「外観」→「カスタマイズ」→「追加CSS」)

対象ページをトップページに設定している場合

/*トップページの記事のタイトルを非表示にする*/
.home .entry-title {
display: none;
}

対象ページが通常の固定ページの場合

/*固定ページのタイトルを非表示にする*/
.post-○○ .entry-title
{
    display: none;

}

○○の所には、対象ページのIDを入力してください

ページIDは、「ダッシュボード」→「固定ページ」→「固定ページ一覧」と進み、ID欄にてご確認ください。

ID

②残った余白を消す

追加CSSに、さらに以下のコードをコピペしてください。

対象ページをトップページに設定している場合

/*トップページのタイトルの余白を消す*/
.home header {
margin :-5em;
}

※下線の数字を変えて、お好みの余白に調整して下さい。

対象ページが通常の固定ページの場合

/*固定ページのタイトルの余白を消す*/
.post-○○ header {
   margin :-5em;
}
※1:○○の所には、対象ページのIDを入力
※2:下線の数字を変えて、お好みの余白に調整して下さい。

 

以上です!