WordPressをカスタマイズ!初心者でもわかるCSS:固定ページに投稿日と更新日を入れたくない

2024年6月22日

実は前から気になっていたんですが、全部の固定ページに投稿日と更新日を入れたくないなぁって思ってました。

固定ページのお問合せや自己紹介のページに、作成・更新日付が入っていると違和感があるじゃないですか?

WordPressのテーマは沢山ありますが、無料テーマの「Cocoon」はカスタマイズがかなりできるので、自分だけのブログ作成にもってこいのテーマです。

今回は、CSSを使ってCocoonのカスタマイズに挑戦。

Cocoon以外のテーマでも、「追加CSS」というのはあるので、同様に設定できると思います。

いつかやってみたいなと思っていたことが、今回できたのですっきりしました。

なんとなく思っているけど、どうやったら良いのかわからないということをシェア!!自分の備忘録としても有効なので書きたいと思います。

尚、CSSを全く知らない超初心者ですが、無謀にも他のサイトを参考にさせていただきやってみました。大変感謝致します。

これをきっかけに、CSSに興味がわいたら幸いです。

CSSって何?

CSSって何?って思いますよね。

私も難しそうだからやれそうにないなと思っていたんですが、調べてみたら以外にも簡単にやれるものがあるってわかりました。

CSSとは、Webサイトやブログ内の、文字の色や大きさや、背景、配置といったスタイルを設定する言語です。

読み方は”シーエスエス”と読みます。

CSSとは、Cascading Style Sheets(カスケーディングスタイルシート)の略で、その頭文字をとったものです。

なんじゃ、訳わからないからやっぱりやめとこうと思った方、諦めずに簡単ですから一緒にやってみませんか?

固定ページに投稿日と更新日を入れたくない

CSSがわからなくても、コピペだけでできますから試してみませんかー!

ダッシュボード→外観→カスタマイズをクリックします。

追加CSSをクリックします。

追加CSSの下の方を見ると、入力できるところがあります。

そこへ以下をコピペして、公開をクリックします。

以下の文言をそのままコピーしてくださいね。

/*固定ページで投稿日・更新日を非表示*/
.page .date-tags {
display: none;
}

するとなんとビックリ!固定ページにあった日付が消えました!!

嬉しいです。超すっきりしました~!!

ビフォー

アフター

ビフォー、アフターの画像を掲載しておきます。

もし、全固定ページに作成日付と更新日付を表示したくない場合は、おすすめです。

固定ページのうち、一部のページだけ日付を非表示にしたい場合は、別のやり方があるそうです。それはまたの機会に。

CSSがわからなくても、コピペだけで可能です。お試しあれー!

無料メルマガのご案内

自分の思い込みを外してみませんか?

このメルマガを読んだら、「パソコン苦手で見るのも嫌!」と思っている意識が、もしかして「あれ?意外に私もパソコンできるかも!」に変わるかもしれません。

煩わしい手続きは必要ありません。メールアドレスを登録するだけです!

無料メルマガ登録はこちらから!

メルマガの詳細はこちらをクリック

 

人生を楽しく生きる為のパソコン講座
無料メルマガ登録フォーム
 

《新着記事》

Thumbnail of new posts 084

: ワードプレス

季節によるブログアクセス急増!効果的な記事テーマとタイトル戦略

毎日ビックリしてることがあるんですよ。 何だと思います? そうそう、実は15日前 ...
Thumbnail of new posts 054

: ワードプレス

初めての方でも簡単!!TimeRexを使ってみました!!

個別の打ち合わせや、カウンセリング等のご案内をする時、無料でスケジュール予約が簡 ...
Thumbnail of new posts 034

: ワードプレス

ワードプレス テーマCocoon 動画を自動再生する方法:キャンバ(Canba)を使用

こんなことありませんか? ブログで動画を繰り返し自動再生させたい。だけどやり方が ...
Thumbnail of new posts 136

: ワードプレス

ワードプレス テーマCocoonのアピールエリアを使ってみよう

こんなことありませんか? メルマガを配信しているんだけど、なかなか登録してくれる ...
Thumbnail of new posts 199

: ワードプレス

ワードプレス スマホ用のヘッダーメニュー表示の作り方

こんなことありませんか? ワードプレスでブログを作成していて、ブログの上部のヘッ ...

ワードプレスCSS

Posted by yoko