サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021-01-02 21:02
度々質問になりますが、何かをいじってしまい、ブログの右側に表示されていたアーカイブ・カテゴリーなどの欄が下に表示されてしまいます。
対処法教えて頂けますか？
2021-01-02 22:12
前略、トロ さん
先ず、Cocoon設定の「アクセス解析・認証」タブの「ヘッド用コード」に、貼り付けているコードを外しましょう。
そのコードは、headタグ内に設置するコードではないと推測されます。
他のどこかにも、最近、広告を設定されたような箇所はありませんか？
おそらく、設置された広告のコードか、もしくはHTMLタグ などに不備があるのだろうと推測されます。
2021-01-02 22:37
トロ さん
あと、子テーマのCSS（ダッシュボードの「外観」→「テーマエディター」とたどると開けるところです）にお書きになられている、以下のコードは、削除しておいた方が無難だと思われます。
<head>
<script data-ad-client="ca-pub-0000000000000000" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</head>
おそらく、アドセンスの審査用コードか何かだろうと思いますが、本来CSSファイルに記述するものではありません。（数字のところはゼロに置き換えています）
ただし、
@charset "UTF-8";
も含めて、それより下は消さないようにご注意ください。
This post was modified 3年前 by リフィトリー
わいひら reacted
2021-01-02 22:47
トロ さん
また、HTMLタグのひとつである、headタグは、ひとつのWebページに一対（いっつい）の開始タグと閉じタグしか使うことができません。
<head>
</head>
Cocoonでは、headタグはすでに自動的に挿入されているので、ご自身で追加してはいけません。
わいひら reacted
2021-01-02 23:03
トロ さん
「アクセス解析・認証」の「ヘッド用コード」の中以外にも、ページの下の方に設置した広告の中辺りにheadタグが書かれているような気がします。
おそらく、ご自身でも、こころあたりがあるのではないかと思います。
Topic starter
2021-01-03 09:22
皆様ご回答ありがとうございます。
上記のheadタグ消してみましたが症状が治りません。広告コードも心当たりがある部分を捜してみましたがダメでした。
再度対処法を教えて頂けますか？
Topic starter
2021-01-03 09:27
皆様ご回答ありがとうございます。
上記のheadタグ消してみましたが症状が治りません。広告コードも心当たりがある部分を捜してみましたがダメでした。
再度対処法を教えて頂けますか？
cocoon設定→広告から「広告コード」を消したら治りましたが、
以前までそのような症状がありませんでした。
これは広告コードが邪魔しているという事でしょうか？
2021-01-03 11:06
トロ さん
サイドバーがWebページの下の方に表示されてしまったのは、Cocoon設定の「アクセス解析・認証」タブの「ヘッド用コード」のところにheadタグを書いてしまったため、HTMLのタグの構成が崩れてしまったのだと思います。
また、広告のコード、と一口に言っても、いろいろな種類があります。
今回のような aタグのコードは、pタグやdivタグなどで挟んで、bodyタグの中に設置するものです。
bodyタグの中と言っても、bodyタグは既にWebページを構成するために使われているので、追加してはいけません。
アフィリエイトの広告タグも a タグであったり、frame タグであったり、JavaScriptのコードであったり、といろいろです。
ですので、Webページの構成がどのようになっているか、HTMLのタグはどのような役割を持っているか、JavaScriptとは何か、といった、ごく基礎的なことの理解が必要です。
Webページがどのようにつくられているか、また、基礎的なHTMLを学びましょう。
This post was modified 3年前 by リフィトリー
わいひら reacted
2021-01-03 12:59
トロ さん
まだ、問題が残っています。
ウィジェットエリアの「インデックスボトム」の中に「広告」ウィジェットを入れて、その中に、アドセンスの広告コードを設置していらっしゃるようですが、そこにも body タグが記述されているようです。
トラブルの原因になるので、「インデックスボトム」の中の「広告」ウィジェットは削除しておいた方が無難です。
では、アドセンスの広告コードは、どこに設定すればいいの？ということですが、これは、Cocoon設定の「広告」タブの中にある、「広告コード」のところに設定します。
その際は、広告コードのみを設定します。body タグを記述してはいけません。
This post was modified 3年前 5回 by リフィトリー
わいひら reacted
2021-01-03 13:22
トロさん
繰り返しになりますが、以下のコードは、Cocoon設定の「広告」タブの「広告コード」に貼り付けます。
その際、body タグや div タグなどは付けてはいけません。
わいひら reacted
2021-01-03 14:17
トロさん
アドセンスの広告の表示位置は、アドセンス側の設定で、自動広告をOFFにしてあれば、Cocoon設定の「広告」タブの「広告の表示位置」で、設定できるかと思います。
また、ショートコードを利用する方法もあるようです。
アドセンスの方の設定で、自動広告をONにしている場合は、私は経験がないのでよくわかりませんが、他の方のお話ではアドセンスの方の設定で広告を挿入したくない箇所を設定するとこもできるらしいです。
わいひら reacted
2021-01-03 16:06
トロさん
アドセンス関連のCocoonのマニュアルページは、以下になります。
[ad]ショートコードで広告を本文中の好きな場所に表示する方法
マニュアルページをよく読み返してみてもいいかもしれませんね。
わいひら reacted
2021-01-03 16:55
トロさん
探してみると、以下のようなマニュアルページもありました。
でも、通常はCocoon設定の「広告」タブの中にある、「広告コード」のところに設定しておけば、「広告の表示位置」や「[ad]ショートコード」で、ある程度は、アドセンスの広告の表示位置を選べるのではないかと思われます。
わいひら reacted
Topic starter
2021-01-03 18:47
皆様
適切なご指導ありがとうございます。広告コードを上記のやり方ですべて行ったところ、
改善いたしました。
ご迷惑をおかけいたしました。
わいひら reacted
2021-01-03 20:11
トロさん
今、サイトのソースコードを拝見したところ、今度はサイドバーのウィジェットに head タグが２箇所ほど書きこまれているようです。
ここまで書きこませていただいた内容が、全く伝わっていないように思います。
ウィジェットの中にheadタグを書いてはいけません。
再び、サイトのレイアウトが崩れる要因となってしまいます。
This post was modified 3年前 by リフィトリー
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。