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


公開日:2013年09月16日 月曜日   〇年前のこの日、何してた?
Categories: Works | Tags: , | 閲覧数:574 | Leave a comment

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

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

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

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

テキストで表示の場合

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

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

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

画像で表示の場合

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

もし、気に入っていただけたらシェアしていただけると嬉しいです♪ この記事へのリンクはこちら↓コピーしてHTML編集画面に貼り付けでお使いください。

ブログの更新情報はこちらで配信中~
Feedlyで購読
follow us in feedly
更新をメールでお知らせ 配信: FeedBurner

sponsored


公開日:2013年09月16日 月曜日   〇年前のこの日、何してた?
Categories: Works | Tags: , | 閲覧数:574 | Leave a comment

著者 ねこもりや

どうぶつ占いは「コアラ」。ボーっとする時間が常に必要。”猫になりたい”とひたすら願う怠けもの。

My Photos

  • ココロ

Leave a Reply

Required fields are marked *


CAPTCHA