サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Cocoonテーマに関する質問
19
投稿
2
ユーザー
8
Reactions
2,614
表示
トピックスターター 2020年7月17日 10:30
いつもお世話になっております。
現在、Chrome（バージョン: 83.0.4103.116（Official Build））で検証しながらページ作成を行っております。
ページURL： https://chiaroscuro.work
特定の固定ページ上部に検索ボックスを追加し、chromeとIE11では問題なく表示されているのですが、iphoneではページ上部の検索ボックスの他に、スクロールすると追従する検索ボックスも表示されてしまいます。
添付画像：上部赤枠の検索ボックスの他に、もう１つ赤枠の検索ボックスが追従する
こちらの対応方法について、お尋ねさせていただきたいのは、gitからzipファイル（cocoon-master.zip)をダウンロードし、更にこの子テーマを作成してはじめからページを作成していかないといけないのでしょうか？
それとも、cocoon-master.zipの親テーマだけをアップデイトすればよろしいのでしょうか？
お忙しいところお手数をおかけし申し訳ございませんがどうぞよろしくお願いいたします。
2020年7月17日 10:51
前略、Mari Ogawa さん
親テーマのバージョンが低サイズ版のままになっているようですので、とりあず、ダッシュボードの更新で、親テーマを最新版にアップデートしてみてください。
わいひら and Mari Ogawa reacted
トピックスターター 2020年7月17日 13:10
リフィトリーさま
ご丁寧にご連絡いただきありがとうございます。
只今、親テーマのバージョンを更新いたしましたところ、無事解決いたしました。
どうもありがとうございました。
また、同時にスマホ画面の投稿のブログカード部分、タイトルとアイキャッチ画像のスペースが妙に広かったのですが、こちらも併せて解消されておりました。
大変助かりました。 ?
今後ともどうぞよろしくお願いいたします。
わいひらさま
上記の通り、無事解決いたしましたので、こちらの投稿はご放念ください。
今後ともどうぞよろしくお願いいたします。
わいひら reacted
トピックスターター 2020年7月17日 13:36
わいひらさま
リフィトリーさま
先ほどは迅速にご回答いただきありがとうございました。
本件、ご指摘の通り、親テーマを更新したことで検索ボックスの追従は解消されたのですが、
今度はPC画面とスマホ画面ともに、Topページアイキャッチ画像のサイズが異なる表示になってしまいました。（添付画像参照ください）
スマホ画面では縦1列表示のため、それぞれサイズが異なっておりました。
もし、本件で親テーマを更新したことに伴い、子テーマでの修正も必要となる箇所などございましたらご教示願えませんでしょうか。
度々申し訳ございません。
どうぞよろしくお願いいたします。
トピックスターター 2020年7月17日 14:04
リフィトリーさま
早速ご教示いただき、大変ありがとうございました。
「Regenerate Thumbnails」は既にインストール済みでございました。
そのため、下記１と２の両方試してみたのですが、サイズは統一されないままでございます。
１．一度、無効化した後、改めて有効化
２．無効化した後に、削除後、改めてインストール
キャッシュクリアしてみたのですが、やはり変わりませんでした。
その他、考えられる原因がございましたらご教示いただければ幸いです。
どうぞよろしくお願いいたします。
2020年7月17日 14:32
@mari-ogawa さん
私のテスト環境で、「縦型カード２列」でサムネイルの再生成を行ったら、画像の高さが揃いました。
「縦型カード２列」でサムネイルの再生成を行っても、サムネイルのサイズが揃わない、とうのは私もちょっと原因がわからないです。
画像に関連するプラグイン等の影響はありませんでしょうか？
お差し支えなければ、環境情報をご提示いただくことは可能でしょうか？もし、私がわからなくても、詳しい方が診てくださるかもしれません。
その場合は、Cocoonの高速化設定もOFFになさっておいた方が良いかもしれません。
わいひら reacted
トピックスターター 2020年7月17日 14:32
リフィトリーさま
早速ご確認下さり大変ありがとうございます。
cocoon設定 → インデックス → カードタイプ
縦型2列を選択している状況でございます。
何度も申し訳ございません。
どうぞよろしくお願いいたします。
トピックスターター 2020年7月17日 14:46
リフィトリーさま
ご丁寧にフォロー下さりありがとうございます。
リフィトリーさまの環境では問題ないとのことですね。
因みに、cocoon設定 → インデックス → カードタイプ
「エントリーカード（デフォルト）」
を選択してみると同一サイズで表示されておりました。
高速化の設定をOFFにしまして、下記当方の環境設定でございます。
---------------------------------------------- サイト名：chiaroscuro サイトURL： http://chiaroscuro.work ホームURL： http://chiaroscuro.work コンテンツ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バージョン：5.4.2 PHPバージョン：7.4.4 ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36 サーバーソフト：Apache サーバープロトコル：HTTP/1.1 エンコーディング：gzip, deflate 言語：ja,en-US;q=0.9,en;q=0.8 ---------------------------------------------- テーマ名：Cocoon バージョン：2.2.1.3 カテゴリ数：1 タグ数：5 ユーザー数：1 ---------------------------------------------- 子テーマ名：Cocoon Child バージョン：1.1.2 style.cssサイズ：7621バイト functions.phpサイズ：1590バイト ---------------------------------------------- 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 ---------------------------------------------- 利用中のプラグイン： Classic Editor 1.5 Contact Form 7 5.2 Regenerate Thumbnails 3.1.3 ----------------------------------------------
引き続き検証してみます。
色々とご協力いただきましてありがとうございました。
2020年7月17日 14:52
@mari-ogawa さん
関係があるかどうかは、わからないですが、「環境情報」の、
Auto Post Thumbnail：0
という表記が、ちょっと気になりました。
これって、どこの設定をすると、このように表示されるんだったかな・・
2020年7月17日 15:03
@mari-ogawa さん
「Auto Post Thumbnail：0」は、私の環境情報にもありました。
先ほど画像のimgタグを拝見したときに、Lazy Load の class みたいなのがあったような気がするのですが、今はありませんね。
この状態で、サムネイルの再生成を行ってみると、どうでしょうか？
トピックスターター 2020年7月17日 15:19
@leafytree さま
ご丁寧にありがとうございます。
この環境でサムネイル再生成を行ってみたのですが、やはり変わらずでございました。
何が影響しているのでしょうかね。。。
地道な作業が続きそうです。
いろいろとご教示くださり感謝申し上げます。
トピックスターター 2020年7月17日 15:42
@leafytree さま
またまたどうもありがとうございます。
子テーマのfunction.phpには
１．子テーマ用のビジュアルエディタースタイルを適用
２．アイキャッチカテゴリーラベルの非表示
３．エントリーカードカテゴリーラベルの非表示
４．関連記事カードカテゴリーラベルの非表示
５．カルーセルカードカテゴリーラベルの非表示
６．投稿一覧にIDの列を追加
７．IDを表示
８．ソート可能にする
のソースが書かれております。
関係しているかも？の１から５を削除して、確認してみましたところ
やはり変わりませんでした^^;
トピックスターター 2020年7月17日 16:12
@leafytree さま
ご連絡ありがとうございます。
いえいえ、とんでもございません。
色々とお調べ下さり大変ありがとうございました。
画像のアニメーションなどが影響しているのかなぁ。。。
因みに、デフォルト以外全て画像のサイズが異なってしまいました。
解決策が見つかりましたらご返信させていただきます。
貴重なお時間をいただきまして深謝申し上げます。
トピックスターター 2020年7月20日 09:52
@leafytree さま
おはようございます。
先週は親切丁寧なご対応大変ありがとうございました。
あれから、少しソースをいじって今もう一度「Regenerate Thmbnails」を削除 → インストール →有効化 →ツールから設定
しましたところ、無事カード横2列でアイキャッチサイズが揃いました！！
何が影響していたのか明確には分からないのですが、無事に解決いたしましたのでご報告させていただきます。
重ねまして誠にありがとうございました。
今後ともどうぞよろしくお願いいたします。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。