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. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

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

新着記事ブロックのサムネイルが表示され...
 
共有:
通知
すべてクリア

[解決済] 新着記事ブロックのサムネイルが表示されない件につきまして

13 投稿
2 ユーザー
9 Reactions
412 表示
(@sh-mary)
Active Member Registered
結合: 1年前
投稿: 4
トピックスターター  

不具合・カスタマイズ対象ページのURL https://kagoshima-shofuku.com

相談内容:新着記事ブロックのサムネイルが表示されない件につきまして

不具合の発生手順:該当固定ページに新着記事ブロックを使って最新記事の欄を作りました。編集画面ではサムネイルが表示されているのですが、実際のページではサムネイルが表示されず、テキストのみになってしまいます。知識がないため1人で解決することができません。お力を貸していただけますでしょうか。Coccon設定の高速化はしていません。

解決のために試したこと:①デフォルトスキンに切り替え⇒再びcoccon(子テーマ)を有効化。②2カラムなのが悪いのかなと思い、1カラムでも試しましたが同じように編集画面では表示されるけれど実際のページではテキストのみしか表示されません。

環境情報:
----------------------------------------------
サイト名:【公式】笑福キッチン
サイトURL: https://kagoshima-shofuku.com
ホームURL: https://kagoshima-shofuku.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/mil-light/style.css
WordPressバージョン:6.3.2
PHPバージョン:8.0.29
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36 Edg/118.0.2088.46
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:2.6.7
カテゴリー数:6
タグ数:3
ユーザー数: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:0
ホームイメージ:/wp-content/uploads/2023/10/sfogp.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
Async JavaScript 2.21.08.31
Autoptimize 3.1.9
Classic Editor 1.6.3
Contact Form 7 5.8.1
Disable Google Fonts 2.0
DP ALTerminator - Missing ALT manager 1.0.2
Gutenberg 16.8.1
Hide Featured Image 1.3.1
Hide Page And Post Title 1.5.7
Protect Uploads 0.5.2
Remove/hide Author, Date, Category Like Entry-Meta 2.1
SAKURA RS WP SSL 1.4.0
UpdraftPlus - Backup/Restore 1.23.10
WP Multibyte Patch 2.9
WP OPcache 4.2.0
WP Sitemap Page 1.9.2
XML Sitemap Generator for Google 4.1.13
zipaddr-jp 1.37
----------------------------------------------


   
引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

SH-Maryさん

何かのCSSで非表示にしているようです。

 
これを削除すると、表示されました。
 
 
現状、以下のプラグインでCSS等が縮小化されており、何のCSSかまでは分からないです。
投稿者:: @sh-mary

Autoptimize 3.1.9

上記プラグインは、Cocoonの高速化機能と重複し、不具合が起きることが多いです。

アンインストールなさることを強くお勧めします。
(Cocoonの高速化だけを使用する)

以下のページのように、ご案内しております。
ご参照ください。

Cocoonを利用する上でお勧めしないプラグインまとめ
https://wp-cocoon.com/not-recommended-plugins/


   
わいひら reacted
返信引用
(@sh-mary)
Active Member Registered
結合: 1年前
投稿: 4
トピックスターター  

@mk2_mk2 さん

お早い回答ありがとうございます(;;)
この部分は消しちゃっても問題ないのでしょうか…
ほとんど知識がなくこの部分に何が書かれてるのか分からないのですが…(;;)


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

SH-Maryさん

以下のプラグインを無効化してください。
(無効化していただかないと、どこに書かれているか、正確には分からないです)

投稿者:: @sh-mary

Autoptimize 3.1.9

アンインストールなさることを、強くお勧めします。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

SH-Maryさん

投稿者:: @sh-mary

Classic Editor 1.6.3
Gutenberg 16.8.1

上記のようなプラグインをインストールなさっています。

  • クラッシックエディタ
  • ブロックエディタ(Gutenberg)

どちらをご利用になりたいのでしょうか。
(前者はクラッシックエディタを利用するため、後者はブロックエディタを利用するために、使用します。相反していると思います)

Cocoonでは、上記プラグインをインストールしなくても、「Cocoon設定」-「エディタ」で、エディタの切り替えが可能です。

Cocoonの設定は、ブロックエディタが使用できる状態です。

投稿者:: @sh-mary

Gutenberg:1

 

 

こちらも、先程リンクしましたが、以下のページでご案内しております。
必ず、ご一読お願い致します。

Cocoonを利用する上でお勧めしないプラグインまとめ
https://wp-cocoon.com/not-recommended-plugins/

 

 

投稿者:: @sh-mary

Gutenberg 16.8.1

特に上記は、先進機能(正式リリース前の開発中の機能)を確認するためのものです。
開発者以外の方が、使用するものではないと思います。


   
わいひら reacted
返信引用
(@sh-mary)
Active Member Registered
結合: 1年前
投稿: 4
トピックスターター  

@mk2_mk2 さん

プラグインが原因なんですね。
指摘されたプラグインはすぐに削除します。
実は先月もプラグインが原因でサイトにログインすらできなくなるトラブルが見舞われてまして何でもかんでも入れるべきじゃないと反省しています( ;; )

リンクを貼っていただいたcocconの非推奨プラグイン一覧の記事は読んでいなかったので参考にさせていただきます。

プラグインの更新が来ると内容も見ずにすぐ更新してしまうのでグーテンベルグの件はこれが原因かと...これもよくないですね( ;; )

自力ではおそらくずっと解決出来なかったと思うので教えていただき感謝しています、ありがとうございます。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

SH-Maryさん

いえ、サムネイルの件は、プラグインが原因ではなく、何かのCSSが原因です。

但し、プラグインで縮小化なさっていて、どこに書かれたものか分からないということです。

Cocoonの高速化を無効にするお願いと同じことで、Autoptimizeが有効だと、CSSが縮小化されてしまい、どこに書かれているか、確認ができないのです。

ですので、何度も無効化をお願いしています。
(無効化していただかないと、どこに書かれたものか分かりません)

 

それとは別に、そもそもAutoptimizeは、不具合を起こすプラグインです。
Cocoonに同じ機能がありますので、使う必要はないということを申し上げました。

更に、矛盾するプラグインをインストールなさっていたので、それもご指摘致しました。
(エディタの件)


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

SH-Maryさん

まずは、以下のプラグインを無効化、もしくはアンインストールなさっていただけないでしょうか。

投稿者:: @sh-mary

Autoptimize 3.1.9

どこに書かれたCSSか分からないのです。


   
わいひら reacted
返信引用
(@sh-mary)
Active Member Registered
結合: 1年前
投稿: 4
トピックスターター  

@mk2_mk2 さん
Autoptimizeを無効化しました!
原因分かりますでしょうか...


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

SH-Maryさん

以下の赤枠部分なのですけれど。

 
上記のようなものをどこに書かれたものか、お分かりになりますでしょうか。
(ちょっと私には分からないです、何かのphpファイルにお書きになっている?)
 
おそらく、固定ページのアイキャッチを非表示なさろうとしたのだと思います。
しかし、それだけでなく、他のものまで非表示にしているということだと思います。
(この辺の意図は、実際にお書きになった方にしか分かりませんので、推測・想像です)
 
 
 
もし、固定ページ全体のアイキャッチを非表示にしたいのであれば、以下。

.page .eye-catch-wrap {
    display: none;
}

トップページにした固定ページのみ非表示であれば以下。

.page-id-212 .eye-catch-wrap {
    display: none;
}

上記のような感じで良いと思うのですが、もっと広範囲にサムネイルまで全部非表示になっていると思います。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

SH-Maryさん

只今スマホなもので、確認していないのですが。

名前から推測すると、以下のプラグインが怪しいです。

投稿者:: @sh-mary

Hide Featured Image 1.3.1
Hide Page And Post Title 1.5.7

サムネイルであれば、特に前者でしょうか。

上記のプラグインのどちらかが、先程のCSSを追加している可能性があると思います。

名前からの推測ですけれど。

あとでPCが使える時に確認してみます。(只今、晩御飯中でして)

 

ちなみに上記プラグインは、何の目的でインストールなさったのでしょうか。
(目的次第では、プラグインは不要で、CSSをお書きになれば済む話かもしれないです。)


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

SH-Maryさん

以下のプラグインが原因だと思います。

投稿者:: @sh-mary

Hide Featured Image 1.3.1

 

私の環境で試しました。

【編集画面】

 
【プラグインが無効な状態の固定ページ】
 
【プラグインが有効な状態の固定ページ】
 
 
 
このプラグインを有効にすることで、SH-Maryさんのサイトにあるものと同じCSSが、私の環境にも追加されました。
 
 
このプラグインは、5年もメンテナンスされていないようです。
 
 
 
これだけ長い期間メンテナンスされていないものは、使用しない方が良いと思います。
(WordPres 4.9系までしか確認されていないようですし)
 
何の目的で、このプラグインをご利用なのかとは思います。
 
先の返信に挙げました、2つのプラグインは、名前だけを見ると、本当に必要なのでしょうかと思ってしまいます。

   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

こちら、対処済のようですので「解決済」にしてしまいます。

 
10/23(月)の朝方が最後の閲覧のようですので、お返事はいただけないのかもしれないです。

   
わいひら reacted
返信引用
共有:

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

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

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

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

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

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

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

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