サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021年3月14日 00:12
はじめまして、Ryoyaです。
現在、人気記事と新着記事が縦並びになっているのを横並びにしたいのですが、やり方が分かりません。
良ければ教えていただければ幸いです。
2021年3月14日 00:22
前略、Ryoya さん
新着記事や人気記事をウィジェットやショートコードで表示すると、縦に並んでしまいます。
横並びにするには、CSSでのカスタマイズが要るかと思います。
横に並べるのはいいのですが、PC表示だけでなく、スマホのときの表示も考えておかなくてはなりません。
次に参考リンクを貼りますので、その辺りをご検討なさってみてください。
2021年3月14日 00:28
【教えてください】ヴィジェット新着記事を横並びに表示したい
4→2→1列
https://wp-cocoon.com/community/postid/42205/
【教えてください】
5→2→1列
5→2列
https://wp-cocoon.com/community/postid/42221/
新着記事を任意のカテゴリだけ表示したいです
メインカラムPC２列→スマホでは横向きデザインで１列
https://wp-cocoon.com/community/postid/42444/
わいひら reacted
2021年3月14日 00:36
ただ、メインカラム２列にしたときは、large_thumb を指定していても、横幅320pxのサムネイル画像を利用するため、若干表示サイズが横幅320pxより大きいサイズとなり、少々ぼやけてしまいます。
新着記事や人気記事のウィジェットやショートコードは、サイドバーか２カラムブロックに配置する想定で作られているようなので、致し方ない部分もあります。
2021年3月14日 00:40
HTMLやCSSについては、以下のトピックに有用なリンクがあります。
【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック
また、数年前の記事ですが、テーマ作者様がブラウザのデベロッパーツールの使い方の記事を書いてくださっています。
2021年3月14日 02:47
横並びにするには、
大きなサムネイル（large_thumb）か、タイトルを重ねた大きなサムネイル(large_thumb_on)にしないと、上手く並べられないような気もします。
上記の２つ以外のタイプですと、画面幅を縮めていったときに、サムネイル画像と文字のバランスをとるのが難しいような気もします。
PC表示といっても、画面幅を狭くされて見ている方もいらっしゃるでしょうし、タブレット端末の表示も考慮しておかないといけないので、上記のどちらかを使った方が無難なような気もします。
This post was modified 4年前 2回 by リフィトリー
2021年3月14日 02:56
新着記事や人気記事ウィジェットやショートコードは、右側にある、サイドバーに設定すると、しっくり収まるようにできています。
本文に入れる場合は、２カラムブロックを使うと、しっくり収まります。
グローバルメニューの直下やフッターへの設置は、いまのところ想定されていないので、そこに配置するとバランスがとれないのかもしれません。
2021年3月14日 06:58
横に並べることはできるのですが・・・
2021年3月14日 07:03
表示設定を４つにして、画面幅が広いときには、４つ目だけ非表示にしておく、という方法もなくはないのですが、やはり、このデフォルトの表示タイプは、サイドバーのような狭い幅のところに配置する方が合っているように思います。
横に並べるなら、大きなサムネイル（large_thumb）か、タイトルを重ねた大きなサムネイル(large_thumb_on)が良いかもしれません。
やはり、それ用につくられたものは、適した場所があるような気がします。
This post was modified 4年前 2回 by リフィトリー
2021年3月14日 07:29
Cocoonのサイトのサイドバーの新着記事
きれいに見えますよね。
Topic starter
2021年3月14日 12:43
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。