MENTAやTimeTicketでZoomオンライン指導・メンタリングを行っています。
WordPressやHTMLサイトのトラブル、SEO対策のご相談、HTML・CSS・WordPressなどのレクチャーなどが可能です。


【ちりつも様】関連記事の日付表示について

投稿ページに関連記事を入れるのですがURLで送った記事みたいに関連記事のところに日ずけが出てしまっています。
それを非表示にしたいのですが方法あるでしょうか?
行ったことは、日付フォーマット時刻フォーマットはカスタムにして空白にしてます


>ちりつも様
ご相談ありがとうございます。

方法はありますが、PHPやCSSの理解、テーマファイルの編集などが必要になります。

まず、オプションがないか

関連記事の日付表示については、テーマ又はプラグインにオプションが無いかを確認しなくてはいけません。

現在はWordPressの設定?またはテーマの設定で行われている感じでしょうか。
おそらく、通常の日付も表示されない状態になっているのでしょうね。

CSSで無理矢理非表示に

一つはCSSで無理矢理日付部分を非表示にすることです。

実際にはHTMLコードは存在しますが、ユーザーが目にすることはほぼなくなるでしょう。

貴サイトの関連記事部分をブラウザの開発者ツール(ChromeならF12など)などで見ると、このようなコードになっています。

time {display:none;}

これが日付に利用されているタグを非表示にするコードではあるのですが、このままではおそらく他の箇所の日付も非表示になってしまいます。

特定のタグ(例えばfooter)の中にあるtimeタグだけ非表示・・・
ということであれば footer time {} となります。

特定のクラスやIDの中にあるtimeタグだけ非表示・・・
ということであれば .class(タグに設定されたclass名) time {} となります。

こういった内容に理解があれば少し勉強すればカスタマイズは可能かなと思います。以下のPHPコードの直接編集よりは簡単です。

この程度のCSS追加であれば、外観 > カスタマイズ > 追加CSSなどで記述を追加しても良いでしょう。以下の記事も参考にして下さい。
WordPressでcssを追加する色々な方法
HTML構造の確認の仕方

PHPを直接編集

テーマのフォルダは /wp-content/themes/ の中に格納されており、この中の.phpファイルがテーマファイルです。

このPHPファイルを編集することで日付表示部分のコードを変更することができます。

しかし、おすすめはしません。
テーマによって細かくテンプレート化されていたりするため、まず探すのが困難であることと、アップデートなどを行うと上書きされてしまうためバックアップも必須です。

テーマカスタマイズにはCSS・PHP両方の編集ができることが望ましいですが、勉強にコスト・時間を割けない場合は誰かにやってもらうのも効率的です。

当方でも作業は可能ですので気軽にご相談下さい。

参考にして頂ければ幸いです。

おすすめコンテンツ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA