サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2019年4月12日 01:01
私は現在、ＰＣでは縦型カード3列、スマホでは縦型＆タイル型のエントリーカードを1カラムを利用していますが、サムネイルがＰＣとスマホで同じサイズになってしまうのでスマホで見ると若干ぼやけてしまいます。ＰＣとスマホでサムネイルのサイズを変えるにはどのようにしたら良いのでしょうか。
ＰＣでのサムネイルは265x149、スマホでは320x180というようにしたいです。
お手数をお掛けしますがご教示お願いいたします。
2019年4月12日 19:03
私は現在、ＰＣでは縦型カード3列、スマホでは縦型＆タイル型のエントリーカードを1カラムを利用していますが、サムネイルがＰＣとスマホで同じサイズになってしまうのでスマホで見ると若干ぼやけてしまいます。
Cocoonには、そういった機能はないと思いますが、どのように実装されていますか？
独自カスタマイズ・プラグインで行っている場合は、申し訳ないですがサポートの対象外とさせていただいています。
https://wp-cocoon.com/not-supported/
テーマの仕様外のものなので。
Topic starter
2019年4月13日 17:39
cocoon設定→インデックス→カードタイプ→縦型カード3列
「スマホ（480px以下）で表示した際に、カードタイプを「縦型カード」「タイルカード」にしている場合は、1カラムで表示します」にチェックを入れています。
このように設定していると言いたかったのですが説明が下手で分かりずらくなってしまい申し訳ございません。
2019年4月13日 20:55
そういう意味なんですね。
Cocoon設定の「画像」タブにある「Retinaディスプレイ」を有効にして、サムネイルを再生成するとどうなりますか？
https://wp-cocoon.com/retina-thumbnail/
ただ、上記の注意書きにもあるようにアイキャッチに大きな画像が設定されていないと、正常に動作しないかもしれません。
それでもうまくいかない場合、詳しくは、実際のURLを提示していただいて、ソースコードを見てみないと何とも言えないかもしれません。
Topic starter
2019年4月16日 03:48
わいひら様
アドバイス通りに作業したら希望していた形のなりました。有難うございます。
あと、もうひとつアドバイスを頂きたいのですが、インデックスの縦型カード2列のサムネイルを530×298にしようとしているのですが上手くいきません。
functions.phpに「add_image_size('thumb530', 530, 298, true);」を追加
entry-card.phpのcase 'vertical_card_2'に「$thumbnail_size = thumb530;」を記入
$thumbnail_sizeをthumb320にしたら320×180のサムネイルになったのでthumb530にすれば上手くいくかと思ったのですが、largeサイズが適用されてしまいます。
2019年4月16日 19:27
申し訳ないですが、フォーラムの案内にもあるように1つのトピックに一つの質問でお願いいたします。
また、重ねて申し訳ないですがサポート対象外のものにもあるように独自カスタマイズによりよく起こる不具合については、サポート対象外とさせていただいています。
というのも、PHPファイルの問題は、こちら側からはうかがい知ることができないからです。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。