こんにちは、久川和人です。
今回は、Simplicityの固定ページで日付（投稿日・更新日）を簡単に表示させない方法についてお話いたします。
固定ページの日付（投稿日・更新日）の表示させないようにしたのは、つぎの図の赤枠の部分。
CSSをいじるといろいろなことができますが、設定を誤るとWordPress画面が真っ白になって表示されなくなるなどのリスクがあります。
ここでは、CSSをいじらずに、Simplicityの設定画面で変更させたり、既存のCSSに変更を加えたりしないようにする方法をお伝えします。
それではその方法について説明していきます。
この記事の目次
Simplicityの固定ページの日付（投稿日・更新日）を非表示にする方法
簡単にSimplicityの固定ページの日付（投稿日・更新日）を非表示にする方法として、つぎの２つがあります。
- Simplicityの設定変更画面から変更する
- 追加CSSに記載する
”Simplicityの設定変更画面から変更する”の場合、固定ページだけではなく投稿記事でも表示されなくなります。
固定ページの日付（投稿日・更新日）のみ表示させたくない場合や特定の固定ページのみ表示させたくない場合は”追加CSSに記載する”を行います。
Simplicityの設定変更画面から変更する
”Simplicityの設定変更画面から変更する”は、固定ページだけではなく投稿記事でも表示されなくなります。
ただし、チェックボックスを外すだけで設定できるので、操作非常に簡単です。
1.カスタマイズ画面を開く
WordPress管理画面の左メニューの【外観】⇒【カスタマイズ】をクリックします。
2.レイアウト（投稿・固定ページ）を開く
左メニューの【レイアウト（投稿・固定ページ）】をクリックします。
3.投稿日の表示、更新日の表示の設定
画面を下にスクロールして、左メニューの【投稿日の表示】、【更新日の表示】のチェックを外します。
・投稿日の表示：チェックを外すと投稿日が表示されなくなります。
・更新日の表示；チェックを外すと更新日が表示されなくなります。
画面の上部にある【公開】をクリックします。
これで投稿、固定ページの日付（投稿日・更新日）が表示されなくなります。
追加CSSに記載する
”追加CSSに記載する”は、日付（投稿日・更新日）を「表示させる固定ページ」と「表示させない固定ページ」をわけることができます。
わけるためには、日付（投稿日・更新日）を表示させたくない固定ページの投稿IDを調べる必要があります。
投稿記事の投稿IDを調べて、同じように「追加CSS」に記載することで非表示にさせることができます。
1.表示させたくない固定ページの投稿IDを調べる
WordPress管理画面の左メニューの【固定ページ】⇒【固定ページ一覧】をクリックします。
日付（投稿日・更新日）を表示させたくない固定ページのタイトルにマウスのカーソルを合わせます（ここでは、「プロフィール」を変更します）。
固定ページのタイトルにカーソルを合わせると、WordPress管理画面の左下にURLが表示されます。このの「post=」の後ろにある数字が記事IDです。この記事IDを控えます（ここでは、投稿IDは「44」です）。
2.「追加CSS」画面を開く
WordPress管理画面の左メニューの【外観】⇒【カスタマイズ】をクリックします。
左メニューの一番下にある【追加CSS】をクリックします。
追加CSS画面が表示されます。
3.CSSをコピー
追加CSSを貼り付けるため、固定ページの日付を非表示にするためのCSSコードを作成します。
日付を非表示にしたい固定ページが1記事、または、複数記事かによってCSSコードが変わります。
/*---------------------------------
固定ページの日付を非表示
--------------------------------*/
#post-〇〇 .post-meta{
display: none;
}
/*---------------------------------
固定ページの日付を非表示
--------------------------------*/
#post-〇〇 .post-meta,#post-〇〇 .post-meta,#post-〇〇 .post-meta{
display: none;
}
「○○」の部分に、先ほど控えた投稿IDを置き換えて使用します。
１記事と複数記事の違いは、先頭にある「#post-〇〇 .post-meta」の数です。
- １記事の場合は「
#post-〇〇 .post-meta」が１つ - ３記事の場合は「
#post-〇〇 .post-meta」が３つ
このように、複数記事の場合は、「#post-〇〇 .post-meta」を増やしていきます。複数記事のときの注意点としては、「#post-〇〇 .post-meta」と「#post-〇〇 .post-meta」の間に、「,（カンマ）」を入れることです。
「〇〇」の部分を投稿IDに置き換えて、CSSコードをコピーします。
4.「追加CSS」に貼り付け
「追加CSS」にコピーしたCSSコードを貼り付けます。貼り付ける箇所はつぎのとおります。
貼り付けるとこのようになります。
追記が終わったら、【公開】をクリックします。
これで「追加CSS」に投稿IDを登録した固定ページの日付（投稿日・更新日）が表示されなくなります。
おわりに
Simplicityの固定ページの日付（投稿日・更新日）を非表示にする方法についてお話いたしました。
今回紹介した２つの方法であれば、WordPressに書かれているCSSを変更する必要がないため、安全に作業をすることができます。
- すべての投稿記事、固定ページの日付（投稿日・更新日）を表示させない
⇒Simplicityの設定変更画面（【外観】⇒【カスタマイズ】）から変更する - 固定ページのみ日付（投稿日・更新日）を表示させない
特定の投稿記事・固定ページのみ日付（投稿日・更新日）を表示させない
⇒「追加CSS」に記載する
やりたいことに合わせて、２つの方法を使い分けてみてくださいね。
