サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2021年2月28日 13:21
99％シロートですが、Cocoonという素晴らしいテーマがあるおかげで、定年後の新世界でブログ作りを日々楽しんで（苦しんで？）います。しかも無料とは作者には感謝しています。ありがとうございます。
ところで、いま大きな壁にぶつかっています。（ほかの方には幼稚な悩みかも）
最近の記事とか関連記事や人気記事などなど、固定記事や投稿記事の中にスタイル⇒から記事内に掲示することができて喜んだのですが・・・・。
サムネールの画像とタイトルはCocoon設定どおりにチェックを入れたのですがそこから先に進みません。
先というのは
①それぞれの枠の中に設定した画像とタイトルだけで寂しい感じです。なにか抜粋とかメタディスクリプションなどから説明文を引用してくれることはできないでしょうか？（画像添付）
②Cocoon設定で形を縦型とかほかのものに変更しても反映されません。
よく見かけるタテ型3列とか縦長４列も指定通りにはならずどうしても添付画像からまったく姿を変えません。もうすこしカスタマイズをしたいのですが。
別なページで見た「Cocoonでスニペット付き新着記事と人気記事一覧の作成ver1.8.9.3まで」記事にあった、「子テーマのfunctions.phpにそれぞれ下記の関数を追加します。」のとおり長々とコピペしましたが一向にらちがあきません。
別なページでわいひらさんがおっしゃっている「snippetオプションを利用すればできるかと思います。
https://wp-cocoon.com/new_list/ 」もちょっとよくわからないままで困っています。
シロートには荷が重いかもしれませんがなんとか追従したいのでよろしくお願いいたします。
「追記 前述の子テーマのfunctions.phpに書き加えたのは //人気記事ショートコード関数」です。
このトピックは4年前からrob_1902に変更されました
2021年2月28日 15:11
前略、rob_1902さん
私は99.9％素人なのですが、記事中に他の記事を紹介するときは、ブログカードを使うのが良いような気もしますが、ブログカードですと、記事のリンクを貼り付けるか、リンクをショートコードで挿入するかということになり、１つずつの設定になってしまいます。
新着記事ショートコードや人気記事ショートコードというのもあるのですが、サイドバーに設定するか、メインカラムを２カラムに分割して設定する仕様のため、メインカラムの幅全体を使って、表示させるオプションがありません。
少し前に、メインカラム幅を使って表示させるCSSのコードを試しに書いてみたものがあります。
これですと、記事のスニペット（説明文）も、新着記事ショートコードで表示することができるかと思います。
CSSのコードは、Cocoonのデフォルトのエントリーカードのデザインを踏襲しています。
デフォルトのエントリーカードは、スニペットの行間が狭いので、その辺りは、適宜コードを修正すれば、使えるかもしれないと思って、書き込ませていただきました。
この投稿は4年前ずつリフィトリーに変更されました
わいひら reacted
2021年2月28日 15:18
rob_1902さん
ブログカード関連のマニュアルページのリンクです。
マニュアルは少し前に書かれたものなので、クラッシックエディターでの利用方法を記載しているようです。
ブロックエディタ―の場合は、「ブログカード」というブロックがありますので、そこに貼り付ければ良いような気がします。
わいひら reacted
2021年2月28日 15:20
わいひら reacted
2021年2月28日 15:26
rob_1902さん
②Cocoon設定で形を縦型とかほかのものに変更しても反映されません。
よく見かけるタテ型3列とか縦長４列も指定通りにはならずどうしても添付画像からまったく姿を変えません。もうすこしカスタマイズをしたいのですが。
こちらについては、記事本文中の話ではなく、トップページやインデックスページのことと推測します。
トップページのカードタイプを変更するときは、Cocoon設定の「インデックス」タブの設定で、カードタイプを選択して変更します。
カードタイプを変更したときは、サムネイル画像のサイズが変わってしまう場合は、サムネイル画像の再生成が必要になる場合もあります。
こちらも、マニュアルページが用意されているので、あまり躓かずに設定できるかと思います。
Cocoon設定の「インデックス」タブでの設定を行う場合には、トップページは、固定ページではなく、通常のプログのインデックスページである、ブログのトップページを使用します。
この投稿は4年前 4回ずつリフィトリーに変更されました
2021年2月28日 15:39
rob_1902さん
さらにまた、トップページの話になりますが、Cocoonでは、サイト型のトップページを簡単に作成できる、「フロントページタイプ（β版）」という機能が備わっています。
Cocoonのフロントページを「タブ切り換え」や「カテゴリごと表示」にする方法
Cocoon 2.1.6公開。フロントページに「タブ切替」や「カテゴリーごと表示」機能追加
この機能を使うと、サイト型のトップページがとても簡単に作れ、カードタイプを変更することで、表示のバリエーションも豊富です。
この「フロントページタイプ」も、固定ページではなく、通常のブログのトップページを使用してcocoon設定の「インデックス」タブの設定だけで作成するとができます。
この投稿は4年前 2回ずつリフィトリーに変更されました
わいひら reacted
2021年2月28日 15:46
この「フロントページタイプ」では、カテゴリーの表示の順番を変えたり、新着記事や、カテゴリーの新着記事のエントリーカードの表示数も変更できるようになっています。
「フロントページタイプ」には、まだ、詳しいマニュアルページがないため？か、あまり宣伝されていないように感じます。
わいひら reacted
2021年2月28日 15:57
rob_1902さん
また、Cocoonでは、サムネイル画像のアスペクト比を６種類の中から選択できるようになっています。
テーマ全体のサムネイル画像の縦横比（アスペクト比）を変更する方法
アスペクト比を変更しない場合でも、トップページのカードタイプを変更したときに、サムネイル画像の再生成が必要になる場合もあります。
以下は、そのマニュアルページです。
テーマが利用しているサムネイルを再生成して最適化する方法（画像の大きさを揃える）
※サムネイル画像の再生成につきましては、全て意図したとおりに再生成されないケースもあるようですので、作業は自己責任にて行ってください。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。