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カスタマイズ依頼

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

おすすめカードの画像が表示されず、「N...
 
共有:
通知
すべてクリア

[解決済] おすすめカードの画像が表示されず、「No IMAGE」表示となってしまいます。

20 投稿
4 ユーザー
15 Reactions
682 表示
(@yamamoto-t)
Eminent Member Registered
結合: 1年前
投稿: 21
Topic starter  

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

相談内容:ホーム画面ヘッダーメニュー下に作成しました、おすすめカードの画像が表示されず、「No IMAGE」表示となってしまうため画像を表示させたいです。

 

不具合の発生手順:おすすめカードを設置。項目が多かったため、表示方法を見やすくするためCCSをインターネットにて検索して「追加CCS」へ貼り付けを行った。その後、タグやカテゴリーにアイキャッチ画像を設置し画像表示を試みましたが、画像の表示がされませんでした。追加CCSに記載したのは以下の通りです。

.recommended .navi-entry-cards {
flex-wrap: wrap;
}

.recommended .navi-entry-card-link {
width: 20%;

.home .entry-title { display: none; }

 

解決のために試したこと:キャッシュクリア、タグ・カテゴリーのアイキャッチ画像設定、画像URLのhttpsの確認、一日待機(実際は3日)、

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

----------------------------------------------
サイト名:筏.com
サイトURL: https://www.turisi-take.com
ホームURL: https://www.turisi-take.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
WordPressバージョン:6.2.2
PHPバージョン:7.4.33
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.6.1.6
カテゴリー数:14
タグ数:20
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:845バイト
functions.phpサイズ:203バイト
----------------------------------------------
Gutenberg:1
AMP:0
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
----------------------------------------------
利用中のプラグイン:
ConoHa WING コントロールパネルプラグイン 1.2
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.7.7
EWWW Image Optimizer 7.1.0
Search & Filter 1.2.16
Site Reviews 6.9.5
----------------------------------------------

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


   
(@yamamoto-t)
Eminent Member Registered
結合: 1年前
投稿: 21
Topic starter  

解決のために試したこととしまして「追加CCSの削除」「プラグインEWWW Image Optimizerの無効化」も行ってみたのですがうまくいきませんでした。記載し忘れており申し訳ありません。

よろしくお願い致します。


   
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2841
 

すみません、間違えていたので削除します。


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

ローカル環境で試してみました。

パーマリンク構造は「基本」みたいですので、ローカル環境もそれに合わせました。

その結果は、以下のような感じでした。

 
左側から、①~⑤と番号を振ります。
 
  1. カテゴリーページへのリンク
    メニューで「カテゴリー」から作成
     
  2. カテゴリーページへのリンク
    メニューで「カスタムリンク」から作成
    URLは、「基本」形式で入力(ドメイン名/?cat=99)
     
  3. カテゴリーページへのリンク
    メニューで「カスタムリンク」から作成
    URLは、スラッグ形式で入力(ドメイン名/category/xxxx/)
     
  4. タグページへのリンク
    メニューで「カスタムリンク」から作成
    URLは、「基本」形式で入力(ドメイン名/?tag=xxxxx)
     
  5.  タグページへのリンク
    メニューで「カスタムリンク」から作成
    URLは、「スラッグ」形式で入力(ドメイン名/tag/xxxxx/)

上記で、アイキャッチに設定したものが、サムネイルとして表示されているのは、①と⑤です。

 

そして、実際にクリックして飛ぶページを確認すると。

  1. OK(カテゴリーページへ飛ぶ)
  2. OK(カテゴリーページへ飛ぶ)
  3. NG(トップページと同じ内容が表示されている、URLはカスタムリンクの入力と同じ)
  4. OK(タグページへ飛ぶ)
  5. NG(トップページと同じ内容が表示されている、URLはカスタムリンクの入力と同じ)

 
つまり、サムネイル表示と実際の飛び先の両方が上手くいっているのは、①のみです

 

今確認した感じでは、上記のような感じで、パーマリンクが「基本」だと、タグページの設定で上手くいく方法が見つからないです。
(今のところ)


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

ちなみに、メニューに関しては上記のまま何も変えない状態で。

パーマリンク設定を「投稿名」に変更すると、①~⑤のすべてが、正しいページに飛びます。
サムネイルの表示は変わらないです。

(私のローカル環境は、パーマリンク設定を何回か変更していますので、参考になるのかどうか)

とりあえず、現在の状況確認ということで。


   
yamamoto.t reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7831
 

申し訳ないです。

「外観」-「メニュー」の表示オプションで、「タグ」を表示させていなかったので、確認が漏れていますね。

 

パーマリンク設定が「基本」で、メニューの「タグ」で設定してみました。
(1番右です)

 
サムネイル表示されませんね。
クリックして飛ぶ先も、何故かタグページではなく、トップページと同じものが表示されていました。
 
(私の環境は、パーマリンク設定を変えすぎたから?)
 
メニューを何も変えず、パーマリンク設定を「投稿名」にすると、サムネイル表示も飛び先も正しくなってしまいました。

   
yamamoto.t reacted
(@yamamoto-t)
Eminent Member Registered
結合: 1年前
投稿: 21
Topic starter  

<mk2様>

様々ご確認、検証いただきましてありがとうございます。

 

教えていただいた 【パーマリンク設定から設定を「投稿名」に変更】を試してみましたところ、無事画像が表示されました!

 

「投稿名」に変更しても、飛び先も正しく飛んでおりましたので、問題解決致しました。

ありがとうございました!!


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7831
 

yamamoto.tさん

すみません、まだ現状確認という意味合いで、書いただけでした。
(わいひらさんがご確認くださると思いますので)

もちろん、パーマリンク設定が「投稿名」で問題ないということであれば、良いのですけれど。
(パーマリンク設定は、あまり変更しない方が良い気はします。もう変えてしまったようですので、そのままの方が良い気はします)


   
(@yamamoto-t)
Eminent Member Registered
結合: 1年前
投稿: 21
Topic starter  

承知いたしました。

ありがとうございました!


   
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2841
 

>わいひらさん
以下でパーマリンクからスラッグを取得しようとしている?
mk2さん調査した結果から、パーマリンク構造が「基本」の為、URLを置き換えができないのでは?

https://github.com/xserver-inc/cocoon/blob/b6ab6b1923359999e187ee6924c79dd0369f0435/lib/utils.php#L2897-L2916


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

修正しておきました。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

投稿者:: @mk2_mk2

 

  • カテゴリーページへのリンク
    メニューで「カテゴリー」から作成
     
  • カテゴリーページへのリンク
    メニューで「カスタムリンク」から作成
    URLは、「基本」形式で入力(ドメイン名/?cat=99)
     
  • カテゴリーページへのリンク
    メニューで「カスタムリンク」から作成
    URLは、スラッグ形式で入力(ドメイン名/category/xxxx/)

 

カテゴリーについてはメニューにカテゴリー設定用のアイテムがあるので、こちらで対応していただくことになると思います。


   
mk2 reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2841
 

@yhira さん

GitHubにコミットされておらず。確認願います。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

すいません。書き込み後しばらくしてコミット忘れに気付いたのでコミットしておきました。


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

ご対応いただきありがとうございます。

パーマリンク設定が「基本」の場合も、タグについてサムネイル表示がされていることを確認しました。

 
並びは、以前と同様です。
(パーマリンク設定を「投稿名」に変更しても、同様に右3つはサムネイル表示されていました。)
 
 
投稿者:: @yhira

カテゴリーについてはメニューにカテゴリー設定用のアイテムがあるので、こちらで対応していただくことになると思います。

タグも、基本的には表示オプションで表示させて、「タグ」を指定するのが良いと思います。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

ご確認いただきありがとうございます!

投稿者:: @mk2_mk2

タグも、基本的には表示オプションで表示させて、「タグ」を指定するのが良いと思います。

コードから推測するに、恥ずかしながら僕この機能自体、知らなかったみたいです。。
というのもそれ用のコード自体親テーマに見つからなかったので。
タグメニューからも対応できるように修正し、「カスタムリンク」でもカテゴリーとタグには対応できるように修正してみました。
https://github.com/xserver-inc/cocoon

This post was modified 1年前 by わいひら

   
mk2 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7831
 

ご対応いただきありがとうございます。

カスタムリンクでも、表示されるようになりました。
(カテゴリー・タグ共に)

 
パーマリンク設定は「基本」「投稿名」を確認しましたが、どちらも表示されています。
(他のパーマリンク設定は確認していないです)

   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

ご確認いただきありがとうございます!


   
(@yamamoto-t)
Eminent Member Registered
結合: 1年前
投稿: 21
Topic starter  

教えていただいた 【パーマリンク設定から設定を「投稿名」に変更】を試してみましたところ、無事画像が表示されました。

 

「投稿名」に変更しても、飛び先も正しく飛んでおりましたので、問題解決済みです。
  ありがとうございました。


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7831
 

yamamoto.tさん

ご連絡ありがとうございます。

なるほど。
パーマリンク設定の変更を本格対応としたのですね。

テーマ側の修正の確認は、私がしたということで「解決済」にしてしまいます。


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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