参考にしたサイトはどちらでしょう。

投稿者:: @akiyongk

entry-card.phpを親テーマから子テーマにコピペ・編集＆追加CSSカスタマイズ

というのを見る限りでは、それで実現できそうな感じがします(新着記事以外にもリボンが付いてしまうような気もしますが、そこは何か判定してるのでしょう)。

となるとやり方が何か間違っているのではないかと思います。

akiyongkさん

私のサイトのトップページは、エントリーカードをそのまま表示するカタチですが。
（固定ページではない。）

PHPの素養はないものの、何かのサイトを参考にしてentry-card.phpを修正し、NEWマークを表示するようにはできました。
私はサムネイルにではなく、タイトルに挿入していますけど。

entry-card.phpで「NEW」のテキストを出力して、CSSで装飾する感じです。

おそらくentry-card.phpの修正でできるのかなぁというくらいには思います。
（実際にentry-card.phpの確認はしておりません。）

はるさん　ｍｋ2さん

早速のご回答ありがとうございました！

参考にしたサイトはこちらになります↓

https://plusreco.com/cocoon-new/

「最新の数記事に「NEW」と表示させるコード」の箇所を参考に

アイキャッチのなかにNEW表示を出せるコードをコピペしました。

その時点でNEWと表示されるそうなのですが出ませんでした・・・

参考にしたサイト拝見しました。

記事に書かれていることの繰り返しになりますが、必要な手順は

1. cocoon-master/tmp/entry-card.phpというファイルをコピーする
2. cocoon-child-masterフォルダの中に「tmp」というフォルダを作る(既にある場合は省略)
3. 2で作った「tmp」フォルダの中に、1でコピーしたentry-card.phpというファイルをアップロードする
4. 記事にある「最新の数記事に「NEW」と表示させるコード」というのをコピーする
5. 3でアップロードしたentry-card.phpの任意の位置に4のコードを貼り付ける

です。

akiyongkさんのサイトを拝見すると、
https://logicalmma.com/wp-content/themes/cocoon-master/tmp/entry-card.php
(親テーマ内のentry-card.phpを開こうとしてます)は真っ白のページになるのに対し、
https://logicalmma.com/wp-content/themes/cocoon-child-master/tmp/entry-card.php
(子テーマ内のentry-card.phpを開こうとしてます)は404Not Foundになります。

なので上の手順でいう2,3辺りができていないのだと思います。

推測ですが、ありそうな間違いとしてはfunctions.phpにコードを貼り付けてるとかでしょうか…。

akiyongkさん

私のローカル環境で確認した結果ですが。

phpやcssなどの子テーマを何も修正せずに、new_listのショートコードを使った固定ページをトップページにしてみると、NEWマークは出てこないですね。

どうも、単純にエントリーカードがトップページの場合とは、出てくるクラスが違う感じですし、そのままでは出来ないかもですね。

前言撤回…になってしまいそうです。

前略、akiyongk さん

「リボン」というので、CSSでは無理かと思ったのですが、ラベルだけなら、以下のコードで表示されるみたいです。

.new-entry-cards.widget-entry-cards.like-entry-cards a:first-of-type figure::before {
    content: "NEW";
    position: absolute;
    background-color: red;
    color: #fff;
    padding: 3px 5px;
}

ただ、CSSの書き方のルールとして正しいのかどうかは、よくわかりません。

akiyongk さん

２つめのカードまでラベルを付けたいとき。

.new-entry-cards.widget-entry-cards.like-entry-cards a:nth-child(-n+2) figure::before {
    content: "NEW";
    position: absolute;
    background-color: red;
    color: #fff;
    padding: 3px 5px;
}

私はphpの素養がないので、ちょっと…ですが。

親テーマの「lib」フォルダに、ショートコードに関する処理をしているファイルがあるようで、それを修正すると、表示は可能ですね。

この辺りは、ちょっと詳しくないので、詳しい方のご意見をいただきたいところです。

ｍｋ２さんの書き込みを見て改めて考えてみましたが、ショートコードで表示する時はentry-card.phpは使われないですね。。

なのでakiyongkさんが最初に仰っていた

投稿者:: @akiyongk

ショートコードを利用しているからなのかな、と思ったのですが、初心者のため分からず。

が正しかったです。

new_listショートコードでいじるとしたらlib/html-forms.phpの1439行目辺りからになるかなとは思いますが、何のショートコードで呼び出されたのかとかを判定しないといけないので面倒そうです。

リフィトリーさんの、CSSで実装する方法が簡単そうです。

はるさん

私も、同じ結論です。

「lib」のファイルって、子テーマにコピーするのではなく、親テーマをそのまま修正するイメージでしょうか？

となると…という気はします。

リフィトリーさんの方法が現実的な気がします。

投稿者:: @mk2_mk2

「lib」のファイルって、子テーマにコピーするのではなく、親テーマをそのまま修正するイメージでしょうか？

子テーマのfunctions.php関数を上書きします。

今回だったら子テーマのfunctions.phpに

function get_widget_entry_card_link_tag($atts){

とか書くとget_widget_entry_card_link_tag関数が上書きされます。

参考になりそうなトピック：「lib」フォルダにあるファイルを子テーマで編集したいのですが・・・

はるさん

ありがとうございます。
なるほどです。

できない訳ではなさそうですね。

あとは、akiyongkさんのご判断かと。

リフィトリーさんの方法も妙案だと思います。
これまでのやりとりの方法でご対応いただくのも一案です。
分からない場合は、プロの方にお願いするのも一案だと思います。

「プロにご依頼になることもご検討してみてください」と書いても、よほど高額な料金を請求されちゃうんじゃないかと、フォーラムにお問い合わせをくださる方にオススメしてみても、なかなか、依頼したら解決しました的な書き込みをしてくださらないので、ご依頼が増えていないんじゃないかと思えてきてしまいます。

よろずやさんなどは、簡単な修正なら1,000円からお受けしていると書いてあるようなので、意地でも自分でなんとかする、というのも、もちろん良いことだとは思いますが、現実的にもう少し気軽にご依頼してもいいんじゃないかと個人的に思うこの頃です。

リフィトリーさん

仰るとおり、敷居が高いイメージはありますよね、確かに。
（言葉の使い方が間違っているかも知れませんが。）

ただ、開発環境を持たない方にとっては、PHPの修正はハードルが高い気がします。
今は動いていても、WordPressやテーマのアップデートなどで動作しなくなることも考えられますし。

上手く動作しない場合の調査などは、環境がないと難しいと思います。

そう考えると、プロの方にお願いするのは、時間の節約にもなりますし確実なのかなと思ったりします。

@mk2_mk2 さん

私は単純にPHPの素養がない、という理由ですが、わいひらさんがフォーラムのサポートにPHPでのカスタマイズを含めていない理由が、徐々にわかってきたような気がします。

はるさんも、カスタマイズのご依頼をお受けしていらっしゃるようですので、「お気軽に」と 言っても料金はかかってしまいますが、ご自身でのカスタマイズが難しい場合は、お見積りだけでも、聞いてみても良いのではないかと思います。

リフィトリーさん

PHPは、我々外部のものからは確認できないことも、理由の1つかと思います。
いくらご本人が「やりました」と仰っても、こちら側としては確認してみたいですが、確認の方法がありません。

CSSであれば、こちら側からも確認できますし、不具合の場所も見つける方法もありますから。

（でも、実際のページではなく、「このCSSだ」とだけ言われるのはツラいです。想像するしかないですから。）

まずはお見積りですよね。
そこはしっかりしていただいて、自分が納得することが大事だと思います。

その際に、自分のやりたいことをしっかりと伝えることも必要ですし、見積もり内容に対して、不明点は事前に確認することも大事だと思います。

納得できなければ、依頼を取り止めれば良いと思います。

プロの方も仕事を受けたいはずですし、評判だってあげたい訳ですから、しっかりご対応してくださると思います。

そういう意味では、本来ご依頼をすべきような質問でも、こうしてフォーラムでご回答くださる、はるさんをはじめとするプロの方々には、感謝です。

akiyongk さん

個人的には、見出しが地味なので、見出しのデザインを少し目立つように変更すれば良いような気もします。

一例として、ちょっと雑ですが・・

.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
#sidebar h3 {
    color: #fff;
    background-image: linear-gradient(to right, #082c3d 0%,#56a6c4 50%,#87c9df 100%);
}

.article h2 {
    padding: 15px;
}

akiyongkさん

結論が上手くまとまっていない気がしますので、まとめさせていただきます。

ご質問の件ですが、[new_list]を使用する場合は、entry-card.phpの修正では実現できません。

[new_list]を使用し、ご提示いただいたサイトと同様に対応する場合は、

• ショートコードの処理自体は、親テーマのlib/html-forms.phpにて行っていそう
• 対応は、lib/html-forms.phpを直接修正するのではなく、子テーマのfunctions.phpに、関数をオーバーライドする処理を追加する

ということになりそうです。

よろしくご検討くださいませ。

みなさま

たくさんのアドバイスありがとうございました！

はるさんのおっしゃっていただいたやり方で子テーマのfunctions.phpに、関数をオーバーライドする処理をやろうと思ったのですが、私の知識不足でうまくいきませんでした（涙）せっかくアドバイスいただいたのに申し訳ありません。

リフィトリーさんのCSSカスタマイズでNEWの表示がでてきました。見出しのデザインもそのまま参考にさせていただいています。

ｍｋ２さんも取りまとめいただいてありがとうございました。プロの方に見積もりを依頼するという方法も今後の判断の選択肢として考えていきたいと思います。

みなさま初心者の私に丁寧に教えていただき本当にありがとうございました！

akiyongkさん

lib/html-forms.phpの処理は、new_listだけでなく、同様のショートコードでロジックを共有していますので、new_listの時だけという対応が必要になりそうで、ちょっと面倒かなと。

ここまでくると、まさにプロの出番という気はします。

リフィトリーさんの案は、目からうろこ的な妙案だと思いますよ。
元々のご希望通りではなかったかも知れませんが、一応の対応はできたということで良かったです。