サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Registered
Famed Member
結合: 2018年3月19日 21:15
Last seen: 2024年3月14日 23:21
Last seen: 2024年3月14日 23:21
フォロー
RE: PHPコードで追加したアドセンス広告の非表示に関して
わいひらさん（寝ログ）がお書きになっているコードに下記の箇所があります。 if ( is_single() ) {//投稿ページ この部分をこのように変更すれば、Cocoon 設定が反映されます。 if ( is_single() && is_ads_visible()) ...
3年前
フォーラム
RE: トップへ戻るボタンの応用方法
まずは、takaaa さんがお書きになった CSS の削除をお願いします。また、HTML も元に戻してください。 アイコンの変更 私は SVG でアイコンを表示しましたが、どうやってアイコンを表示されたいですか？もし、Font Awesome を CSS で表示されたい場合は、HTML を下...
3年前
フォーラム
RE: サイトトップ画面のキャッチフレーズ位置の調整
CSS を変更後の画面幅が 481px の時の検索窓。 comapusenn.com_1.png
3年前
フォーラム
RE: サイトトップ画面のキャッチフレーズ位置の調整
その CSS を適用した場合、画面幅が 481px の時に添付画像のようになります。検索窓が小さいです。 私であれば、その CSS を下記のものに変更します。 .search-box { width: min(100% - 32px, 400px); margin-inline:...
3年前
フォーラム
RE: トップへ戻るボタンの応用方法
子テーマの tmp-user / footer-insert.php に下記コードを追加します。 次に、子テーマの style.css に下記 CSS を追加します。 .go-to-comment { bottom: 64px; } これで完成です。 ただ、「トップへ戻る...
3年前
フォーラム
RE: サイトトップ画面のキャッチフレーズ位置の調整
キャッチフレーズとは、「アプリの総合サイト」をおっしゃっていますか？私の環境では、特に位置がずれている箇所はないように見えます。 尚、カスタム CSS にお書きの CSS に間違いがあります。以下の CSS にご変更ください。 ※ この CSS を本当に適用していいのか確認が必要です。 ...
3年前
フォーラム
RE: サイドバーについて
画像を jpg に変換。 1649250722-F779EB4D-AACC-43CB-B657-0B72E3A75880-1.jpg
3年前
フォーラム
RE: page-○.phpで作った個別ページだけPVがカウントされない
もし、wp_head() の追加に不都合がある場合は、<head> 内に下記のものを追加しても PV を取得できると思います。 <?php //アクセスカウント取得用スタイル if (!is_admin() && is_singular() &&...
3年前
フォーラム
RE: page-○.phpで作った個別ページだけPVがカウントされない
Cocoon で Tailwind CSS をお使いのサイトを初めて見ました。 で、本題です。 <head> 内に wp_head() がないためだと思います。wp_head() の追加前と追加後の <head> 内をデベロッパーツールで見比べると、全く違うことにお気...
3年前
フォーラム
RE: SNSフォローボタンの位置
添付画像のようなものでいいでしょうか。であれば、この CSS でいけます。 .sns-follow-buttons { justify-content: flex-end; } .sns-follow-buttons a { width: 40px; margin: 0 5...
3年前
フォーラム
RE: 広告ウィジェットを新しいタブで開きたい
子テーマの functions.php への下記コードの追加で、Cocoon 設定の「外部リンクの開き方」が反映されます。 ただし、自己責任で行ってください。広告の成果が反映されなくなるかもしれません。
3年前
フォーラム
RE: 固定ページに挿入したアーカイブの表記を消したい（又は変えたい）
CSS で非表示にする場合は、私であれば下記の CSS を使います。 .wp-block-archives-dropdown label { position: absolute; left: -10000px; width: 1px; height: 1px; o...
3年前
フォーラム
RE: コクーン引用タブでの、引用符の文字化けについて
Font Awesome ４とFont Awesome ５では、何が違うんでしょうか？ Ver.4 と Ver.5 の主な違いは 3 つです。 見た目が違う。Ver.5 の方が今風。 使える種類が違う。Ver.5 の方が多い。 使い方が違う。 Font Awesome ...
3年前
フォーラム
RE: コクーン引用タブでの、引用符の文字化けについて
@yumaiblog さん Cocoon 設定 > 全体タブにある「サイトアイコンフォント」で Font Awesome 5 を選択してもアイコンは表示されないでしょうか？ yumaiblog さんのサイトは、Font Awesome 5 に変更しても特に問題は起きないように思えます。...
3年前
フォーラム
RE: エントリーカード末尾の「投稿日」「更新日」の文字（数字）サイズを小さくしたい。色も薄いグレーにしたい。
子テーマの style.css への CSS の追加で変更できます。以下の CSS で変更できない場合は、CSS の縮小を無効にしていただけないでしょうか。 .post-date, .post-update { color: #646464; font-size: .75em; }
3年前
フォーラム
RE: コクーン引用タブでの、引用符の文字化けについて
スキンの「モノクロ」をお使いでしょうか？であれば、スキンの不具合です。 すぐにアイコンを表示されたい場合は、Cocoon 設定 > 全体タブにある「サイトアイコンフォント」で Font Awesome 5 をご選択ください。それでも表示されない場合は、環境情報をご提示いただけないでしょうか...
3年前
フォーラム
RE: ウィジェットのブロックでリスト表示が適用されない（プレーンな書式になる）
こんな CSS であれば、ウィジェットのブロックの全てで ul タグと ul タグの中にある a タグを Cocoon デフォルトの投稿本文と同じにはできます。 .widget_block ul { all: revert; margin: 0 0 1.8em; } .wid...
3年前
フォーラム
RE: ウェブフォント読み込み中のテキストの表示の不具合
しかし、私はこのバッジを意図的に入れた覚えがないのですが、自然に入ってしまうのでしょうか？ おそらく、Contact Form 7 が reCAPTCHA を読み込んでいると思います。 他のコクーン利用者と何が違いなのでしょうか？ 他の利用者のサイトを拝見していないため分かり...
3年前
フォーラム
RE: ウィジェットのブロックでリスト表示が適用されない（プレーンな書式になる）
親テーマでウィジェット内の ul に対する CSS が指定されているためです。 子テーマの style.css への CSS の追加で変更できます。 .widget-above-single-content-title ul { list-style: disc; } ※ widg...
3年前
フォーラム
RE: ウェブフォント読み込み中のテキストの表示の不具合
サイトの右下にある reCAPTCHA のバッジで Googleフォントの Roboto が読み込まれています。その読み込む CSS に font-display の指定がないとの警告です。 これは、どうにもできないと思います。 ただ、バッジを非表示にした場合は、警告がなくなるかもしれません...
3年前
フォーラム
RE: 最近のコメントウィジェットのタイトルの抜粋がしたい
最近のコメントウィジェットとは、Cocoon 独自のウィジェットの [C] 最近のコメント で合っているでしょうか？ であれば、CSS でのカスタマイズが簡単です。子テーマの style.css に、このような CSS を追加します。 .recent-comment-article { ...
3年前
フォーラム
RE: 投稿日の非表示の仕様について
アイコンは見てませんでした。私の環境でも設定どおりに表示されます。
3年前
フォーラム
RE: アイキャッチに縦長画像を選択した時、PCで見た時だけサイズを小さくしたい
申し訳ないです。書き忘れていました。念の為、追記しておきます。 任意のアスペクト比で切り取る 2 つ目の CSS をお書きになる場合は、最初に提示した ↓ の CSS の削除が必要です。 .entry-card .entry-card-thumb { text-align: cente...
3年前
フォーラム
RE: アイキャッチに縦長画像を選択した時、PCで見た時だけサイズを小さくしたい
縦長画像が大きくならない上に、端を揃えるために、私であれば画像を任意のアスペクト比で切り取ります。 この方法の場合は、下記の CSS を子テーマの style.css に追加します。 .entry-card img { /* アスペクト比の指定 */ aspect-ratio: ...
3年前
フォーラム
RE: アイキャッチに縦長画像を選択した時、PCで見た時だけサイズを小さくしたい
@nobu5555 さん まだ CSS が縮小されています。原因は、LiteSpeed Cache と WP Fastest Cache が有効になっているためだと思います。 また、ページキャッシュプラグインは、どちらか 1 つのみお使いになるのをおすすめします。2 つ以上の使用は、不具合の...
3年前
フォーラム
RE: アイキャッチに縦長画像を選択した時、PCで見た時だけサイズを小さくしたい
実際に CSS を書いて試したいため、Cocoon 設定 > 高速化で「CSSを縮小化する」を無効にしていただけないでしょうか。
3年前
フォーラム
RE: ビジュアルエディターで吹き出しが崩れる
管理画面内のことのため、下記リンクの内容ぐらいしか現状は言えないです。 WordPressテーマ設定（CSS等含む）を変更しても反映されない場合のトラブルシューティング方法 尚、私のテスト環境では、吹き出しは正常に表示されます。
3年前
フォーラム
RE: 投稿日の非表示の仕様について
下記の不具合の対応のようです。 Cocoon設定の「本文」「投稿情報表示設定」で「更新日の表示」のみにチェックを入れると本文に日付が入らない 参考：投稿・固定ページでの日付表示の不具合修正 参考：Cocoon 1.6.6公開。Amazon・楽天商品リンク切れメール通知機能を追加。 ...
3年前
フォーラム
RE: カテゴリーごと、テンプレートごとに独自のヘッダーを作成する場合について
<header> を丸ごと変更するのであれば、フィルターフックを使う手もあります。 ※ 実際にカスタマイズする場合は、構造化データを考慮する必要があります。 header.png
3年前
フォーラム
RE: ヘッダー上の警告文について
現在の functions.php の 457 行目の前後はどうなっていますか？よろしければ、notepad.pw にコードを貼り付けていただけませんか？ 尚、元の状態は下記リンクより確認できますので、コピペすればエラーは解消すると思います。 また、現在は子テーマをお使いではありません...
3年前
フォーラム
RE: AMP ページでの SVG が原因の余白
ありがとうございます。お手数をおかけしました。
3年前
フォーラム
RE: アコーディオン（トグル）の「＋,－」について、カラー変更の要望
+ マークと文字の間の余白をもっと取ってもいいかもしれません。 添付画像は、デフォルトの 0.4em（5.76px）を 24px に変更したものです。 ちなみに、私は + マークと文字が同じ色、もしくは背景色に対する文字色のコントラスト比より + マークのコントラスト比が若干低い色が好みです...
3年前
フォーラム
RE: theme-update-checker.phpのエラー?
1 週間ほど前に、ローカル環境で同じエラーが出ました。うろ覚えですが、このような方法で解決できました。 ※ GitHub から Cocoon をダウンロードし、WordPress 管理画面から更新しようとした際にエラーが出たので、状況は違うと思います。ただ、解決できそうな気はします。 ① サ...
3年前
フォーラム
RE: adminに入ろうとするとエラーメッセージが出る
Invisible reCaptcha が怪しい。 このプラグインは、2 年間更新されていません。PHP 7.4 以降でエラーが出るとも書かれています。 参考：Fatal error with PHP 7.4 or newer 尚、WordPress やテーマ、プラグインは、可能な限り早...
3年前
フォーラム
RE: adminに入ろうとするとエラーメッセージが出る
@niko-2 さん 検索したところ同じ症状の内容が出てきました。 管理画面にログインができない プラグインの停止で管理画面にログインできたと書かれています。このような方法でプラグインを停止できます。 ① サーバーのファイルマネージャーを開きます。 参考：ファイルマネージャーを利...
3年前
フォーラム
RE: AMP表示の高速化！？
非 AMP ページ（通常ページ）のモバイルの計測結果では、「最初のサーバー応答時間を速くしてください。」とは表示されないと考えていいでしょうか。 であれば、2 つの選択肢が頭に浮かびました。 ① AMP を無効にする AMP を無効にします。現在の AMP は、Web 開発者のための技術...
3年前
フォーラム
RE: 関連記事の表示順について
関連記事はランダムでの表示です。 また、インデックスの設定は、記事一覧ページ（アーカイブインデックスページやフロントページなど）に反映されます。関連記事には反映されません。 関連記事を投稿日順にする場合は、下記コードを子テーマの functions.php に追加します。 add_fil...
3年前
フォーラム
RE: AMP表示の高速化！？
一度 PageSpeed Insights やデベロッパーツールの Lighthouse で計測するのがいいかもしれません。 ※ Lighthouse は、拡張機能の影響を受けないシークレットモードでの計測がおすすめです。 計測結果から、サーバーの応答時間が長いのか、何かがレンダリングをブロ...
3年前
フォーラム
RE: Iphoneでのサイト内検索結果が半分切れた固定ページになってしまう
CSS が、さらにおかしくなっています。子テーマの style.css の全てを下記リンクの CSS にご変更ください。1 行目から最後の行まで全部変更します。 カード一覧が表記されなくなっている スマホでの見え方が正しいです。PC では見出しの下にカード一覧があるように見えて...
3年前
フォーラム
RE: Iphoneでのサイト内検索結果が半分切れた固定ページになってしまう
子テーマの style.css にお書きの CSS で 1 箇所おかしな部分があったので、念の為に書いておきます。 最後の方にお書きの以下の @media が閉じていません。 /*768px以下でロゴの大きさ変更*/ @media screen and (max-width: 768px)...
3年前
フォーラム
RE: Iphoneでのサイト内検索結果が半分切れた固定ページになってしまう
私が見る限り、検索結果ページは正常になったようです。 kottyan さんの PC で正常に表示されていたのは、「ヘッダー用コード」にお書きになった script タグが kottyan さんには出力されないためだと思います。 ※ 「ヘッダー用コード」は、ログインしている管理者には出力されま...
3年前
フォーラム
RE: Iphoneでのサイト内検索結果が半分切れた固定ページになってしまう
PC から検索してもおかしいです。 とりあえず、Cocoon 設定 > アクセス解析・認証タブにある「ヘッダー用コード」にお書きになった内容の修正が必要です。</script> 閉じタグがないです。 script-1.png
3年前
フォーラム
RE: ドメイン引っ越しをしたら行間が詰まってしまった
これかな？と思った参考ページ 「WordPress Importer」で記事インポート時に改行が消える時の対処法
3年前
フォーラム
RE: 記事一覧表示の表示カラム数をPCとスマホで変更したい
1 つ質問です。 そのリストは、以下のショートコードでお作りになっていますか？ 新着記事一覧を表示するショートコードの利用方法
3年前
フォーラム
RE: スマホ検索結果の表示がずれる
@pagy さん その CSS の追加は、あくまで応急処置です。根本的な解決はできません。 Xアクセラレータが無効の場合は、とりあえず親テーマの手動での更新を私であれば試してみます。 最新の親テーマのダウンロードは GitHub からできます。 手動での更新は、Cocoonテーマファ...
3年前
フォーラム
RE: スマホ検索結果の表示がずれる
その投稿ページの編集ページにカスタム CSS の入力欄があります。その入力欄に以下の CSS を追加すれば、応急処置はできると思います。 @media screen and (max-width:1542px){.wrap{width:auto}.main,.sidebar,.sidebar-l...
3年前
フォーラム
RE: カルーセルの表示がAmazonの広告表示を待っている？
なぜLazy Load指定しているのに初期表示時に読みに行くのか謎ですが loading="lazy" は、初期表示（画面に表示されている領域）以外にある画像を読み込まないものではありません。どこまでの画像を読み込むのかは、ブラウザに任せられています。 例えば、Chrome は、以下の領...
3年前
フォーラム
RE: スマホ検索結果の表示がずれる
@pagy さん 根本的な原因が分からないため、全てのプラグインの無効化をお試しください。 直接的な原因は、Cocoon 設定をスタイルに反映するための CSS が二重に読み込まれているためです。 添付画像の部分が 2 行になっていますが、本来は 1 行です。しかも、2 行目には一部の ...
3年前
フォーラム
RE: スマホ検索結果の表示がずれる
質問です。 tmp/css-custom.php をカスタマイズされていますか？
3年前
フォーラム
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。