サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2018年9月19日 07:41
自分の認識が間違っていたらすみません。トップページの記事横に表示される画像をサムネイル、各ページのタイトル下に表示される画像をアイキャッチとして書かせて頂きます。
アイキャッチとサムネイルは同じ画像を使用していると認識しております。サムネイルで画像の上下が切れてしまい、綺麗に表示されません。アイキャッチ、サムネイルともに切れずに全体を表示させるには、どのくらいのサイズで画像を作成するのがよいでしょうか？
初歩的な質問で申し訳ありません、よろしくお願い致します。
2018年9月19日 08:27
トップページの記事横に表示される画像を
デフォルトで設定されてると想定しますね。
width="320" height="180" この比率です。
確認先
2018年9月19日 19:43
アイキャッチとサムネイルは同じ画像を使用していると認識しております。
まず、アイキャッチとサムネイルの画像は同じではありません。
サムネイルは、テーマがで設定したサイズの画像が、画像アップロード時に生成されています。
カスタマイズでサムネイルをそういった画像サイズに設定することも可能ですが、スマートにコードを書くには、現在のインデックスページのタイプを知る必要があります。
よろしければ、実際のページのURLを貼り付けていただけますでしょうか。
2018年9月19日 21:26
アイキャッチとサムネイルは同じ画像を使用していると認識しております。
同じ画像をテーマ側でリサイズしたものを使っているって感じかと思われます。※トップページがデフォルトの場合。
完全デフォルトでキチンと表示させたい場合は、設定を変更したら『大きな…』てもの→大きな画像にすればすべてをそのまま表示させていたのをローカルで確認しました。
私もテーマに合わせて画像を作るより、わいひらさんの言うようにカスタマイズで変更したほうが良い気がします…。
カスタマイズでサムネイルをそういった画像サイズに設定することも可能ですが、スマートにコードを書くには、現在のインデックスページのタイプを知る必要があります。
わいひら reacted
Topic starter
2018年9月20日 15:36
返信ありがとうございます。
現在は、インデックス カードタイプはエントリーカード（デフォルト）を使用しています。
ただ、この部分が変更できることをいま知ったので、他のカードタイプの場合のサイズでも教えて頂けると助かります。
よろしくお願いします。
2018年9月20日 17:25
この部分が変更できることをいま知った
Cocoon設定のインデックスタブで変更、ってことですね。色々変えてみると良いと思いますよ。元々の意図は以下の通りですよね。
サムネイルで画像の上下が切れてしまい、綺麗に表示されません。アイキャッチ、サムネイルともに切れずに全体を表示させる
タイルカード2列や大きなカードなどそのままの大きさだったりするので『キレイに表示される』設定もあるので一度チェックしてみてはどうですか？
https://wp-cocoon.com/regenerate-thumbnails/
設定によって何か複雑？な計算があるみたいで、私的にハッキリ『このサイズ！』とは言えません❦
わいひら reacted
Topic starter
2018年9月20日 18:24
返信ありがとうございます。
教えていただいた「regenerate-thumbnails」は、ある画像をサムネイルならサムネイル、アイキャッチならアイキャッチの適切なサイズの画像を作成してくれるような機能？でしょうか？
実行してみたのですが、画像のファイルは特に増えていないような・・・？
2018年9月20日 20:18
regenerate-thumbnails」は、ある画像をサムネイルならサムネイル、アイキャッチならアイキャッチの適切なサイズの画像を作成してくれるような機能？でしょうか？
ブルさんがおっしゃる『適切なサイズ』って作った画像そのものの比率ですよね。
テーマ側で別の比率で指定された画像サイズと言う面での適切なサイズになります。
WordPressのメディアを一見みても増えてないかと思われますが、FTPで見ると色んなサイズが生成されているのが分かります。
パス：wp-content/uploads/2018/09フォルダ内に存在する
わいひらさんがはじめに書かれているように、カスタマイズで対応できると言うのは、ブルさんがおっしゃる『適切なサイズ』に対応しよう！
でも設定を知りたいから、URLの提示をとあります。
気に入った設定をまず選ばれたほうが良いかと思いますよ❦
あとキャッシュ系プラグインなど使ってましたら、キャッシュの削除を試してご確認ください。
わいひら reacted
2018年9月20日 21:06
出来れば、インデックスページのURLを提示していただければと思います。
そうすると、設定状態が一目瞭然なので。
Topic starter
2018年9月28日 18:40
いろいろ教えて頂きありがとうございます。
わけあってインデックスページは貼れません。
教えていただいたのに申し訳ありません。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。