サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2023-07-05 12:42
不具合・カスタマイズ対象ページの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設定 → テーマ情報」にある「環境情報」を貼り付けてください。
Topic starter
2023-07-05 13:30
解決のために試したこととしまして「追加CCSの削除」「プラグインEWWW Image Optimizerの無効化」も行ってみたのですがうまくいきませんでした。記載し忘れており申し訳ありません。
よろしくお願い致します。
2023-07-05 14:25
すみません、間違えていたので削除します。
2023-07-05 18:12
ローカル環境で試してみました。
パーマリンク構造は「基本」みたいですので、ローカル環境もそれに合わせました。
その結果は、以下のような感じでした。
左側から、①～⑤と番号を振ります。
- カテゴリーページへのリンク
メニューで「カテゴリー」から作成
- カテゴリーページへのリンク
メニューで「カスタムリンク」から作成
URLは、「基本」形式で入力（ドメイン名/?cat=99）
- カテゴリーページへのリンク
メニューで「カスタムリンク」から作成
URLは、スラッグ形式で入力（ドメイン名/category/xxxx/）
- タグページへのリンク
メニューで「カスタムリンク」から作成
URLは、「基本」形式で入力（ドメイン名/?tag=xxxxx）
- タグページへのリンク
メニューで「カスタムリンク」から作成
URLは、「スラッグ」形式で入力（ドメイン名/tag/xxxxx/）
上記で、アイキャッチに設定したものが、サムネイルとして表示されているのは、①と⑤です。
そして、実際にクリックして飛ぶページを確認すると。
- OK（カテゴリーページへ飛ぶ）
- OK（カテゴリーページへ飛ぶ）
- NG（トップページと同じ内容が表示されている、URLはカスタムリンクの入力と同じ）
- OK（タグページへ飛ぶ）
- NG（トップページと同じ内容が表示されている、URLはカスタムリンクの入力と同じ）
つまり、サムネイル表示と実際の飛び先の両方が上手くいっているのは、①のみです
今確認した感じでは、上記のような感じで、パーマリンクが「基本」だと、タグページの設定で上手くいく方法が見つからないです。
（今のところ）
yamamoto.t and わいひら reacted
2023-07-05 18:28
ちなみに、メニューに関しては上記のまま何も変えない状態で。
パーマリンク設定を「投稿名」に変更すると、①～⑤のすべてが、正しいページに飛びます。
サムネイルの表示は変わらないです。
（私のローカル環境は、パーマリンク設定を何回か変更していますので、参考になるのかどうか）
とりあえず、現在の状況確認ということで。
yamamoto.t reacted
2023-07-05 20:01
申し訳ないです。
「外観」－「メニュー」の表示オプションで、「タグ」を表示させていなかったので、確認が漏れていますね。
パーマリンク設定が「基本」で、メニューの「タグ」で設定してみました。
（1番右です）
サムネイル表示されませんね。
クリックして飛ぶ先も、何故かタグページではなく、トップページと同じものが表示されていました。
クリックして飛ぶ先も、何故かタグページではなく、トップページと同じものが表示されていました。
（私の環境は、パーマリンク設定を変えすぎたから？）
メニューを何も変えず、パーマリンク設定を「投稿名」にすると、サムネイル表示も飛び先も正しくなってしまいました。
yamamoto.t reacted
Topic starter
2023-07-05 22:58
＜mk２様＞
様々ご確認、検証いただきましてありがとうございます。
教えていただいた 【パーマリンク設定から設定を「投稿名」に変更】を試してみましたところ、無事画像が表示されました！
「投稿名」に変更しても、飛び先も正しく飛んでおりましたので、問題解決致しました。
ありがとうございました！！
わいひら reacted
2023-07-05 23:21
yamamoto.tさん
すみません、まだ現状確認という意味合いで、書いただけでした。
（わいひらさんがご確認くださると思いますので）
もちろん、パーマリンク設定が「投稿名」で問題ないということであれば、良いのですけれど。
（パーマリンク設定は、あまり変更しない方が良い気はします。もう変えてしまったようですので、そのままの方が良い気はします）
わいひら and yamamoto.t reacted
Topic starter
2023-07-06 11:44
承知いたしました。
ありがとうございました！
2023-07-06 17:42
＞わいひらさん
以下でパーマリンクからスラッグを取得しようとしている？
mk2さん調査した結果から、パーマリンク構造が「基本」の為、URLを置き換えができないのでは？
わいひら reacted
2023-07-06 20:03
修正しておきました。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
2023-07-07 20:26
ご確認いただきありがとうございます！
タグも、基本的には表示オプションで表示させて、「タグ」を指定するのが良いと思います。
コードから推測するに、恥ずかしながら僕この機能自体、知らなかったみたいです。。
というのもそれ用のコード自体親テーマに見つからなかったので。
タグメニューからも対応できるように修正し、「カスタムリンク」でもカテゴリーとタグには対応できるように修正してみました。
https://github.com/xserver-inc/cocoon
This post was modified 10か月前 by わいひら
ｍｋ２ reacted
2023-07-07 20:42
ご対応いただきありがとうございます。
カスタムリンクでも、表示されるようになりました。
（カテゴリー・タグ共に）
パーマリンク設定は「基本」「投稿名」を確認しましたが、どちらも表示されています。
（他のパーマリンク設定は確認していないです）
（他のパーマリンク設定は確認していないです）
わいひら reacted
Topic starter
2023-08-04 22:55
教えていただいた 【パーマリンク設定から設定を「投稿名」に変更】を試してみましたところ、無事画像が表示されました。
「投稿名」に変更しても、飛び先も正しく飛んでおりましたので、問題解決済みです。
ありがとうございました。
わいひら reacted
2023-08-04 23:02
yamamoto.tさん
ご連絡ありがとうございます。
なるほど。
パーマリンク設定の変更を本格対応としたのですね。
テーマ側の修正の確認は、私がしたということで「解決済」にしてしまいます。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。