IT関連

ワードプレスのフロントページ(トップページ)でブログを非表示にする

この記事を書いた人🐰
楽しく働くドットコム・べるこさん

2013年からIT関連会社を経営
適格請求書発行事業者登録番号 TA5450001010642

YMAA認証マーク取得
薬機法・医療法適法広告取扱個人認証
KTAA認証マーク取得
景品表示法・特定商取引法取扱個人認証

【資格・スキル・経験】
■証券外務員Ⅰ種/英検2級/医療事務2級
■広告運用(Google・FB・Instagram)
■SEO・動画のSEO(VSEO)対策
■SEOライティング

■セールスライティング
■コピーライティング
■html/css/WordPress
■Illustrator/Photoshop/Premiere Pro
■AWS/Ruby on Rails(アプリ開発)
■インフルエンサーのプロデュース多数

2013年より、WEBアプリ開発、LP制作、オンライン講座・オンラインサロン構築など、企業さまやインフルエンサーさまのプロデュース業に携わって参りました。企画開発だけではなく、構築から運用までをワンストップでサポート。広告運用から内部SEO対策、動画のSEO(VSEO)対策込のYouTube運用に定評あり。大手WEBメディア・出版社さまからの執筆依頼多数あり。

モットーは、「秘密厳守とコンプラ遵守」。お客さまの魅力を引き出し、輝かせることが何よりの喜びです。

べるこさん
べるこさん
楽しく働くドットコムへようこそ💛

LP専用のテーマを購入することなく、ワードプレスのフロントページ(トップページ)のブログを非表示にしてLPのように使うことができます。

べるこさん
べるこさん
HPを集客用に使ってない方は便利ですよ

まず、事前に表示させたい内容の固定ページをつくっておきます。

次に、設定>表示設定にすすみ、表示させたい固定ページを選択します。

ワードプレス管理画面、設定のスクショ ワードプレス管理画面、表示設定のスクショ

固定ページのタイトルを非表示にしたい

ワードプレスの固定ページをLPとして利用する場合、固定ページのタイトル(表題)があると見た目のバランスがよくないと感じる場合は、下記のコードを、カスタマイズ>追加CSSに記述することで、固定ページのタイトルを非表示にすることができます。

▼フロントページに固定ページを表示させるとき▼

.home .entry-title { display: none; }
べるこさん
べるこさん
▼こんな感じで入れてます
ワードプレス管理画面、追加CSS部分のスクショ

指定した固定ページだけタイトルを非表示にしたい

べるこさん
べるこさん
フロントページに表示させた固定ページ以外の固定ページでもタイトル非表示にできます。

フロントページ以外の固定ページで、全てじゃなくて、指定した固定ページだけタイトル非行事にしたいときは、タイトル非表示にしたい固定ページのIDを下記のコードに入れて、カスタマイズ>追加CSSに記述する。

IDの調べ方は、固定ページ一覧で見ると、右側にIDがあります。
べるこさん
べるこさん
1018の部分の数字を変えればOK
べるこさん
べるこさん
.page-id-1018 .entry-title {
    display: none;
}

タイトル非表示にしてできる余白を消したい

変な余白ができるので、下記のコードを追加CSSに書く。数字で余白を調整できます。

/*フロントページのタイトルの余白を消す*/
.home header {
margin :-3em;
}