2019.06.08こんにちは!だちたまです。Seventeen」は初期状態で記事の投稿日が表示されるものの、最終更新日が表示されません。だちたま読者は記事の鮮度を気にしますよね。いつ更新された記事なのかわかる方が、読者にとって優しいです。そこで今回は、最終更新日を表示するためCSSの修正を行いましたので、そのカスタマイズ方法を紹介したいと思います。seventeen」でカスタマイズを行いました。本記事を参考にカスタマイズをする場合は、自己責任でお願いします。カスタマイズをするときは、データのバックアップと、子テーマを設定することをおすすめします。Seventeen】最終更新日を表示した完成イメージ今回の対応を加えると、投稿日がこのように表示されます。投稿日の横に更新日が表示されるようになりました。だちたまアイコンも表示され可愛くなりました!ちなみに、更新が無い場合は、投稿日のみが表示されるようになっています。同日に更新を行うと投稿日も更新日も同じ日付で表示されてしまうので、今後改善が必要ですかね。有料のテーマとかで良く見かける感じで満足。このカスタマイズを行うにあたり、以下のサイトを参考にさせていただきました。Seventeen】最終更新日を表示する修正方法CSSを修正する際は、あらかじめ子テーマを作成しておきましょう。修正するファイルはstyle.css。このファイルは以下のフォルダに格納されています。style.cssの格納フォルダpublic_html/wp-content/themes/子テーマ【事前準備】アイコンを表示するにはアイコンは「FontAwesome」のWebフォントを使用しています。Menus」を導入しておくと良いです。Menusの使い方」の【1】をご覧ください。インストールして「有効化」しておくと、記事中にショートコードを入力するだけで「FontAwesome」のWebフォントを表示できるようになります。準備ができたら、style.cssに以下のコードを追加します。"\00a0\f021";}コードの解説1行目から4行目で、投稿日の前に時計型のアイコンを追加しています。5行目から7行目で更新日を表示しています。更新が無い場合は表示されません。8行目から11行目で、更新日の前に更新を示すアイコンを表示しています。アイコンの前には、スペースを入れています。以下のコードを追加すると、更新があった場合には、投稿日ではなく更新日のみが表示されるようになります。"\00a0\f017";}また、以下のようにカスタマイズすると、投稿日も更新日も非表示にすることができます。Seventeen】最終更新日を表示してアイコンを飾り付けるカスタマイズまとめ以上、更新日を表示する方法でした。記事の更新日が表示されないと、せっかくリライトしても読者にとっては古い記事に見えてしまうので、読者に記事の新鮮度を知ってもらいたい場合には表示すべきです。参考にしてみてくださいね。Seventeen」のカスタマイズ記事を書いています。Seventeenをより便利に、かつ、より可愛らしいデザインで使いたい場合には、参考にしてみてください。育児・マイホームアイテムレビューブロガーだちたまこんにちは!「だちたま」です。2人(4才・0才)の4人家族。元エンジニアの夫に教えてもらいながら、WordPressのカスタマイズ・プログラミングについてお勉強中。