サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021年1月2日 21:02
度々質問になりますが、何かをいじってしまい、ブログの右側に表示されていたアーカイブ・カテゴリーなどの欄が下に表示されてしまいます。
対処法教えて頂けますか?
2021年1月2日 22:12
前略、トロ さん
先ず、Cocoon設定の「アクセス解析・認証」タブの「ヘッド用コード」に、貼り付けているコードを外しましょう。
そのコードは、headタグ内に設置するコードではないと推測されます。
他のどこかにも、最近、広告を設定されたような箇所はありませんか?
おそらく、設置された広告のコードか、もしくはHTMLタグ などに不備があるのだろうと推測されます。
2021年1月2日 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 4年前 by リフィトリー
わいひら reacted
2021年1月2日 22:47
トロ さん
また、HTMLタグのひとつである、headタグは、ひとつのWebページに一対(いっつい)の開始タグと閉じタグしか使うことができません。
<head>
</head>
Cocoonでは、headタグはすでに自動的に挿入されているので、ご自身で追加してはいけません。
わいひら reacted
2021年1月2日 23:03
トロ さん
「アクセス解析・認証」の「ヘッド用コード」の中以外にも、ページの下の方に設置した広告の中辺りにheadタグが書かれているような気がします。
おそらく、ご自身でも、こころあたりがあるのではないかと思います。
2021年1月3日 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 4年前 by リフィトリー
わいひら reacted
2021年1月3日 12:59
トロ さん
まだ、問題が残っています。
ウィジェットエリアの「インデックスボトム」の中に「広告」ウィジェットを入れて、その中に、アドセンスの広告コードを設置していらっしゃるようですが、そこにも body タグが記述されているようです。
トラブルの原因になるので、「インデックスボトム」の中の「広告」ウィジェットは削除しておいた方が無難です。
では、アドセンスの広告コードは、どこに設定すればいいの?ということですが、これは、Cocoon設定の「広告」タブの中にある、「広告コード」のところに設定します。
その際は、広告コードのみを設定します。body タグを記述してはいけません。
This post was modified 4年前 5回 by リフィトリー
わいひら reacted
2021年1月3日 16:06
トロさん
アドセンス関連のCocoonのマニュアルページは、以下になります。
[ad]ショートコードで広告を本文中の好きな場所に表示する方法
マニュアルページをよく読み返してみてもいいかもしれませんね。
わいひら reacted
2021年1月3日 16:55
トロさん
探してみると、以下のようなマニュアルページもありました。
でも、通常はCocoon設定の「広告」タブの中にある、「広告コード」のところに設定しておけば、「広告の表示位置」や「[ad]ショートコード」で、ある程度は、アドセンスの広告の表示位置を選べるのではないかと思われます。
わいひら reacted
Topic starter
2021年1月3日 18:47
皆様
適切なご指導ありがとうございます。広告コードを上記のやり方ですべて行ったところ、
改善いたしました。
ご迷惑をおかけいたしました。
わいひら reacted
2021年1月3日 20:11
トロさん
今、サイトのソースコードを拝見したところ、今度はサイドバーのウィジェットに head タグが2箇所ほど書きこまれているようです。
ここまで書きこませていただいた内容が、全く伝わっていないように思います。
ウィジェットの中にheadタグを書いてはいけません。
再び、サイトのレイアウトが崩れる要因となってしまいます。
This post was modified 4年前 by リフィトリー
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。