RSSプラグイン「Feedzy RSS Feeds Lite」新着記事に「NEW」マーク表示

ある団体のホームページ（cocoon wordpress)を運営しています。

各部の新着記事を表示する、まとめサイトでRSSでプラグイン「Feedzy RSS Feeds Lite」を使っていますが、この新着記事に「NEW」マークを付を付けることが出来ました。

しかし、この「NEW」マークは記事のトップに「New!」と表示されますが、タイトルと同じ文字カラーなので目立ちません。

一目で、「New!」と分かるように、「New!」の文字だけをカラー化したくて、いろいろググりましたがネットで見つけることが出来ませんでした。

本日、「ChatGPT」にカラー化したいと質問することによって、念願の「New!」文字だけのカラー化が出来ました。

■ Cocoon Child_javascript.jsに下記を設定

jQuery(function($) {
$(“li span a:contains(‘New!’)”).each(function() {
var newText = $(this).text().replace(‘New!’, ‘New!’);
$(this).html(newText);
});
});

■ Cocoon Child: Stylesheet (style.css)に下記を設定

css
.new-text{
white-space: nowrap;
display: inline-block;
padding: 5px 0;
margin:5px;
width: 50px;
text-align: center;
font-size: 80%;
line-height: 1.2;
font-weight: bold;
background: #dc143c;
color: #fff;
}

.feedzy-rss .rss_item .title a {
display:flex!important;
justify-content: flex-start;
flex-wrap: wrap;