サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2022年10月24日 16:30
いつもお世話になっております
新着・関連・人気記事ウィジェット等で記事を横並び＋横スクロールで表示できる機能がほしいです
お忙しいところ恐れ入りますがご検討よろしくお願い致します
2022年10月24日 16:50
●ご参考
ショートコードnew_list(新着記事)の例ですが、CSSを追加する事で実現可能です。
他についてもCSSで同様に可能です。
●設定
[外観]→[ウィジェット]→[(C)新着記事]
大きなサムネイル
●CSS
/* 新着カードを横並びにする */
/* はみ出した分を横スクロール */
.new-entry-cards {
display: flex;
flex-direction: row;
overflow-x: scroll;
}
/* カードのサムネイル幅200px */
.widget-entry-cards.card-large-image .a-wrap {
flex-shrink: 0;
max-width: 200px;
}
わいひら reacted
2022年10月24日 20:02
new_list(新着記事)にhorizontalオプションを追加してみました。
こんな感じのショートコードで利用します。
[new_list horizontal="1" type="large_thumb"]
追記:とりあえず新着記事のnew_listショートコードで実装してみました。まずはnew_listショートコードをテスト記事にでも書き込んでみて表示状態を試してみてください。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
CSSはほとんどchu-yaさんのものを利用させて頂きました。
ありがとうございます！
2022年10月24日 20:33
new_list(新着記事)にhorizontalオプションを追加してみました。
こんな感じのショートコードで利用します。[new_list horizontal="1" type="large_thumb"]
----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.0.8
カテゴリ数：19
タグ数：146
ユーザー数：1
----------------------------------------------
上記の、わいひらさんのサポートですが破棄願いたく。
●理由
私が書いたnew_listは、あくまでも一例です。sasakinoさんの要望とは異なります。
（具体的な仕様の提示がないので、分かりかねますが）
ウィジェットの新規記事、関連記事、人気記事について述べています。
関連記事となると、[Cocoon設定]→[投稿]→関連記事設定も含まれるかと。
この事から、もっと大きな話で、画面での設定を希望しているように思えます。
付随して、ショートコードnew_list、popular_listも含まれるかと。
2022年10月25日 01:04
ウィジェットにショートコードを書いても良いように思います。
ただ、確かに具体的なご要望の仕様や対象範囲が、不明確な気はします。
できるだけ詳しく、可能であれば画像なども添付していただいて、ご説明をお願いします。
そうすることにより、認識相違が起きる可能性は下がると思いますし、結果的にはそれが早道だと思います。
フォーラムガイドラインにも、以下のように記載があります。
（今回はCSSカスタマイズではないと思いますが、同様だと思います）
CSSカスタマイズのイメージを伝える場合は、注釈画像などを利用してご説明いただけると助かります。
文字だけの説明だと、どうしてもイメージ的なものになると伝わりづらいので。
sasakinoさんは、以前にもフォーラムをご利用いただいていますし、その辺についてはご理解いただいているものと思います。
2022年10月25日 08:40
sasakinoさん
とりあえず、現段階の仕様でのご確認もお願いします
（sasakinoさんの環境で、ぜひともお試しください）
真っ白で分かりにくいとは思いますが、私の環境で試した結果も添付しておきます。
【現段階でのnew_list】（共に、type="large_thumb"です）
《投稿本文》(horizontal="1")
《サイドバー》（horizontal="1"）
【ご参考】
《サイドバー》「新着記事」ウィジェット（既存仕様です）
表示タイプ：デフォルト
表示タイプ：大きなサムネイル
上記、及び、先の返信をご覧いただき、ご要望の仕様・対象範囲について、できるだけ詳しいご提示をお願い致します。
曖昧・不明確なものに関しては、返ってくるものも曖昧だったり、ご要望通りにはならないと思います。
わいひら reacted
2022年10月25日 10:57
記の、わいひらさんのサポートですが破棄願いたく。
●理由
私が書いたnew_listは、あくまでも一例です。sasakinoさんの要望とは異なります。
（具体的な仕様の提示がないので、分かりかねますが）
今回の要望が違ったとしても、以前からnew_listの横並びカスタマイズ相談は結構あったように思います。
なので今回の要望が全然違ったものだったとしても、横並びは以前から気になっていました。
ショートコードで実装したのは、ウィジェットで実装するにしても同じような処理を追加しなければいけないからです。
ただ、ウィジェットから実装するとショートコードで実装するより大掛かりとなるので、まずはショートコードで希望に沿う状態なのかを確認して問題なければ、その上でウィジェットや関連・人気記事へと考えています。
まずは小さく始めて確認しながらです。大きく変更して「全然違う」となると大変なので。
ウィジェットの新規記事、関連記事、人気記事について述べています。
関連記事となると、[Cocoon設定]→[投稿]→関連記事設定も含まれるかと。
この事から、もっと大きな話で、画面での設定を希望しているように思えます。付随して、ショートコードnew_list、popular_listも含まれるかと。
こちらも承知しておりますが、全部一気に変更して違ったとなった場合大変です。
詳しい仕様が分からないからこそ、細かく確認しながら実装するべきかと思います。
全く違った場合でも労力的な被害は少ないので。
昨日書き込んだ時、「まずはnew_listで表示状態を試してみてください。」と書くのを忘れていました。完全に書いたつもりでいました。
sasakinoｄさんはまだ来られていないようなので追記しておきます。
2022年10月25日 11:50
今回の要望が違ったとしても、以前からnew_listの横並びカスタマイズ相談は結構あったように思います。
なので今回の要望が全然違ったものだったとしても、横並びは以前から気になっていました。
new_listのパラメータhorizontalが正式採用なら、少なくとも統一の為、popular_listもお願いします。
●フォーラムマナーの徹底
フォーラムの要望ですが「○○を追加してもらいたい」と言う記述をよく目にし。
なに目的なのか、理由が書かれていない事が多く。
サポートの「目的」を記述しましょう。
●余談
想像ですが、用途として。
関連記事で、縦型カードの時、3列、4列で折り返され。
多くのカードを並べると、投稿ページ下の場所をとり。
この為、スクロールしているページを見た事があり。
2022年10月25日 14:59
new_listのパラメータhorizontalが正式採用なら、少なくとも統一の為、popular_listもお願いします。
そのつもりではいましたが、まずは要望に沿うものかどうか聞いてからでも遅くはないので。
トピックスターター 2022年10月25日 16:13
皆様
詳しい説明がないまま漠然とした要望を書いてしまい申し訳ございません。
chu-yaさんやmk2さんが載せていただいた画像のような感じでウィジェットの新着・人気・関連記事を縦表示ではなく、横1列表示にしてテーブルのように枠外にはみ出て見えない部分は横スクロールで表示されたらいいなと思っていました。
場所を取らずたくさんの記事を表示できる横1列スクロール化はスマホでの閲覧の際に便利かなと思っています。
今回、ショートコードでカテゴリ・タグIDを指定して新着記事を横1列スクロール表示できる情報をいただけてとても嬉しいです。
これ以上に大掛かりな作業となってしまうウィジェットでの実装はわいひらさんへのご負担が大きくなってしまうので、今回いただけた情報だけで十分満足しています。
chu-yaさん、わいひらさん、mk2さん、この度は色々とアドバイスをいただきありがとうございました。
2022年10月25日 17:59
@sasakino さん
内容を誤解しておられるようです。
現在のCocoonに横並び表示の機能はありません。
機能を実装するために、まずはsasakinoさんの要望の内容を確認するために仮で実装をしたものが、わいひらさんの10月24日 20:02の書き込みです。
これがsasakinoさんのイメージ通りの表示であれば「そういうことで合ってます」と言っていただければ、正式に実装される流れです。
「大掛かりな作業」と言っているのは、「実装方法が難しくて実現方法を考えるのが大変」とかいう意味ではなくて、「全部作った後でもしsasakinoさんが『いやそういう機能のつもりで要望を出したわけじゃないです』と言ったら全部元に戻さなければいけない」という意味です。
個人的には横並びの機能は有用だと思います。
カルーセルみたいな感じに使えそうですね。
ｍｋ２ reacted
2022年10月25日 18:42
sasakinoさん
はるさんのお返事を拝見し、sasakinoさんのお返事を再度確認すると、確かにはるさんの仰っているような感じに見えます。
今回、仮ではありますが、ショートコード「new_list」に「horizontal」というパラメータが追加されました。
私が先の返信で画像添付したものは、これを試したものです。
ぜひ、sasakinoさんにも試していただいて、ご要望に沿ったものなのか、ご意見をお願いします。
- イメージ通り（要望通り）
- ここをもっとこうしたい
- 他のショートコードも
- ウィジェットも対応して欲しい
上記のようなご意見・ご要望があっても良いのかと思います。
（必ずしも追加されるとは限りませんけれど）
今回の「new_list」のパラメータ追加により、より多くの方が気軽に、横並びの表示にできますので、有用なものかと思います。
ぜひ、その辺りのご意見をいただきたいです。
トピックスターター 2022年10月26日 01:30
はる様、mk2様
わいひらさんがご用意してくれた仮実装のものがイメージしていた希望通りのものだったので勝手に満足しておりました。
使いやすさや見た目的なことで言うと下にスクロールバーが出るより、カルーセルみたいな感じのデザインになったらいいのかなと思います。
新着記事のほかに人気記事や関連記事のショートコードも使えるようになれば嬉しいです。
ここからは今回の件と少し関係性のない要件となってしまうのですが…
私は現在、フロントページタイプ（β版）のカテゴリごと＋縦型カードを利用しています。
カテゴリが多くなると、カテゴリーエントリーカード表示数が3記事でもサイトが縦長になっていきスマホ閲覧者にとって少し不便かなと思います。
カテゴリごとに横1列＋スクロールで表示できたらカテゴリーエントリーカード表示数を10記事にしても横1列のスペースで済むので便利かなと思っています。
2022年10月26日 01:53
sasakinoさん
お返事ありがとうございます。
スマホからですので、調べたり、詳しくは書けないのですが、いくつか書かせてください。
まとめますと。
- スクロールバーではなく、カルーセルみたいな感じが良い
- 人気記事・関連記事のショートコードも、同様に対応して欲しい
- フロントページタイプの「カテゴリーごと」の場合、カテゴリーのカードも、同様に横スクロールできると嬉しい（特にスマホ）
上記のような感じかと思います。
項番2についてですが、関連記事のショートコードはなかったような気がしますが、良く調べてはいません。
ただ、「new_list」のオプションに「random」がありますので、それを使えば、関連記事みたいなものを作ることはできるのかなと思いました。（おそらく対象期間は選択できなかった気がします）
項番3については、固定ページで、ショートコードを使って、トップページを作成なさった方が良い気はします。
ただ、それだと設定一つでという手軽さはありませんね。
その辺りは、わいひらさんご判断かと思います。
トピックスターター 2022年10月26日 16:30
- スクロールバーではなく、カルーセルみたいな感じが良い
- 人気記事・関連記事のショートコードも、同様に対応して欲しい
- フロントページタイプの「カテゴリーごと」の場合、カテゴリーのカードも、同様に横スクロールできると嬉しい（特にスマホ）
mk2様
まとめていただき有難うございます。
上記のようなものが利用できたら嬉しいです。
関連記事に関してはnew_list＋random＋カテゴリ・タグID指定で代用できそうですね。
フロントページに関してはCocoon設定から簡単に変更できれば嬉しいですが、固定ページで作成というのも考えてみます。
深夜なのにも拘らずご返信いただき有難うございました。
2022年10月27日 21:04
とりあえず、人気記事ショートコードにもhorizontalオプションを追加しておきました。
https://github.com/xserver-inc/cocoon
とりあえず次は新着記事・人気記事ウィジェットにも縦横選択できるチェックオプションは追加しておこうと思います（予定）。
カルーセル化は実装の検証が必要なので要検討とさせていただきます。
フロントページタイプの「カテゴリーごと」の場合、カテゴリーのカードも、同様に横スクロールできると嬉しい（特にスマホ）
この「カテゴリーごと」に関しては、実装するにしてももう少し詳しい仕様を伺いたく思います。
その際は、できれば新しいトピックを立てていただければ幸いです。
2022年10月27日 21:20
とりあえず、人気記事ショートコードにもhorizontalオプションを追加しておきました
----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.0.9
カテゴリ数：19
タグ数：146
ユーザー数：1
----------------------------------------------
●確認
［popular_list horizontal="1" type=○○］
確認し問題ありませんでした。
わいひら reacted
トピックスターター 2022年10月28日 02:10
わいひら様
新着記事・人気記事のhorizontalオプションの動作確認し問題ありませんでした。
そしてお忙しいなか要望通りのものを短期間で実装していただきありがとうございました。
関連記事はmk2様にアドバイスいただき「new_list」にカテゴリ・タグID＋random指定で代用できました。
わいひら reacted
2022年10月28日 03:32
sasakinoさん
以下、ご対応いただけますでしょうか。
フロントページタイプの「カテゴリーごと」の場合、カテゴリーのカードも、同様に横スクロールできると嬉しい（特にスマホ）
この「カテゴリーごと」に関しては、実装するにしてももう少し詳しい仕様を伺いたく思います。
その際は、できれば新しいトピックを立てていただければ幸いです
2022年10月28日 20:02
皆様、ご確認いただきありがとうございます！
2022年11月1日 13:43
機能を組込む手間よりと、各自がJS、CSSで対応する方が数行で済みます。
●ご参考
[Cocoon設定]→[インデックス]→フロントページタイプ「カテゴリごと」の例
カルーセル、横スクロールを試してみました。
2022年11月1日 19:45
とりあえず新着記事・人気記事・関連記事ウィジェットに「横型表示」オプションを追加しておきました。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
2022年11月2日 08:42
ご対応いただきありがとうございます。
どなたも確認をしていないようですので、確認させていただきました。
1点だけ。
「large_thumb_on：大きなサムネイルにタイトルを重ねる」の場合、タイトルの下が欠けてしまうようです。
今回ご対応いただいた、ショートコード・ウィジェット共通かと思います。
2022年11月2日 08:48
sasakinoさん
ご確認、及び、お返事をいただいてもよろしいでしょうか。
ご自分のご要望ですし、最後までご確認をいただきたいです。
大変申し訳ありませんが、フォーラムマナーうんぬんというより、人のとしての礼を欠いているように感じてしまいます。
また、以下もご対応いただけますでしょうか。
フロントページタイプの「カテゴリーごと」の場合、カテゴリーのカードも、同様に横スクロールできると嬉しい（特にスマホ）
この「カテゴリーごと」に関しては、実装するにしてももう少し詳しい仕様を伺いたく思います。
その際は、できれば新しいトピックを立てていただければ幸いです。
これらの要望を取り下げるのであれば、そう言っていただければ、検討や実装作業をせずに済むと思います。
複数の事項がほったらがしになっています。
これは看過できないです。
お返事・ご対応等、お願い致します。
2022年11月2日 10:16
「large_thumb_on：大きなサムネイルにタイトルを重ねる」の場合、タイトルの下が欠けてしまうようです。
すみません。
この件は、単に投稿タイトルが長いからですね、きっと。
失礼致しました。
2022年11月5日 21:07
「large_thumb_on：大きなサムネイルにタイトルを重ねる」の場合、タイトルの下が欠けてしまうようです。
こちらの不具合も修正しておきました。
加えて、横型表示にした際にカルーセル（スワイパー）になるように昨日追加しておきました。
※最初からの機能を実装する設計で作ってなかったため、ちょっと無理矢理な実装になりました。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
ご返信がないのは、僕が実装するのが遅く、要望された方も「現在検討中の要望」もしくは「ほぼほぼやり取りが終了した要望」と思われているためだと思います。
僕が実装するまで、ちょこちょこトピックのチェックをしに来ていただくわけにもいかないので、動作確認や報告はできたらでで大丈夫です。
2022年11月5日 22:18
ご対応いただきありがとうございます。
「large_thumb_on：大きなサムネイルにタイトルを重ねる」の場合、タイトルの下が欠けてしまうようです。
こちらの不具合も修正しておきました。
加えて、横型表示にした際にカルーセル（スワイパー）になるように昨日追加しておきました。
上記2点、確認させていただきました。
お手数お掛けしました。
返信については、釈然としないものは感じるんですけどね。
（問いかけ？に対して、返信はあったものの、スルーして放置しているものもありますし）
でも、言っても仕方ないかな・・・とも思っています。
Cocoonユーザーの方に、広く利益になれば良いかなと思います。
2022年11月5日 22:41
ご確認いただきありがとうございます！
僕の場合、Simplicityの頃から一定数の割合で返信がないので、もうそういうもんだと何も感じなくなってしまいました 🤣
書き込みがあって上がってきたトピックだけ機械的にチェックするルーチンワークみたいになってしまっているからかも。
書き込みがあって上がってくるとビックは、返信（動作報告）がある可能性が高いのでそればっかり目にします。反面、返信がなくて上がらないトピックは目に触れないので気にならないだけなのかもしれません 😓
2022年11月5日 22:56
「達観」、いえもはや「悟り」かもですね。
凄いことだと思います。
私なんて、年を重ねるごとに気が短くなっていきます。
もう少し、心にゆとりを持たねば。（反省）
でも、それができないものなんですよねぇ、凡人ですので。
2022年11月6日 19:48
僕はストレス発散の場がなく、ストレスに非常に弱いので、なるべくストレスになりそうなことには近づかないようにしているだけだったりします 😓
とにかく、なるべくストレスになりそうなことからは逃げています。
2022年11月6日 23:43
逃げるって、大事なことだと思うんですよね。
自分でそれができるのは、私は良いことなんだと思います。
私もいくつか病気を経験して、それを強く思うことがあります。
何事も程々が良いのかなと思うんですよね。
2022年11月7日 19:41
僕の場合は、自由のない体になってまで、逃げずに立ち向かいたくはないんですよね（笑
2022年11月7日 19:46
正解だと思います。
立ち向かって、それで病気になったり、更にこじらせたりすることもありますから。
自分を守る術は必要です。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。