ワードプレスの「設定」「表示設定」でホームページの表示を「最新の投稿」ではなく「固定ページ (以下を選択)」にした場合に行ったカスタマイズの紹介です。
実はこのサイトに行ったカスタマイズの備忘録ということです。
1.固定ページ(フロントページ)のタイトル非表示
「カスタマイズ(外観)」で、上から二番目の「全体レイアウト」の下の方に「固定フロントページの記事タイトル表示」ってのがありデフォルトではそこの□にチェックが入っています。そこのチェックを外します。
2.パンくずリンクの非表示
「カスタマイズ(外観)」「パンくずリンク」「パンくずリンクの配置」で「表示しない」を選択
3.背景色 / 枠線色 (枠線を非表示)ブログの枠線も消える
コンテンツ領域背景色 白
コンテンツ領域枠線色 白
サイドバー背景色 白
サイドバー枠線色 白
4.モバイルのグローバルナビ非表示(PCも非表示となる)
ヘッダーナビ(グローバルナビ)
グローバルナビ表示 □のチェックを外す。
5.コンテンツ領域のパディング上下0pxに詰め
「コンテンツ領域とサイドバー」
コンテンツ領域のパディング
・コンテンツ上 (45px)→ (0px)モバイルにも効く
・コンテンツ右 (68px)→ (68px)モバイルにも効かない
・コンテンツ下 (45px)→ (0px)モバイルにも効く
・コンテンツ左 (68px)→ (68px)モバイルにも効く
6.投稿者名の表示-非表示(固定ページ、ブログ全て非表示)・・・中止
「投稿者名の表示」 「投稿者名の表示(記事投稿者)を表示」
※SEO的に好ましくない?ようなので、以下のようにCSSでフロントページのみ非表示にしました。
7.固定ページの公開日時-非表示 8.フロントページで投稿者名の非表示
CSSの追加
/* 固定ページの更新日時を非表示 */
.page .meta .fa-clock,
.page .meta .fa-redo-alt,
.page .meta .fa-pencil-alt,
.page .meta
{
display: none;
}
/* 特定の投稿ID(フロントページ)で投稿者名の非表示*/
.post-657 .meta-box .fa-pencil-alt,
.post-657 .meta-box .author,
.post-657 .meta-box a
{
display: none;
}※投稿post-IDの番号はサイトごとに異なります。
コメント