サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021-11-16 00:17
アイキャッチ画像が記事一覧に表示するにはどうしたらよろしいでしょうか。
設定など色々確認しましたが、うまくいきませんでした。
2021-11-16 01:44
URLの提示があった方が回答がしやすいです。
また、「色々確認した」の「色々」の内容が書かれていないと既に試したことをご案内することになる気がします。
- アイキャッチ画像が設定されているか？
- (いちいち設定せずに表示されて欲しい場合)Cocoon設定>画像>アイキャッチの自動設定にチェックが入っているか？
とかがまず確認する部分でしょうか。
わいひら reacted
2021-11-16 09:02
前略、yunosuさん
ここは、「雑談」のトピックです。
ここに質問を書き込んでしまうと、他の方が、質問内容のタイトルから、検索できません。
お手数ですが、「テーマの質問」のジャンルに新たにご質問のトピックを立ててくださるよう、お願いします。
Topic starter
2021-11-16 09:45
2021-11-16 10:39
お手数ですが、「テーマの質問」のジャンルに新たにご質問のトピックを立ててくださるよう、お願いします。
テーマ質問からもう一度ご質問します。
トピックが重複してしまうので、今回はこのトピックで進めてもいいかと思います。次回から気をつけていただければいいかと。
適切なトピックがわからない場合は「Cocoonテーマに関する質問」か「ブログ相談」辺りにトピックを立てるのが無難かと思います。
また、フォーラムに書き込む際はフォーラムガイドラインをご一読ください。
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、フォーラム上部のテンプレートを利用すると分かりやすいと思います。
わいひら reacted
Topic starter
2021-11-16 11:13
@saruko さる子さん
ご回答ありがとうございます。
下記、試した内容になります。
1.ピックアップコンテンツの作成
2.おすすめカードの作成
・プレビューに表示されませんでした。
・どこから画像を添付するのかが分かりませんでした。
3.アイキャッチの設定
----------------------------------------------
サイト名：Guitar Ukulele lesson beginner music school
サイトURL： https://nichigita.com
ホームURL： https://nichigita.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-season-summer/style.css
WordPressバージョン：5.8.2
PHPバージョン：7.4.25
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.3.7.1
カテゴリ数：2
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：1
Retina：1
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 4.1.10
All in One SEO 4.1.5.1
Gutenberg 11.9.0
----------------------------------------------
2021-11-16 12:51
@yunosu さん
下手な鉄砲も数撃ちゃ当たる的な返信ですが、以下のトピック辺りが参考にならないかな、と思いました。
[解決済] 記事編集画面にアイキャッチの設定項目が見当たらない
https://wp-cocoon.com/community/postid/57658/
あと、ソースコードを拝見しますと記事本文のアイキャッチ画像が非表示の設定になっているようなので、「本文上にアイキャッチ画像を表示する」のチェックを一旦外して、「変更をまとめて保存」で確定し、再度チェックを入れて「変更をまとめて保存」をしてみる、とか・・
This post was modified 2年前 3回 by リフィトリー
わいひら reacted
Topic starter
2021-11-16 13:53
リフィトリーさん
ご回答ありがとうございます。
＞本文上にアイキャッチ画像を表示する」のチェックを一旦外して、「変更をまとめて保存」で確定し、再度チェックを入れて「変更をまとめて保存」をしてみる
こちら試してみましたがうまくいきませんでした。
表示オプションでアイキャッチにチェックが入っているにも関わらず下にスクロールをしても設定画面が表示されません。。
2021-11-16 14:43
@yunosu さん
アイキャッチ画像やサムネイル画像の表示とは無関係かもしれませんが、プラグインの「Gutenberg 11.9.0」はインストールしない方が無難かと思います。
cocoonの親テーマは、WordPressに同梱されているブロックエディターに合わせて開発されている、と思われますので、それより新しいブロックエディターだと対応できていない部分もあるかもしれません。
あと、プラグインの「WP Multibyte Patch」は日本語環境でWordPressを利用する際は、インストール必須だそうです。インストールしておいた方が無難かもしれません。
プラグインについては、わいひらさんがご案内くださっています。
Cocoonテーマとあわせて使用するのにお勧めなプラグインまとめ
https://wp-cocoon.com/recommended-plugins/
Cocoonを利用する上でお勧めしないプラグインまとめ
This post was modified 2年前 4回 by リフィトリー
わいひら reacted
2021-11-16 18:46
yunosuさん
いくつか気になることはありますが、まずは1つ。
表示オプションでアイキャッチにチェックが入っているにも関わらず下にスクロールをしても設定画面が表示されません。。
上記はどういう状態でしょうか。
- 投稿一覧が表示されない
- 投稿一覧は表示されるが、アイキャッチ欄が表示されない
1だとすると、投稿の編集すらできないと思うのですが。
下にスクロールをしても設定画面が表示されません。。
「設定画面」とは、おそらく「投稿一覧」のことだと思いますが、この書き方だと上記の1のような印象を受けたのですが。
わいひら reacted
2021-11-16 18:47
表示オプションでアイキャッチにチェックが入っているにも関わらず下にスクロールをしても設定画面が表示されません。。
こちらの画面は記事一覧のページではないでしょうか。ブロックエディター（Gutenberg）は投稿画面からアイキャッチの設定をします。投稿メニュー→新規追加の画面や、投稿一覧→編集を押した時の画面です。
「記事編集画面にアイキャッチの設定項目が見当たらない」トピックの画像も投稿画面のものです。
画像を添付する場合はどの画面かわかるようにしていただけると助かります。基本的に画面全体そのまま載せていただいて、個人情報やどうしても見られたくない部分だけ加工して隠していただければ幸いです。（モザイクやぼかす等）
正確な情報をいただかないと回答者も推測しかできなかったり、的外れな答えを言ってしまう可能性があります。お手数ですがご協力をお願いします。
わいひら reacted
2021-11-16 20:14
yunosuさん
もしかすると、WordPress？にクセがあるかも知れません。
yunosuさんの現状の設定は、以下の画像の通り。
かつ、各投稿にてアイキャッチの設定をしていないという事のように思います。
（つまり、各投稿の最初の画像をアイキャッチに自動設定している）
この場合、新しく作ったローカル環境では、yunosuさんと同様の事象が発生しました。
- 試しに「未分類（Uncategorized）」カテゴリーにアイキャッチを設定すると、この事象が突然解消されました
画像のある投稿は、1枚目の画像がアイキャッチとして表示され、エントリーカードにも、アイキャッチのサムネイルが表示されました。
ただし、アイキャッチを未設定、かつ、画像のない投稿は、カテゴリーのアイキャッチが適用されます
（これは仕様ですので）
- 上記の後、カテゴリーのアイキャッチを「クリア」すると、想定通りのアイキャッチ設定状況になりました
上記手順を試してみていただけますでしょうか。
2021-11-16 21:34
別に新しく環境を作ってみたものの、今度は再現しませんでした。
そして、一度正しく表示された環境ではもう再現できません。
いったい何が原因だったのか。
もはや再現できたのかすら分からなくなってきました?
もう一度再現したいのですけど。
（再現できたら、状況をキャプチャしようと思ったのですが・・・）
わいひら reacted
2021-11-16 21:50
@mk2_mk2 さん
私も新しいテストサイトでちょっとだけ試してみたのですが、画像1枚だけの記事の場合は、「アイキャッチ自動設定を有効にする」にチェックを入れても、エントリーカードのサムネイル画像は「NO IMAGE」になり、記事に２枚の画像を掲載したら、エントリーカードのサムネイル画像がアイキャッチ画像になり、記事自体のアイキャッチ画像も表示されました。
「アイキャッチ自動設定」の表示の条件によるのでしょうか？
それも気にはなるのですが、やはりわいひらさんがご質問されているように、記事編集ページのアイキャッチ画像の設定オプションが、ちゃんと表示されているかどうかというのも気になります。
This post was modified 2年前 2回 by リフィトリー
わいひら reacted
2021-11-16 22:01
リフィトリーさん
私も上手く再現できません。
ただ、少しややこしい手順を踏むと、何となくできそうな気はしてきました。
今少し整理しています。
2021-11-16 22:03
yunosuさん
前言撤回します。
以下の返信は忘れてください。
https://wp-cocoon.com/community/postid/58031/
もし、投稿編集画面が開くのであれば。
何も編集しなくて良いので、「更新」だけしてみていただけますでしょうか。
これで上手くいくかは分かりませんが。
2021-11-16 22:08
新しい環境を作って再現を試みましたが、、なかなか上手くいきません。
ただ、なかなか上手くいかないと、イロイロ変更している内に、再現したような、していないようなものはありました。
yunosuさんが、果たして、この事象なのかは分かりません。
長くなりますが、私は、以下の手順でやってみました。
まずは、新規に環境作成。
以下は、yunosuさんと同じ状態にします。
そして、新規投稿を2つしました。
1つは、アイキャッチ設定なし、投稿に画像もない状態です。
もう1つは、以下の画像のように、アイキャッチ設定はしませんでしたが、投稿に画像をいれました。
すると、結果は、以下の通り。
インデックスと投稿一覧の画像です。
画像を設定した投稿の編集画面を開くと、アイキャッチが自動で設定されていました。
続いて、Cocoon設定のアイキャッチ自動設定を外します。
そして、投稿編集画面で、アイキャッチも削除します。
すると、インデックスからも投稿一覧からもアイキャッチのサムネイルは消えます。
この状態で、Cocoon設定で、アイキャッチ自動設定に戻します。
しかし、インデックスや投稿一覧に、アイキャッチは反映されません。
いろいろ試している間に、こういう状態になった可能性はあるのかなと思いました。
この状態で、テーマの設定更新にあわせて、全投稿を自動更新する訳にもいかないと思いますし、これは仕方のないことなのではないかとも思います。
解消するにはどうするのかですが。
ここで、再度、投稿編集画面を開きます。
何も投稿内容の修正は行わず、「空更新」を行います。
すると、また自動設定されて、インデックスや投稿一覧にアイキャッチのサムネイルが設定されました。
こういう流れなのかなという、あくまでも推測です。
既存投稿は、途中でCocoon設定から自動設定にしても反映はされない・・・という感じでしょうか。
（先にも書きましたが、設定を変えたからと言って、全投稿を自動更新はできないと思いますので、仕方ない気がします。）
（先にも書きましたが、設定を変えたからと言って、全投稿を自動更新はできないと思いますので、仕方ない気がします。）
2021-11-16 22:30
とりあえず、以上です。
一旦これで、私が試すのはおしまいにしようと思います。
その理由ですが。
18時頃か19時頃かは忘れましたが、yunosuさんは何度か閲覧なさっています。
しかし、リアクションなさっていません。
リアクションしていただかないと、正直状況も分かりませんし、闇雲にこちらの時間を使うだけですので。
（これまでにいくつかyunosuさんに対するご質問もあがっていますが、それらにもリアクションなさっていません。）
今も閲覧なさっていますが、また離脱なさったようです。
（28秒前に離脱・・・。）
【追記】
お戻りになったようですね。
Topic starter
2021-11-16 22:52
皆様
お忙しい中、ご回答ありがとうございます。
スクリーンショットを添付いたしました。
Topic starter
2021-11-16 23:12
新規でテストで作成したら出来ました。
しかし過去に投稿したものに画像の載せ方がまだよくわからない状態です。
2021-11-16 23:40
yunosuさん
投稿一覧は表示されていない状態です。
私には、投稿一覧が表示されているように見えますが・・・。
ブラウザのスクロールバーが表示されていない？
2021-11-16 23:43
ちなみに、リフィトリーさんも仰っている通り、意図した画像をアイキャッチに設定したいのであれば、ご自分でアイキャッチの設定を行うのがよろしいかと、私も思います。
「WordPress アイキャッチ 設定」で検索すれば、いくつか記事が見つかります。
例えば以下。
WordPressでアイキャッチを設定する方法
https://ferret-plus.com/14025
わいひら reacted
2021-11-17 01:42
yunosuさん
既に手元にはスマホしかありませんが、少しだけ。
現在の状況や、何にお困りなのかを、可能な限り詳しくお伝えいただけますと、大変助かります。
おそらく今回は、回答側が少し突っ走ったのかなと思ってはいます。（反省中。）
ご質問内容から得られる情報が少ない状態でも、お困りのことがあれば解決したいという思いで、皆様お忙しい中時間を使ってくださっています。
ご質問にあたっては、その負荷を可能な限り軽減できるようにご協力いただきたく思います。
（おそらく、ご質問者の方の何倍も時間を使っています、回答側の皆様。）
画像添付はありがたいのですが、言葉でもご説明をお願いします。
何より、ご自分の環境で起きていることですので、説明はご本人にしかできません。
yunosuさんが何にお困りなのかは、yunosuさんご本人にしか分かりません。
回答側があれこれ推測するのではなく、ご質問内容を見て「これだ」と回答するだけで済むことが理想です。
（あくまでも理想です。）
簡単ではないと思いますが、ご協力いただきたく、お願い致します。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。