現在デフォルトスキンとして「COLORS(ブルー)」を適用中。

ナビカードと新着記事・人気記事のカードのフォーマットを合わせてほしい | 要望 | Cocoon フォーラム

書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示してください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラムの内容は、CCライセンス(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

詳細なカスタマイズ依頼をするならこちら。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
ナビカードと新着記事・人気記事のカード...
 
Share:

[解決済] ナビカードと新着記事・人気記事のカードのフォーマットを合わせてほしい  


imora
 imora
(@imora)
ゲスト
参加: 1年 前
投稿: 32
2019年6月4日 23:22  

とても使いやすく機能が充実したテーマを無料で提供していただき、いつも感謝しております。

トップページを固定ページにして、自分で選んだオススメ記事、新着記事、人気記事を同じ数だけ並べて表示したいと考えています。

オススメ記事はナビカードのショートコードを利用して、新着記事・人気記事もショートコードを利用しています。

新着記事と人気記事のカードはフォーマット(という言い方が正しいのかわかりませんが、アイキャッチの大きさやタイトルのフォントなどの見た目のことです)が同じですが、ナビカードは異なるため並べて表示したときに見栄えがあまりよくありません。

もし可能であれば、これらのフォーマットを合わせていただけると、かなり使いやすくなるように思うのですが、ご検討いただけないでしょうか?


未解決
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7170
わいひら - Facebookわいひら - Twitter
2019年6月5日 21:07  

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

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

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

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

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

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

kodaira
(@kodaira)
Eminent Member
参加: 8か月 前
投稿: 22
kodaira - Twitter
2019年6月6日 06:20  

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

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

 

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

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

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

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

 

 

 

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

 

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

 

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

 

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

 

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

 

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


わいひら 件のいいね!
ぷっぷ
(@excesssecurity)
Trusted Memberサイト
参加: 2年 前
投稿: 79
ぷっぷ - Twitter
2019年6月6日 11:15  

①です ∩(・∀・∩  

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

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

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

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

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

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

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

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


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7170
わいひら - Facebookわいひら - Twitter
2019年6月6日 21:52  

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

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

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

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

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

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

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

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

現在の票数

  1. ①新着・人気記事の見た目に変更…2票
  2. ②変更しない…1票
This post was modified 6か月 前 by わいひら

ぷっぷ 件のいいね!
imora
 imora
(@imora)
ゲスト
参加: 1年 前
投稿: 32
2019年6月6日 23:05  

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

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

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


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7170
わいひら - Facebookわいひら - Twitter
2019年6月7日 22:41  

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


imora
 imora
(@imora)
ゲスト
参加: 1年 前
投稿: 32
2019年6月13日 22:08  

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


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7170
わいひら - Facebookわいひら - Twitter
2019年6月13日 22:40  

そうですね。

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

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

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


imora
 imora
(@imora)
ゲスト
参加: 1年 前
投稿: 32
2019年6月13日 23:11  

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

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

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

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

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

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

で構いません。

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

 


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7170
わいひら - Facebookわいひら - Twitter
2019年6月14日 21:42  

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

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


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7170
わいひら - Facebookわいひら - Twitter
2019年6月14日 21:45  

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

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

This post was modified 5か月 前 by わいひら

ロコ
(@lococo)
Reputable Member
参加: 2年 前
投稿: 484
2019年6月14日 23:08  

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

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

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


editわいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7170
わいひら - Facebookわいひら - Twitter
2019年6月15日 21:58  

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


imora
 imora
(@imora)
ゲスト
参加: 1年 前
投稿: 32
2019年6月19日 21:16  

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

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

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

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

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

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


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7170
わいひら - Facebookわいひら - Twitter
2019年6月19日 23:22  

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


Sin
 Sin
(@Sin)
ゲスト
参加: 4か月 前
投稿: 3
2019年7月13日 17:37  

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

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

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

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

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

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

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

 


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7170
わいひら - Facebookわいひら - Twitter
2019年7月13日 20:28  

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


Sin
 Sin
(@Sin)
ゲスト
参加: 4か月 前
投稿: 3
2019年7月13日 22:10  

わいひら様

ありがとうございます。

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

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

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


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7170
わいひら - Facebookわいひら - Twitter
2019年7月14日 12:34  

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


ロコ
(@lococo)
Reputable Member
参加: 2年 前
投稿: 484
2019年7月14日 16:35  

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

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


editわいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7170
わいひら - Facebookわいひら - Twitter
2019年7月15日 19:53  

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


ロコ
(@lococo)
Reputable Member
参加: 2年 前
投稿: 484
2019年7月16日 18:04  

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

よろしくお願いします。


edit 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7170
わいひら - Facebookわいひら - Twitter
2019年7月16日 20:04  

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


ロコ
(@lococo)
Reputable Member
参加: 2年 前
投稿: 484
2019年7月16日 21:52  

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

確認しましたが、.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

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


editわいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7170
わいひら - Facebookわいひら - Twitter
2019年7月17日 19:37  

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


ロコ
(@lococo)
Reputable Member
参加: 2年 前
投稿: 484
2019年7月17日 21:10  

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


editわいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7170
わいひら - Facebookわいひら - Twitter
2019年7月25日 22:12  

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


Sin
 Sin
(@Sin)
ゲスト
参加: 4か月 前
投稿: 3
2019年7月25日 22:38  

ありがとうございます!

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

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

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


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7170
わいひら - Facebookわいひら - Twitter
2019年7月26日 19:06  

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


imora
 imora
(@imora)
ゲスト
参加: 1年 前
投稿: 32
2019年8月18日 21:18  

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

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

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


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7170
わいひら - Facebookわいひら - Twitter
2019年8月19日 19:28  

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


Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバ

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)
サービス運営期間:1年3ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2019/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可
サービス運営期間:16年

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能
サービス運営期間:3年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:1年1ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)
サービス運営期間:3年

Cocoon
  
動作中

ログイン または 登録 してください

タイトルとURLをコピーしました