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