現在「イノセンス」スキンを適用中です。

おススメカードに表示されるサムネイルが同じ画像になってしまいます。 | 不具合報告 | Cocoon フォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

対象のページのURL:

相談内容:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な返信があった場合は「いいね!」リンクもご活用ください。返信者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

スポンサーリンク
おススメカードに表示されるサムネイルが...
 
共有:
通知
すべてクリア

[解決済] おススメカードに表示されるサムネイルが同じ画像になってしまいます。


d-kai
(@d-kai)
Active Member
結合: 2週間前
投稿: 7
Topic starter  

お世話になります。初めてブログの作成にチャレンジして試行錯誤していますが、この問題は難しく数日頑張ってみましたが出来ないのでよろしくお願いいたします。

対象のページのURL: https://d-kai.co.jp/

相談内容:お世話になります。おススメカードに表示されるサムネイルが同じ画像になってしまいます。それぞれのアイキャッチの画像になるのが理想ですが、上手くできません。

解決のために試したこと:

プラグインを全部無効⇒変わりませんでした。

Category Order and Taxonomy Terms Order
Contact Form 7 を有効無効にすると画像が違う画像になりましが、全部同じものです。

サムネイルをRetinaディスプレイ対応にするチェックを入れると、画像が入らなくなり、「NO IMAGE」にもなりません。

Regenerate Thumbnailsのサムネイルの再生を試しましたが変わりません。

サイト高速化を外してあります。

 

※文字だけでは正しく伝わらない可能性があるため、画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

----------------------------------------------
サイト名:筆文字1000倍活用大作戦
サイトURL: https://d-kai.co.jp
ホームURL: https://d-kai.co.jp
コンテンツ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/veilnui-simplog-amber/style.css
WordPressバージョン:5.7.1
PHPバージョン:7.4.15
ブラウザ:Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:88.0) Gecko/20100101 Firefox/88.0
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:br, gzip, deflate
言語:ja,en-US;q=0.7,en;q=0.3
----------------------------------------------
テーマ名:Cocoon
バージョン:2.2.8.8
カテゴリ数:6
タグ数:7
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:7950バイト
functions.phpサイズ:204バイト
----------------------------------------------
Gutenberg:1
AMP:1
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
Advanced FAQ Manager (Best FAQ Plugin for WordPress) 1.0.7
Akismet Anti-Spam 4.1.9
Category Order and Taxonomy Terms Order 1.5.7.5
Contact Form 7 5.4
Contact Form 7 add confirm 5.1
Contact Form CFDB7 1.2.5.9
Easy Table of Contents 2.0.17
Regenerate Thumbnails 3.1.5
Table Of Contents Block 1.0.0
WP Multibyte Patch 2.9
----------------------------------------------

 

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。


mk2
(@mk2_mk2)
Honorable Member
結合: 2か月前
投稿: 508
 

d-kaiさん

申し訳ありませんが、他のところやりながらの状態で詳しくは調べておりません。

添付いただいた画像のサムネイルは、もしかすると「NO IMAGE画像」に設定しているものが表示されているのかもしれないという気はします。

例えば、添付いただいた画像の「書道活動について。」をクリックした先のページには、アイキャッチは設定されていないのではないでしょうか。

以下の画像は、画像ブロックなどで追加したものではないでしょうか。

 
 
アイキャッチは、エディタ画面右側の「アイキャッチ画像」で設定します。
 
 
すみません、別の作業があり、あまり詳しくは調べてはおりません。
間違っていたら申し訳ないです。

わいひら 件のいいね!
mk2
(@mk2_mk2)
Honorable Member
結合: 2か月前
投稿: 508
 

d-kaiさん

追記します。

「Cocoon設定」⇒「画像」タブから、アイキャッチの自動設定もできます。
そのページに出てくる最初の画像をアイキャッチに設定してくれます。


わいひら 件のいいね!
d-kai
(@d-kai)
Active Member
結合: 2週間前
投稿: 7
Topic starter  

mk2さま ご返信ありがとうございます。

記事ごとのアイキャッチの設定につきまして、メニューにある記事は設定させていただいています。

ご指摘いただいた画像は、ブロックから追加させていただいたものです。

アイキャッチ画像につきましてはページごとに設定させていただいていました。

アイキャッチ自動設定も何度かON,OFF試させていただきましたが変わりませんでした。

NO IMAGEにつきましては他の画像を設定させていただいています。

お手数申し訳ございません。

まだ、解決の道が見えません。

また、どうぞどうぞ、よろしくお願いいたします。


d-kai
(@d-kai)
Active Member
結合: 2週間前
投稿: 7
Topic starter  

追記申し訳ございません。

固定ページと投稿ページでは固定ページには(NO IMAGE)に設定した画像になり、投稿ページンには、アイキャッチに設定した多数の1枚で同じ画像になっています。


mk2
(@mk2_mk2)
Honorable Member
結合: 2か月前
投稿: 508
 

d-kaiさん

先程、ほんの少ししか見ることは出来ませんでしたが、その時はアイキャッチがありませんでした。

しかし、今先程と同じ「書道活動について。」を拝見すると、アイキャッチがありますね。

この後、確認してみます。


d-kai
(@d-kai)
Active Member
結合: 2週間前
投稿: 7
Topic starter  

@mk2_mk2さま、ありがとうございます。お手数おかけしますm(__)m


mk2
(@mk2_mk2)
Honorable Member
結合: 2か月前
投稿: 508
 

d-kaiさん

なかなか難しいです。

申し訳ないですが、しばらく席を外します。
戻ってくるまでに、3~4時間くらいかかるかもしれません。

大変申し訳ない限りです。
また戻ってきてから、調べてみようと思います。

その間に、1度全プラグインの無効化すると、どうなるかを試してみていただけますでしようか。


mk2
(@mk2_mk2)
Honorable Member
結合: 2か月前
投稿: 508
 

d-kaiさん

子テーマのJavaScriptについても、一旦無効化(全量コメント化など)して、試してみてください。


mk2
(@mk2_mk2)
Honorable Member
結合: 2か月前
投稿: 508
 

d-kaiさん

既に、全プラグイン無効化は、試していらっしゃったのですね。

少し分からないのは…。

投稿者:: @d-kai

Contact Form 7 を有効無効にすると画像が違う画像になりましが、全部同じものです。

上記の部分です。
となると、なんらかの干渉が起こっている可能性があるのでしょうか。
もしかするとJavaScriptかもしれないとは思いますが、ちょっと分からないですね。

もう1度、全プラグインを無効化すると、どうなるのか確認してみていただけますでしょうか。

表示されている画像は、まさにソース通りです。

なぜ、その画像を取得してしまっているのかは、なかなか外部からは分からないかもしれません。

子テーマのスタイルシート以外に、何らかのカスタマイズをなさっていますでしょうか。

私の環境でいくつか試してみましたが、発生しなかったです。


わいひら 件のいいね!
d-kai
(@d-kai)
Active Member
結合: 2週間前
投稿: 7
Topic starter  

mk2さま ご返信ありがとうございます。お待たせして申し訳ございません。

プラグインを全部無効化し、1つずつONOFFしていったところ、「Category Order and Taxonomy Terms Order」をONにしたところで、別の種類の同じ画像が並びました。

子テーマのスタイルシート以外の記述は画像の通りになります。

 

子テーマのJavaScriptの一旦無効化(全量コメント化など)につきまして、あまり詳しくなくてよくわかりませんでした。申し訳ございません。こちらを試してみました。

高速化のページのチェックを全部外しましたが変わりませんでした。

JavaScriptライブラリのバージョンを設定を変えてみましたが変わりませんでした。

投稿のコメント表示のONOFFを切り替えてみましたが変わりませんでした。

どうぞ、よろしくお願いいたしますm(__)m

 

 


mk2
(@mk2_mk2)
Honorable Member
結合: 2か月前
投稿: 508
 

d-kaiさん

今回は違うプラグインで変化があったということで、やはりちょっと何かがおかしい気がします。

全プラングイン無効化と、子テーマのJavaScript.jsの無効化を同時にお試しください。

 

子テーマのJavaScript無効化とは、4行目以降をすべて削除していただくということです。
つまり初期状態に戻すということです。
(バックアップはとっておいてください。)

もしくは、以下のように、全量コメント化してください
(4行目に「/*」、16行目に「*/」を追加。中身をすべて「/*」と「*/」で挟むイメージです。)

セキュリティに引っ掛かって書き込めませんので、中身は端折っています。

//ここに追加したいJavaScript、jQueryを記入してください。
//このJavaScriptファイルは、親テーマのJavaScriptファイルのあとに呼び出されます。
//JavaScriptやjQueryで親テーマのjavascript.jsに加えて関数を記入したい時に使用します。
/*
    xxxxxxx {

        (中略)

    }
    xxxxxxxxxxxx
*/

 

画像も添付します。


わいひら 件のいいね!
d-kai
(@d-kai)
Active Member
結合: 2週間前
投稿: 7
Topic starter  

@mk2_mk2さま このたびは、本当にありがとうございます。

JavaScript無効化教えて下さり、ありがとうございます。実行してみましたが、結果は、変わりませんでした。

そこで、ページソースから該当部分をコピーして、カスタムHTMLウィジェットに貼り付けして、個別に画像のアドレスを書き替えました。結果、当初希望していた形に出来ました。

お手伝い下さったおかげで、ようやく記事の投稿を勧められそうです。

本当にありがとうございました。m(__)m


わいひら 件のいいね!
mk2
(@mk2_mk2)
Honorable Member
結合: 2か月前
投稿: 508
 

d-kaiさん

お役に立てず、申し訳ない限りです。

不具合が起こるプラグインの組み合わせが変わっていくのが、本当に良く分からないところです。

ご自身で別の解決策を見つけていただいたとのことで、ご不便・お手数お掛けしてしまい、申し訳ないです。

私の環境でいくつか試してみたのですが再現できませんでした。
同じプラグインも使っているのですが。


わいひら 件のいいね!
d-kai
(@d-kai)
Active Member
結合: 2週間前
投稿: 7
Topic starter  

@mk2_mk2さま

 

とんでもないです。ご相談させていただいて本当に感謝です。ありがとうございますm(__)m


共有:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年9ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2021/6/30まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:2年7ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:5年

Cocoon
タイトルとURLをコピーしました