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

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

Registered
Famed Member
結合: 2018年3月19日 21:15
Last seen: 2024年3月14日 23:21
トピック: 25 / 返信: 1632
返信
RE: サイトをGoogle Adsenseにリンクについて

おそらく、以下リンクの "「審査をリクエスト」をクリックしてください。" の部分のことだと思いますので、そのまま「審査をリクエスト」ボタンをクリックされればいいように思えます。 ボタンのクリック後は、自動的に広告コードがサイトに埋め込まれ審査が始まるようです。

3年前
返信
RE: 人気記事一覧において『特定カテゴリ』の除外機能

わいひらさんのご判断次第だと思いますが、該当箇所を見たら簡単にできました。 generate_popular_entries_tag() にカテゴリーの除外がすでにありました。↓ の部分です。 なので、popular_entries_shortcode() に exclude_cat_...

3年前
フォーラム
返信
RE: 編集画面の背景と文字の色が変

@maitake11 さん Cocoon 設定 > PWA にある「ログイン時もPWAを有効化する」のチェックは入っているでしょうか? このチェックが外れている場合は、サイト管理者のキャッシュの更新が上手くいかないケースが出てくるかもしれません。管理画面はキャッシュしないようになってい...

3年前
フォーラム
返信
RE: 画像のリサイズについて

@crypto_college さん 現在のサイズを4分の3に変更などは、「CSコード」で変更可能なのでしょうか? aspect-ratio で任意の縦横比に変更できます。 img { aspect-ratio: 4 / 3; object-fit: cover; ...

3年前
フォーラム
返信
RE: 編集画面の背景と文字の色が変

@maitake11 さん デベロッパーツールでのご確認が手っ取り早いです。以下のやり方で背景色をご確認ください。 ① 記事の編集画面を開きます。 ② 記事タイトルの上で右クリックをします。 ③ 「検証」をクリックします。 ④ デベロッパーツールが開き、h1 タグの行に色が付いて...

3年前
フォーラム
返信
RE: 画像のリサイズについて

@crypto_college さん 正方形を比率を変更して長方形のように横長などは可能なのでしょうか? 上下を切り取れば可能です。それ以外は無理だと思います。 例えば、400x400 の正方形の画像があるとします。これを 16:9 にする場合は、400x225 になります。幅は...

3年前
フォーラム
返信
RE: モバイルトップメニューにロゴを2つ設置

@niboshi_888 さん とりあえず、このような方法でどうでしょうか。 ① 前回のカスタマイズを削除 前回の タイトルロゴ2つ設置について で行ったカスタマイズを削除します。子テーマの functions.php に追加したコードも子テーマの style.css に追加した CSS...

3年前
返信
RE: モバイルトップメニューにロゴを2つ設置

@niboshi_888 さん こちらこそ大変申し訳ないのですが、追加の質問です。 ① 「どちらも320×90ですが、サイズは小さくなっても構いません。」とのことですが、これは前回の タイトルロゴ2つ設置について で設置したロゴにも当てはまりますか?前回のロゴも必ず 1 行で表示するのか、サ...

3年前
返信
RE: モバイルトップメニューにロゴを2つ設置

以下の 3 点が知りたいです。 ① ロゴ A とロゴ B のそれぞれの画像の幅と高さはいくつでしょうか? ② ロゴ B の配置予定の部分には、本来は検索ボタンがあります。その検索ボタンは非表示になってもいいのでしょうか? ③ フッターモバイルボタンはお使いになるでしょうか?Cocoon ...

3年前
返信
RE: 画像のリサイズについて

正方形の形をブログに適した比率「16:9」「1.91:1」にしたい これを行うと上下が切れてしまいますがいいのでしょうか?例えば、1 つ目の見出しの下にある画像を 16:9 にしたのが添付画像です。画像の中にある「運動で暗号資産を稼ぐ」がなくなります。 また、正方形の画像がブログに適して...

3年前
フォーラム
返信
RE: 「PageSpeed Insights 適切なサイズの画像」の改善方法

一般的に、WordPress での画像の最適化では以下の 2 つを行います。 ① 画像を圧縮する 画像を圧縮し、サイズ(容量)を小さくします。WordPress には、いくつものプラグインがあります。 参考:WordPressの画像圧縮プラグイン5選!【それぞれ効果も検証】 ② 画像...

3年前
フォーラム
返信
RE: タイトルロゴ2つ設置について

@niboshi_888 さん ちょっと試してみました。 左側のロゴは、Cocoon 設定 > ヘッダーの「ヘッダーロゴ」に設定します。「ヘッダーロゴ」に設定するロゴは、サイト名などサイトを表すものである必要があります。 そして、子テーマの functions.php に以下を追加...

3年前
返信
RE: タイトルロゴ2つ設置について

flexで配置する際、clearfixがあるとロゴAが右端に配置できない? 状態が分からないので何とも言えませんが、配置する方法はあると思います。

3年前
返信
RE: タイトルロゴ2つ設置について

@niboshi_888 さん お書きになった HTML が不完全のように思えます。notepad.pw に書いていただけると HTML が消えません。 サイトロゴの後で何かをお書きになっているようですので、このようなコードを子テーマの functions.php に追加します。 add...

3年前
返信
RE: モバイルメニュー「トップメニュー」の時、親メニューをクリックしてもページへジャンプしない

使われていないとはどういった状態でしょうか。エラーとか? 申し訳ないです。書き方が悪かったです。 Cocoon の plugins/slicknav/README.md に書かれている SlickNav.io のドメインが切れており、アクセスできません。 一方、SlickNav の...

3年前
フォーラム
返信
RE: タイトルロゴ2つ設置について

そして、header-containerのPHPですが、 このような形になっています。 どうお書きになっているのか分かりませんが、header-container.php を変更する必要はありません。 以前にも同様のご質問があったため、そのトピックを貼り付けておきます。 ヘッダー...

3年前
返信
RE: モバイルメニュー「トップメニュー」の時、親メニューをクリックしてもページへジャンプしない

これは解決済ではありません。不具合ですので親テーマの修正が必要です。 ちなみに、SlickNav のサイト URL が変わっていました。Cocoon に同梱の README.md に書かれている URL は、使われていませんでした。 現在の README.md。

3年前
フォーラム
返信
RE: モバイルメニュー「トップメニュー」の時、親メニューをクリックしてもページへジャンプしない

SlickNav のデフォルトでは、親のリンクはクリックできない設定になっています。allowParentLinks が false です。 参考:Options また、デフォルトでは親のタグが a タグになっています。parentTag が a です。そのため、親メニューが a タグの中に...

3年前
フォーラム
返信
RE: マイクロバルーンの出っぱっているところを左寄せにすることはできますか?

やってみました。 背景色があるといいように思えました。添付画像のオレンジの背景色は、ブロックの「色設定」でつけました。 以下の CSS を子テーマの style.css に追加します。コメントを書いていますので、お好みでご変更ください。尚、ブロックの「色設定」を反映させるようにしています。 ...

3年前
返信
RE: サイドバーの表示状態「フロントページで非表示」の動作仕様について確認したく

今のままで何も問題ありません。わいひらさんのご負担が増えるのは避けたいです。 しかし、いつも思うのは、WordPress > 設定 > 表示設定 の「ホームページの表示」関係の言葉が紛らわしい。chu-ya さんのご指摘のように「トップページ = フロントページじゃないの?」とか「固...

3年前
返信
RE: ヘッダーを固定する

@berghilo さん そのセレクターはまずいです。記事内の全ての span に適用されるため、意図しないスタイルになる部分が必ず出てきます。 このような場合は、:target 擬似クラスの使用がおすすめです。この :target 擬似クラスは、URL の識別子(#〇〇のこと)に一致する ...

3年前
フォーラム
返信
RE: サイドバーの表示状態「フロントページで非表示」の動作仕様について確認したく

もし、フォーラムにお問い合わせがあった場合は、リンク先としてお使いください。 以下のコードを子テーマの functions.php に追加すれば、以前と同じく「フロントページで非表示」で 2 ページ目以降のフロントページでもサイドバーが非表示になります。 add_filter( 'is_th...

3年前
返信
RE: サイドバーの表示状態「フロントページで非表示」の動作仕様について確認したく

意図しない不具合だったとのこと了解しました。 実は、私が保守をしている友人のサイトの 1 つがサイドバーを「フロントページで非表示」にしていました。chu-ya さんのご指摘が連休中だったこともあり、余裕をもって対応できました。

3年前
返信
RE: リンクカテゴリーを表示するショートコード

@robjhon さん ちょっと面倒ですが、各リンクにある「リンクターゲット」で設定できます。  link-rel.png

3年前
フォーラム
返信
RE: サイドバーの表示状態「フロントページで非表示」の動作仕様について確認したく

私が思うフロントページは、is_front_page() が true を返すページです。ですので、フロントページの 2 ページ目以降もフロントページです。フロントページの 1 ページ目のみをフロントページというのは、私にはしっくりきません。 また、仕様の変更には疑問を感じます。理由は、「サイド...

3年前
返信
RE: リンクカテゴリーを表示するショートコード

「リンク」とは、添付画像のリンクでしょうか? ※WordPress 3.5 で廃止されたけど、Cocoon では復活させているリンク 参考:Cocoonのリンクマネージャー機能を無効にする方法 もし、このリンクであれば、ウィジェットの「リンク」を使うのが簡単だと思います。ただし、全てのリンク...

3年前
フォーラム
返信
RE: 表の背景色と線を元に戻したい

@misawa さん Cocoon 設定 > 本文タブにあるテーブル設定の「テーブルの1列目を固定表示」にチェックが入っていませんか? 「表の左側の部分に必ずグレーの色」とのことですが、「テーブルの1列目を固定表示」の際は表の左側の背景色は #e9eff2 になります。 参考:

3年前
返信
RE: HTMLコメントアウトの終了タグがブラウザに表示される

@sug さん AMP ページの head タグの最初に以下の記述があります。 <!-- <!-- amp detected --> --> これが原因です。コメントの中にコメントが書かれているため、最後の --> が出力されてしまっています。 ただ、Co...

3年前
フォーラム
返信
RE: AMPに関するscriptが、外に挿入されてしまう。

head タグ内にあるべき script タグが、全て外に出てますね。 まずは全てのプラグインの停止をお試しください。怪しいと思ったのは、Jetpack Boost と WP Fastest Cache です。script タグをフッターで読み込む機能のプラグインが原因かもしれません。

3年前
フォーラム
返信
RE: HTMLコメントアウトの終了タグがブラウザに表示される

@sug さん 「スマホで表示したすべてのAMPページ」とは、検索結果から訪れたページでしょうか?それとも URL の末尾が ?amp=1 のページでしょうか? もし、検索結果から訪れたページであれば、再度そのページに検索結果から訪れご確認ください。キャッシュが更新され、正常になってはいない...

3年前
フォーラム
返信
RE: HTMLコメントアウトの終了タグがブラウザに表示される

そのページの URL をご提示ください。ページを拝見しないと何も分かりません。 尚、モバイルの検索結果から訪れる AMP ページは、AMP キャッシュで表示されます。この AMP キャッシュとは、Cocoon の AMP キャッシュではなく、AMP プロバイダーのサーバーに格納されているキャッシ...

3年前
フォーラム
返信
RE: モバイルサイト(iphone)で2回クリックしないとページが移動しません

@nakano3 さん WordPress 管理画面 > 外観 > カスタマイズ > 追加 CSS にお書きになっている CSS の中に、許可されていない文字が入っています。添付画像の margin の前の □ が該当部分です。 この許可されていない文字が 1 文字でもある...

3年前
フォーラム
返信
RE: モバイルサイト(iphone)で2回クリックしないとページが移動しません

ちょっと気になったので口を挟みます。 @mk2_mk2 さん AdSenseのコードをそのまま貼り付けた場合、そこに改行はないはずです。 添付画像のとおり、AdSense の管理画面で取得するコードは折り返しています。そもそも、折り返しは何ら問題ありません。 1 行が長くなる...

3年前
フォーラム
返信
RE: メディアをフォルダで整理がしたい。

@atsushi-c さん 私のテスト環境では Filebird は問題なく使えます。 このプラグインは便利ですね。ちなみに、メディアのアドレスは変わりませんでした。

3年前
返信
RE: グーグルサーチコンソールでのAMPエラーについて

● 必須属性「height」がタグ「amp-iframe」にありません。 height 属性と width 属性が Amazon の広告にありません。全ての Amazon の広告に 2 つの属性の追加が必要です。 <iframe width="120" height="240" 以下省...

3年前
返信
RE: insragram feedをから引っ張ってきた投稿にURLが付いていると表示がおかしくなる現象

@imd さん このコードを子テーマの functions.php に追加すれば、外部ブログカードを有効にしたままでも正常に表示されるとは思います。 add_action( 'after_setup_theme', function() { remove_filter( 'widget...

3年前
返信
RE: insragram feedをから引っ張ってきた投稿にURLが付いていると表示がおかしくなる現象

@imd さん なるほど…。ウィジェットが丸ごとなくなるのですね。 解決する方法がすぐに思いつきません。そのままではご不都合があると思いますので、functions.php に追加したコードの削除をお願いします。  instagram-com.png

3年前
返信
RE: ショートコードを利用した人気記事一覧のサムネイルの大きさについて

Cocoon各部分のサムネイルサイズを変更するカスタマイズサンプル集 に書かれている方法は、ショートコードだけではなくウィジェットにも適用されます。ショートコードの画像もウィジェットの画像も大きくしたい場合に適した方法だと思います。 私はショートコードの画像のみ大きくしたかったので、このようなカ...

3年前
返信
RE: insragram feedをから引っ張ってきた投稿にURLが付いていると表示がおかしくなる現象

バグってますね。 Cocoon 設定 > ブログカードの外部ブログカード設定で「ブログカード表示を有効にする」のチェックを外すと正常に表示されるでしょうか? もし正常に表示される場合は、以下のコードを子テーマの functions.php に貼り付けるとどうなるでしょうか。 ※ コ...

3年前
返信
RE: 特定のページからの移動のみページを表示する方法

@takaaa さん あとは takaaa さんご自身でなさるか、どなたかにご依頼ください。フォーラムでは対応が難しいです。 一応、私の頭に浮かんだ選択肢を書いておきます。 ● 正規表現とリファラで判定 Stripe の URL は正規表現で書き、リファラで判定します。 ただし、...

3年前
フォーラム
返信
RE: ヘッダー画像の下に隙間が空いてしまう

@hossy さん やってみました。子テーマの style.css に以下を貼り付けます。 .header { background-size: cover; background-position: center; } .header div.header-in { ...

3年前
返信
RE: 特定のページからの移動のみページを表示する方法

@takaaa さん 左のボタンは別のページに移動するのですね。 $referer を配列にする場合は、in_array() の使用が頭に浮かびました。 そもそも、配列にする必要はあるかな?とも思うので、こちらでもいけると思います。

3年前
フォーラム
返信
RE: 特定のページからの移動のみページを表示する方法

厳密な判定は不要に思えるので、PHP でやるのも手かなと思いました。 これを子テーマの functions.php に追加します。 エラーを出すようにとのことでしたので、404 エラーを出すようにしています。ただ、↓ のページへのリダイレクトでもいいかなと思いました。

3年前
フォーラム
返信
RE: カテゴリごとでも先頭固定表示したい

「カテゴリごと」「カテゴリごと(2カラム)」「カテゴリごと(3カラム)」の新着記事の部分でなら先頭固定はできます。 フィルターフックで ignore_sticky_posts の false を追加します。 add_filter( 'get_category_index_list_entry...

3年前
返信
RE: 画像アップロードがうまく出来ません...

全てのプラグインの停止はお試しになりましたか? Extend WordPress HTTP Request Timeout とか名前が怪しいです。

3年前
フォーラム
返信
RE: Twitter埋込がうまく動作しない箇所があり最近、頻発している

@pokekameshi さん そのコードでは動きません。バックスラッシュが ¥ になっています。再度コードのコピペをお試しください。 また、以下のコードは意味がなかったため、削除なさって大丈夫です。 function remove_action_emoji() { return;...

3年前
返信
RE: Twitter埋込がうまく動作しない箇所があり最近、頻発している

やはり再現できないため、原因が分かりません。 ご参考になさった WordPressでツイートURLが埋め込みに置換されない不具合に対処する と同じく、ブログカードになるものを置換するのが手っ取り早いと思います。 子テーマの functions.php に下記リンクのコードを追加し、上手くいく...

3年前
返信
RE: トップへ戻るボタンの応用方法

Safari への対応 ① まず、下記リンクを開き、ctrl + A などでコードを全選択し、ペーストします。 ② 次に、下記リンクを開き、① のペーストしたコードを貼り付けます。貼り付けた後に「Minify」ボタンをクリックしコードを縮小します。 ③ 最後に、子テーマの ...

3年前
フォーラム
返信
RE: Twitter埋込がうまく動作しない箇所があり最近、頻発している

@pokekameshi さん 1 ページ目しか確認していませんが、外部ブログカードになっている Twitter には絵文字が含まれていますね。 ただ、私の環境では再現できません。上手くいかないと思いますが、以下の 2 つをお試しいただけないでしょうか。 ① プラグインの WP Mult...

3年前
固定ページ 15 / 34

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

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

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

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

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

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

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

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