Cocoonフォーラム

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

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

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

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

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

記事一覧(エントリーカード)のカスタマ...
 
共有:
通知
すべてクリア

記事一覧(エントリーカード)のカスタマイズについて

9 投稿
3 ユーザー
4 Reactions
3,415 表示
(@リーポー)
New Member
結合: 6年前
投稿: 2
Topic starter  

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

Cocoonは非常に機能も多くデザインが良いため、現在はほとんどのサイトにて利用させていただいております。

 

今回はカスタマイズのご相談になりますが、検索フォームやメニュー等で選択した際に、その条件に合致した記事一覧(エントリーカード)が表示されるかと思います。

現状では、サムネイル、タイトル、記事(文字数制限内で)のみが表示されるようになっているかと思います。

この表示を、画像、タイトル、テーブル、遷移ボタンを記事一覧(エントリーカード)に表示させたいと思います。

これだけではイメージがしにくいかと思いますが、具体的にはCocoonに実装されている
ランキングのようなイメージのものを一覧として表示したいと考えております。

※もう少し言い方を変えれば、現在固定となっているランキングについて、記事で個別に作成して、検索条件により表示されるものを変えたいと考えております。

 

個人的には get_the_snipet()を修正すればよいのかなと勘がておりますが、

その関数もどのphpファイルにあるか見つからないため、お知恵を頂ければ幸いです。

 

お忙しいところ恐縮ですが、ご教示のほどよろしくお願い致します。

 


   
引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

以下のような一覧ページの余白にタグを入れて装飾したいって事ですね。

https://gyazo.com/424668af0fc84f377f2759505f24bac2

https://wp-cocoon.com/category/theme/

Cocoon: entry-card.php (tmp/entry-card.php)に分岐タグを入れて編集すれば可能かと思います。


   
わいひら reacted
返信引用
(@リーポー)
New Member
結合: 6年前
投稿: 3
 

かうたっくさん

 

早々のお返事ありがとうございます。

説明が足らず申し訳ありませんでした。

実際のイメージはこちらのページのサーバーランキングのようなイメージを、

記事一覧として表示する感じになります。

https://wp-cocoon.com/how-to-make-item-ranking/

 

こちらのランキングはCocoon設定 >ランキング設定で

作成しますが、

このランキングのコンテンツにあたる部分を、

記事(投稿)で作成するイメージです。

 

投稿で作成すると当然ですが、表やボタンは

表やボタンとして表示される訳でなく、

htmlやらがそのまま表示されてしまいます。

 

それをエントリーカードでも、表やボタンを

表示させる方法が今回ご教示頂きたい

内容となります。

お手数をお掛けしますがよろしくお願い致します。


   
返信引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

実際のイメージはこちらのページのサーバーランキングのようなイメージを、

記事一覧として表示する感じになります

そのようにするには、書き込みしたPHPにHTMLを追記すれば出来るはずですが、何かちがってましたか??

こちらのランキングはCocoon設定 >ランキング設定で

作成しますが、

このランキングのコンテンツにあたる部分を、

記事(投稿)で作成するイメージです。

投稿画面:WordPress管理画面の投稿より、投稿一覧でランキングのタグを入れて作成すればその記事に関してですがランキング形式で表示されると思いますが。

投稿で作成すると当然ですが、表やボタンは

表やボタンとして表示される訳でなく、

htmlやらがそのまま表示されてしまいます。

管理画面の投稿一覧で書いたランキングが公開された一覧のlistで、HTMLで表示さると言う事でしょうか?

できればURLをわいひらさんに提示すれば、詳細を把握してもらえると思います。

それをエントリーカードでも、表やボタンを

表示させる方法が今回ご教示頂きたい

内容となります。

表と言うのがどれを指すか不明ですが公開中の一覧画面の表示変更であれば、初めの返信:回答と言うのか #4085 のファイルで編集して装飾すれば一覧のエントリーカードに反映するかと思います。


   
返信引用
(@リーポー)
New Member
結合: 6年前
投稿: 3
 

かうたっくさん

ご返信ありがとうございます。

返信:回答と言うのか #4085 のファイルで編集して装飾すれば一覧のエントリーカードに反映するかと思います。

この点ですが、私が解釈を取り違えて

おりました。

ちょっと出先のため、すぐに対応出来ませんが、

後ほどご指示頂いた内容で試してみたいと思います。

その結果については、改めてこちらに

返信させて頂きます。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

かうたっくさんが書かれたように、tmp/entry-card.phpを編集して、スタイルシートでスタイリングすれば出来ることはできると思います。
ただ、予想するに、PHP編集に慣れていない場合は実装は結構大変になると思います。

慣れている場合でも、それなりに大変そう。


   
返信引用
(@リーポー)
New Member
結合: 6年前
投稿: 2
Topic starter  

わいひらさん

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

おっしゃる通り、phpについては多少使えるのですが、
今回のは単純にtmp/entry-card.phpの中に、ランキングタグを入れただけでも
ダメそうなので、そもそもランキングタグからhtmlに成形する部分を
tmp/entry-card.php内に記述しないとだめというのは感じております。

 

ちなみに作成しようとしたイメージは、添付画像のようなものです。
画像の上部にある抽出条件はプラグインで対応する予定でした。

これをまねようとして、個別に以下のような記事を作成したとします。
http://sotofun.com/2018/02/04/post-29/

 

しかし、トップの記事一覧では当然ですが、
http://sotofun.com/

となり、何も表示されません。

ご指摘頂いたとおり、tmp/entry-card.phpを直接編集しなければだめそうですが、ランキングタグをhtmlに成形する関数があるかと思いますが、それがどれなのか迷っている状態といったところです。

 

 

 


   
返信引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

これをまねようとして、個別に以下のような記事を作成したとします。
http://sotofun.com/2018/02/04/post-29/

しかし、トップの記事一覧では当然ですが、
http://sotofun.com/

となり、何も表示されません。

分岐してトップページはスニペットを表示させてもダメだったってことですか?

lib/page-settings/index-funcs.phpのスニペットの記載が関係するんですかね??

ランキングタグをhtmlに成形する関数があるかと思いますが、それがどれなのか迷っている状態といったところです。

lib/page-item-ranking/item-ranking-func.phpがランキング関係の関数とありますよ。

 

ローカルでテキストエディタを使ってテーマフォルダ内をGrep検索をすればどのファイルが関係ありそうか分かるのでお試しください。


   
わいひら reacted
返信引用
(@リーポー)
New Member
結合: 6年前
投稿: 3
 

かうたっくさん

サポート頂きありがとうございます。

 

ご案内頂いた

lib/page-item-ranking/item-ranking-func.php

にある

generate_item_ranking_tag()

が、まさしくタグをhtmlに変換する関数でした。

 

スマホからのコード修正なので、

ランキング固定でtmp/entry-card.php内に関数を直書きしただけですが、記事一覧にランキングのコンテンツを表示させる事が出来ました。

※表示が崩れているのはご容赦ください。

http://sotofun.com

 

この後は記事内の何かしらの値を取得して、

generate_item_ranking_tag()に引き渡せるパラメタに

変換すれば、イメージに近いものが出来そうです。

 

ここまでご支援頂きありがとうございました。

 

 


   
返信引用
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

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

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

最近の書き込みはこちら。

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

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