WordPressで新着の記事に「New!」を表示させる覚書。

Newを画像で表示
もう、随分前から試行錯誤していたことがある。

トップページやアーカイブページで、
新しい投稿のアイキャッチ画像にリボンを付ける。
[CSS]画像やパネルに斜めにしたリボンを重ねるスタイルシート | コリス
新着記事に好きな日数だけ「NEWアイコン」を自動で出す方法を試したら案外簡単だった | クリエイティブメモメモ
CSS3を使ってできる画像まわりのエフェクトやスタイリング18 | Webロケッツマガジン

まぁ、実験的な事で、
自分のサイトには似合わないけど、他で使えるかもと思っております。

今回は、リボンは置いといて
単純にNew!を新着の記事に付けたいと思います。

テキストで表示の場合

テンプレートの表示したい箇所に追加します。
ねこもりやは、記事のMETA部分に入れましたが、タイトル前とかでもいいかな。

書き方は、色々ある様ですが 、
↓ねこもりやはこちらを参考にしました。
参考:WordPressでNew!を表示するパターン別4つの方法 | WordPress(ワードプレス)コミュニティ

↑ココに、テキストの色を変える方法などもあります。
画像にする方法もありましたー

画像で表示の場合

テンプレートディレクトリの画像フォルダに画像をアップロードして、
テンプレートディレクトリからの画像の場所を指定します。
Newを画像で表示

コメントを残す

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

CAPTCHA