ナビカードは、オーランさんのカスタマイズをほぼそのまま利用させてもらったということもあり、そういう仕様になっています。
https://wp-cocoon.com/navi-card-shortcode/
https://www.orank.net/1972

僕も、機能追加後に、同様のことは考えたのですが、以下の点からちょっと躊躇しています（これまで少しずつ見た目を寄せてはいる）。

• 既存ユーザーさんでナビカードを利用している場合、見た目が変わってしまう
• 現在の見た目だから利用しているユーザーさんもいるかもしない

なので、ここら辺は、いろいろなユーザーさんの意見を聞いてみたいところではあります。
たとえ仕様が変わったとしても、新着・人気記事とデザイン仕様を合わせた方が良いかどうかです。

よろしければ、以下の二択から番号だけでも書き込んでいただけると嬉しいです。

1. ①デザイン（仕様）が変わったとしても新着・人気記事のような見た目にして欲しい
2. ②これまでのナビカードの仕様のまま利用したい

いつもお世話になっています。

「いろいろなユーザーさんの意見を聞いてみたい」ということですので、横から失礼します。

「新着記事と人気記事」は、機械的、自動的に更新されていくもの。

「ナビカード」は、投稿者が主体的に選択し、固定されたもので、変更されるときは、投稿者の意思によってされるものです。

性格が全く異なるものです。

投稿者が主体的に選んだ「ナビカード」を、機械的な「新着記事と人気記事」と一緒にして欲しくない。サイトの中で差別化し、むしろ、違うことを明確にデザインで主張したままであってほしいと思います。

それは「カテゴリー」と「タグ」が、似ているけれども、本質的に異なっているのと似ています。

また、現在のフォーマットも、どちらがいい、どちらが劣っているというものではなく、それぞれ、その本来の性質に合ったフォーマットであると感じています。それぞれの外観にファンがいると思います。

Imoraさんの書かれたようなニーズも、あるだろうということは理解できますが、そのことが、現在の外観の一方を切り捨てることにつながるのなら反対です。

ただ、これは、すべてのことに言えるのですが、選択肢は多ければ可能性は広がるもので、「新着記事と人気記事」に「ナビカード」風の外観があったり、「ナビカード」に「新着記事と人気記事」風の外観があったりすれば、どちらのニーズにも答えられるのかもしれません。

しかし、最初に書いたように、私としては、もし、将来、外観のバリエーションが増えるとしても、それぞれ、別々の方向に発展することで可能性を広げてほしいなあと思います。

Imoraさんには反論することになってしまい申し訳ありません。

①です ∩(・∀・∩  

imoraさんと同じ並べて表示する利用法を考えていました（まだやってないよ！）。

てっきり同じだと思っていたので、私の都合だと揃えてもらえると嬉しいですが（縦方向）、kodairaさんの言っている

サイトの中で差別化し、むしろ、違うことを明確にデザインで主張したままであってほしいと思います。

という意見を見てみると、「確かに！」って思います ? 

「デザイン変更の手間を省くために個性を利用する」のはよくやりますし、実際②になった際はそうすると思います 笑

ですが、私は自己都合で①を推します！

ただ、リボンのデザインはオーランさんの名残りとして気に入っているので、残すのを希望 ?

まだ使っていないので説得力に欠ける気がするー(´ε｀；)

投稿者が主体的に選んだ「ナビカード」を、機械的な「新着記事と人気記事」と一緒にして欲しくない。サイトの中で差別化し、むしろ、違うことを明確にデザインで主張したままであってほしいと思います。

これは、確かにと思いますね。

Imoraさんの書かれたようなニーズも、あるだろうということは理解できますが、そのことが、現在の外観の一方を切り捨てることにつながるのなら反対です。

切り捨てることはないと思います。
ざっくり言うとデフォルト設定がどちらになるかの判断になるかと思います。
変更したとしても、ショートコードオプションで双方のデザインが使えるようにはしようとは思っています。

ただ、これは、すべてのことに言えるのですが、選択肢は多ければ可能性は広がるもので、「新着記事と人気記事」に「ナビカード」風の外観があったり、「ナビカード」に「新着記事と人気記事」風の外観があったりすれば、どちらのニーズにも答えられるのかもしれません。

これは、今から実装するにはちょっとしんどいかも。
CSS記述が増えることにより、AMPのサイズ制限に引っ掛かる可能性が上がることも懸念点です。

ただ、リボンのデザインはオーランさんの名残りとして気に入っているので、残すのを希望

これも、デフォルトデザインの問題となるので、変更するにしてもオプションでは選択できるままにしておくと思います。

現在の票数

1. ①新着・人気記事の見た目に変更…2票
2. ②変更しない…1票

わいひらさん、私の要望に対して真摯にご対応いただき、大変感謝しております。

みなさんの意見の結果、どうなるかはわかりませんが、ここまでやっていただいただけでもうれしく思います。

あと、私もナビカードのリボンのデザインは気に入っていたので、これを残してもらえるとはありがたいです！

いずれにせよ、リボンは、絶対残すと思います。
一応このトピックは、目立つようにトップに固定しておこうと思います。

なかなか投票がないですね～。

そうですね。

ただ今のところは、naviショートコードの代わりに、navi_list的なショートコードを作って、動作同じで、スタイルだけ変更するとかを考えていました。

もしくは、naviショートコードにsimple=1オプションを追加して、オプションが有効な際には新着・人気ウィジェットのような、スタイルになるとか。

後者の方が、簡単に出来て、すぐ実装はできるかもしれません。そんなもんでもよろしいでしょうか。見た目を合わせたい場合は、オプションを有効にすれば良いかなと思ったり。

わいひらさん、ご検討いただきありがとうございます。

私はスタイルが同じになれば、オプションで対応していただくので十分です。

ただ、その場合、新着・人気記事のほうにオプションを追加して、新着・人気記事のスタイルをnaviショートコードのスタイルに合わせることは難しいでしょうか？

個人的にはnaviショートコードの枠ありオプションとフォントの太さが気に入ってるので、そのように思いました。

ただ、実装にかかる手間や難易度などがまったくわかっておりませんので、難しいようであれば、わいひらさんが提案してくださっている、

naviショートコードにsimple=1オプションを追加して、オプションが有効な際には新着・人気ウィジェットのような、スタイルになるとか。

で構いません。

いろいろとありがとうございます。

ただ、その場合、新着・人気記事のほうにオプションを追加して、新着・人気記事のスタイルをnaviショートコードのスタイルに合わせることは難しいでしょうか？

上の返信でも書きました（添付画像）が、面倒なのでやりたくないです。あとAMP CSSの問題と。

あと、新着・人気記事でもナビカードスタイルオプションを追加するのであれば、ナビカードのデフォルトも新着・人気のスタイルに揃えたいですね。
そうなると、今までナビカードを使っていた人のデフォルトの見た目が変わってしまうので、オプション変更してもらう必要があります。

ただ、僕の理想としてはこれが良いような気がするのが悩みどころではあります。

私は共通デザインの必要性を感じたことはないですし、具体的にどのような方向で機能を追加するのかは分かりませんが、双方のデザインどちらでも使えるようにするのであれば、

• 新着・人気記事
• ナビカード

それぞれの個別リンクのHTMLを生成する部分を関数化して切り分け、リンクごとにURL・タイトルなどの必要な情報を受け渡すようにすれば、CSSは変更せずにオプションによる切り替えのみで対応できるのではないかと思います。

理想はそうした方が良いですよね。
ただ、今ちょっと仕事が忙しいのと、要望のストックがまだあるので、すぐには出来ないかもしれません。
けれど、できるだけ、喜んで貰える人が多い実装にできたらと思います。

わいひらさん、いつも真摯に対応していただきありがとうございます。

今気づいたのですが、カルーセルに表示する記事をタグでコントロールできる機能が追加されていたのですね。

タグを調整することでトップページの上部にカルーセルでオススメ記事、その下には通常の新着記事一覧を表示させることができるので、これで対応しようと思います。

ナビカードと新着記事のショートコードを利用する場合は、カード形式が似ているにもかかわらず、微妙にフォーマットが違うのが気になっていたのですが、カルーセルぐらい完全に別のフォーマットなら、これはこれでいいなと満足しています。

私の要望に対して実装に着手されていたら大変申し訳ありませんが、とりあえず希望していたことを他の方法で実現できましたので、ほかの案件を優先していただければと思います。

この度は、本当にありがとうございました。

承知しました。
とりあえず、現在は先に要望をいただいたものから、対応しているので、気長にお待ちいただければ幸いです。

初めまして Sin と申します。

Cocoon にはいつも大変お世話になっております。

新着・人気記事で「type="large_thumb"」としたときのような表示を、ナビカードでもできないかな、と思って検索してこの記事にたどり着きました。

ナビカードで、大きなサムネイル表示ができるような方法はありますでしょうか。

ご教示いただけますと幸いです。

投票は終わったようなのですが、「ナビカードでも、新着・人気記事で「type="large_thumb"」としたときのような表示ができると大変ありがたい」です。

よろしくお願いいたします。

今のところ、機能としてはないです。
PHPをカスタマイズして行うしか方法はないと思います。

わいひら様

ありがとうございます。

PHPですか。。。私には相当ハードルが高いです。。。

いつの日か、実装されることを祈りつつ、今のバージョンを使わせていただきます。

今後ともよろしくお願いいたします。

でもおかげで、そういう需要があることがわかりました。
このトピックは、いろいろな方のご意見を聞くためと、いずれ機能追加するつもりでトップに固定しているので、仕様を変更する際は、今回の書き込みも参考にさせていただきます。
ありがとうございます。

機能を追加する際にでも、ナビカードのtype指定によるクラス名（$navi_card_class）を入れるタグもできれば見直してほしいです。

現在は各リンクタグごとに入っていますが、カードリンクタグをラップしているnavi-cardsと同じdivタグに入れて、クラス名を1点にまとめた方がカスタマイズしやすいです。

確かに。aタグ毎に入っていますね。
https://github.com/yhira/cocoon/blob/d01ad9f268b1f806f6aafa3a3b9658df6d97f066/lib/shortcodes.php#L548
修正するときは、divに移動しようと思います。

オプションのリボン設定のようにカード毎で設定可能なら今の位置でもいいのですが、共通のデザインという視点からカスタマイズしようとするといろいろ不都合な点が出てくるので。

よろしくお願いします。

現時点で見てみても、ここはおかしいので修正しておきました。
https://github.com/yhira/cocoon/commit/5a9c3613ae64ff9429a12ca618d8042a61c70d1c#diff-4c2f1d3242811de4edf30c49bea3fc45

対応ありがとうございます。

確認しましたが、.navi-card-type-1 aのpadding-bottom

https://github.com/yhira/cocoon/blob/master/style.css#L7353

が、.navi-card-wrap.a-wrapのpadding

https://github.com/yhira/cocoon/blob/master/style.css#L7342

に上書きされているようなので、上書きされないよう修正するか、または削除してもよさそうな気はします。

重複を確認しました。
削除しておこうと思います。
ご確認ありがとうございます！

確認しました。
修正ありがとうございます。

遅くなりましたがようやく対応いたしました。
https://wp-cocoon.com/1-9-0/
新しい仕様はこちら。
https://wp-cocoon.com/navi-card-shortcode/

ありがとうございます!

早速、large_thumbを使わせていただきました!

あるといいなと思ってたとおりの表示で、感激です。

これからもよろしくお願いいたします。

Sinさん、ご確認ありがとうございます！

わいひらさん、ご要望にお応えいただきありがとうございます。
最初にトピックを立てさせていただいたものです。

私が当初考えていたもの以上に汎用性のあるものに改良していただき、感謝いたします。
早速、使ってみたところイメージ通りのトップページに変更できました！

本当にありがとうございました！

ご確認ありがとうございます！
そのように言っていただけると、実装した甲斐がありました^^
問題ない機能になっていたようで良かったです！