サイト内検索
Cocoonフォーラム
![](https://wp-cocoon.com/wp-content/themes/cocoon-master/screenshot.jpg)
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021年6月24日 14:50
いつもお世話になっております。
テーマ「COCOON」の1カラムスキン「Metal Styles」を使用し、サイトを運営させて頂いております。
【問題】
下記ページ「 https://issyonisukusuku.net/?cat=0 」のメインカラムに設置しております新着記事について、表示幅を修正したいです。
【症状】
上記ページをPC画面上(Chrome・Firefox)で確認すると、SNSフォローボタンと一緒にメインカラムのおよそ1/3幅になり、左寄せになったまま表示されています。
サイトのホームにある「続きを見る」ボタンから遷移したら表示されるページです。
モバイルでテストすると、美しく表示されます。
【やりたいこと】
PC環境で、メインカラムが左に寄ってしまう症状を修正したいです。
具体的には、
・新着記事を3列のまま、メインカラムと同等の幅に拡げる
・SNSフォローボタンもメインカラムと同等の幅に拡げる
以上のことを行いたいので、ご指南いただけると幸いです。
【試したこと】
・プラグインをすべて無効にした
→変化ありませんでした。
※現在は「有効」に戻しています。
・コンテンツ幅を空欄にした
フォーラムを参照: https://wp-cocoon.com/community/cocoon-theme/metal-styles%e3%81%ae%e8%a8%98%e4%ba%8b%e4%b8%80%e8%a6%a7%e3%81%8c%e3%82%bb%e3%83%b3%e3%82%bf%e3%83%bc%e3%81%ab%e3%81%aa%e3%82%89%e3%81%aa%e3%81%84/#post-39329
・「ダッシュボード/外観」の「カスタマイズ」や「ウィジェット」を整理
→変化ありませんでした。
・「ダッシュボード/Cocoon設定/全体」の「サイト幅を均一にする」にチェックを入れた
→変化なし
・「ダッシュボード/Cocoon設定/カラム」の「コンテンツ幅」を空欄にした
→変化なし
・上記実施した後、ダッシュボードからのキャッシュ・ブラウザからのキャッシュを削除した
→変化なし
以上、お手隙の際で結構ですので、教えて下さると幸いです。
どうぞよろしくお願いいたします。
【追記】
----------------------------------------------
サイト名:転勤家族の暮らし研究new
サイトURL: https://issyonisukusuku.net
ホームURL: https://issyonisukusuku.net
コンテンツ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
スキン:/wp-content/themes/cocoon-master/skins/skin-metal/style.css
WordPressバージョン:5.7.2
PHPバージョン:7.4.13
ブラウザ:Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:87.0) Gecko/20100101 Firefox/87.0
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.7,en;q=0.3
----------------------------------------------
テーマ名:Cocoon
バージョン:2.3.1
カテゴリ数:6
タグ数:2
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:845バイト
functions.phpサイズ:203バイト
----------------------------------------------
Gutenberg:1
AMP:1
PWA:0
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
----------------------------------------------
Topic starter
2021年6月24日 14:56
上記、質問をさせていただきましたが、不具合のあるページに上手くリンクしていなかったため、【問題】という項目を訂正させて頂きます。
<訂正前>
【問題】
下記ページ「 https://issyonisukusuku.net/?cat=0 」のメインカラムに設置しております新着記事について、表示幅を修正したいです。
<訂正後>
【問題】
下記ページ「 https://issyonisukusuku.net/?cat=0 」のメインカラムに設置しております新着記事について、表示幅を修正したいです。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
以上、どうぞよろしく御願いいたします。
ちひろ
2021年6月24日 15:38
ちひろさん
ちょっと、「はいどうぞ、これで」という感じでご提示して良いものかどうか、私には分からない状態です。
ご提示いただいたものだけでなく、以下のような状態も発生しています。
「サイトマップ」と「未分類」
ご提示いただいたもの、同じ原因ぽいですが、ちょっと左への寄り方が違うような。。。
そして、テーマに関するもので、何かが404になっており。。。
(私には良く分からないです。)
(私には良く分からないです。)
混在コンテンツも発生しています。
こちらは、ヘッダー画像に原因がありそうです。
http ://issyonisukusuku.net/wp-content/uploads/2021/05/%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E8%83%8C%E6%99%AF-1.png
http ://issyonisukusuku.net/wp-content/uploads/2021/05/%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E8%83%8C%E6%99%AF-1.png
そもそも、ヘッダーも何だか変なような。。。
アドセンス関連?で、403が出ているようでもあり。。。
まとまりがなくすみませんが、一見するとちょっとどうしたものか。。。と思ってしまいます。
お問い合わせいただいたものは、修正出来そうな気はしますが、それで他に影響がないかがちょっと心配で、私には今の段階ではご提示できない感じです。
そして、これからしばらく席を外してしまいますので、他の方のご回答をお待ちいただくのが良いかも知れません。
混在コンテンツは簡単に修正可能だと思いますので、こちらは修正しておくことをお勧めします。
(httpsにする。)
(httpsにする。)
わいひら reacted
2021年6月24日 17:20
前略、ちひろさん
タイトルのご質問とは違ってしまいますが、mk2さんもおっしゃっている「そもそもヘッダーも何だか変なような。。」についてですが、サイトのソースコードをコピーしてCocoon設定の「アクセス解析・認証」タブの「ヘッド用コード」に記述されている以下のコードをコメントアウトしてみたら、正常と思われる表示になりました。
わいひら reacted
Topic starter
2021年6月24日 17:24
mk2様
早々にお答えくださってありがとうございます。
メインカラムの症状しか確認していなかったので、他の現象のご指摘に感謝しつつも面食らっております…。
①メインカラムが左に寄ってしまう現象について
本当ですね。
ご指摘の「サイトマップ」ページや「未分類」ページも同様の現象を確認しました。
ありがとうございます。
その後、画像URLにアクセスすると、これまた同様で、左に寄っておりました。
②ヘッダー画像のSSL化について
私の確認方法では、画像URLはSSL化されておりました。
画像URLについては、スラッグが英数字ではないものもあったので、ヘッダー画像含めてスラッグを変更しました(添付画像A)。
他、私が思い当たることとしては、キャッシュを削除するという方法くらいです。
今は、そのままにしておきます。
必要であれば、キャッシュ削除等、実施いたします。
③アドセンス403エラー
④何かの404エラー
⑤ヘッダー画像(であろう)混雑コンテンツ
⑥ヘッダーのズレ
③④⑤は、これから調べてみます。
あと、⑥のヘッダーが大きく下にずれている現象については、私のPC環境では初めて見たもので、ちょっとこれも調べてみないとわかりません。
ダッシュボードの「外観/カスタマイズ」周辺かなぁ?と推測しております。
何もできていませんが、取り急ぎお礼申し上げます。
ちひろ
Topic starter
2021年6月24日 17:32
mk2様
早々にお答えくださってありがとうございます。
メインカラムの症状しか確認していなかったので、他の現象のご指摘に感謝しつつも面食らっております…。
①メインカラムが左に寄ってしまう現象について
本当ですね。
ご指摘の「サイトマップ」ページや「未分類」ページも同様の現象を確認しました。
ありがとうございます。
その後、画像URLにアクセスすると、これまた同様で、左に寄っておりました。
②ヘッダー画像のSSL化について
私の確認方法では、画像URLはSSL化されておりました。
画像URLについては、スラッグが英数字ではないものもあったので、ヘッダー画像含めてスラッグを変更しました(添付画像A)。
他、私が思い当たることとしては、キャッシュを削除するという方法くらいです。
今は、そのままにしておきます。
必要であれば、キャッシュ削除等、実施いたします。
③アドセンス403エラー
④何かの404エラー
⑤ヘッダー画像(であろう)混雑コンテンツ
⑥ヘッダーのズレ
③④⑤は、これから調べてみます。
あと、⑥のヘッダーが大きく下にずれている現象については、私のPC環境では初めて見たもので、ちょっとこれも調べてみないとわかりません。
ダッシュボードの「外観/カスタマイズ」周辺かなぁ?と推測しております。
何もできていませんが、取り急ぎお礼申し上げます。
ちひろ
2021年6月24日 17:42
ちひろさん
【症状】
上記ページをPC画面上(Chrome・Firefox)で確認すると、SNSフォローボタンと一緒にメインカラムのおよそ1/3幅になり、左寄せになったまま表示されています。
サイトのホームにある「続きを見る」ボタンから遷移したら表示されるページです。モバイルでテストすると、美しく表示されます。
こちらは、スキンのCSSの指定の不具合かもしれません。
わいひらさんが修正してくださるかと思いますが、応急処置として、以下のコードを追加CSSにコピペすれば、回避できるかもしれません。
.no-sidebar .content #main { width: 100%; }
追加CSSは、ダッシュボートの「外観」→「カスタマイズ」→「追加CSS」とたどると開けます。
コードをコピペしたら、すぐ上にある、「公開」ボタンをクリックして確定します。
This post was modified 3年前 2回 by リフィトリー
わいひら reacted
2021年6月24日 17:55
ちひろさん
あと、やはり、Cocoon設定の「アクセス解析・認証」タブの「ヘッド用コード」に?記述している以下のAMP用のコードも、要らないような気がします。
https://notepad.pw/share/cn4j0nnc
以下、参考トピックです。
[解決済] Googleアドセンス AMPスクリプトを貼り付ける場所について
https://wp-cocoon.com/community/postid/24000/
This post was modified 3年前 by リフィトリー
わいひら reacted
2021年6月24日 18:25
ちひろさん
あと、Cocoon設定の「アクセス解析・認証」タブの「ヘッド用コード」のところに、アドセンスの審査用コードのようなものが見受けられますが、もし審査中の場合は、他のアドセンスの広告コードは、設定せずに、審査用コードだけにするのが良いような気がします。
そうではなくて、アドセンスの審査に合格している場合は、逆に審査用のコードは削除して、アドセンスの広告コードをCocoon設定の「広告」タブのところに適切に設定すれば良いかと思います。
わいひら reacted
Topic starter
2021年6月24日 19:27
mk2様
リフィトリー様
ご回答下さりありがとうございます。
ご指摘いただいた以下の点について、修正いたしました。
<メインカラムが左に寄ってしまう症状について>
まず、ご回答とは前後いたしますが、タイトルにありますメインカラムの症状について、cssを追加いたしました。
★
すると、PC環境でもメインカラムいっぱいに3列の記事を並べることができました。
mk2様にご指摘いただいた「サイトマップ」ページ&「未分類」ページも、添付画像のように改善いたしました。
ありがとうございます!
<広告コードの403エラー&ヘッダー画像について>
リフィトリー様に教えていただいたアドセンス審査用コードの貼り方を実践いたしました。
さらに、アドセンスのディスプレイ広告用コードを再度取得し、「cocoon設定/広告」に貼り替えました。
※私が迂闊に貼ってしまいました…お手数をおかけいたしました。
<画像URLについて>
SSLに関しては現状では確認できないのですが、「混在コンテンツ」と表現されていたことから、日本語表記のスラッグを英数字に変更いたしました。
<404エラーについて> 現段階ではまだ着手しておりません。
----------------------------------------
以上、お二方にサイトの整理にまでご指南いただき、なんとお礼を申し上げればよいのか…。
本当にありがとうございました。
2021年6月24日 20:35
ちひろさん
mk2さんご指摘の混在コンテンツとなっているヘッダーの背景画像については、よくわからない場合は、タンポポの画像をもう一度、パソコンからWordPressにアップロードして、そのアップロードした画像を、Cocoon設定の「ヘッダー」タブの設定で、ヘッダーの背景画像に設定し直せば良いかと思います。
ところで、ひとつ質問なのですが、アドセンスの審査には合格しているのでしょうか?それともまだ、審査中なのでしょうか?
わいひら reacted
Topic starter
2021年6月24日 20:41
mk2様
ヘッダー画像は、今取り掛かっているところです。
アドセンスは、いま審査中です。
Topic starter
2021年6月24日 20:43
↑すみません、mk2様ではなくリフィトリー様でした。
失礼いたしました。
2021年6月24日 20:57
ちひろさん
ヘッダーの背景画像による混在コンテンツは解消されているようです。
アドセンスは、いま審査中です。
であるとすると、Cocoon設定の「広告」タブに設定した広告コードは消しておいた方が良いような気がします。
Cocoon設定の「アクセス解析・認証」タブの「ヘッド用コード」に設定されているコードは、審査用のコードだと思うので、そのままで良いかと思います。
わいひら reacted
2021年6月24日 21:00
ちひろさん
ちよっと他のことをしながらですので、なかなか頻繁にフォーラムに顔を出せません。
リフィトリーさんも仰っている通り、混在コンテンツは解消したようですね。
おそらくヘッダー背景画像を「https」にするだけだったのではないかと思います。
私の添付していたものはChromeですが、Firefoxでも確認は可能です。
画像を取ろうとしたのですが、迂闊にも再読み込みしたところで解消されました。
Firefoxで見ても、アドセンス絡みのエラーがたくさん出ているようです。
その理由は調べてはおりません。
審査中であれば、間違いなく支障になると思います。
わいひら reacted
Topic starter
2021年6月24日 21:03
mk2様
リフィトリー様
<混在コンテンツについて>
ヘッダー画像について「cocoon設定/ヘッダー」から確認すると、ご指摘のとおりSSL化されておりませんでしたので、画像を削除して改めてアップロードいたしました。
また、Cocoonとの相性が分からなかったのですが、ひとまず「Really Simple SSL」を有効化してみました。
Topic starter
2021年6月24日 21:19
リフィトリー様
アドセンスは、いま審査中です。
であるとすると、Cocoon設定の「広告」タブに設定した広告コードは消しておいた方が良いような気がします。
広告タブに設定した広告コードは一旦取り除きました。
mk2様
おそらくヘッダー背景画像を「https」にするだけだったのではないかと思います。
プラグインまで導入してしまいましたが、修正されていたのをリフィトリー様に確認して頂いて安心しました。
また、
アドセンス絡みのエラーがたくさん出ているようです。
その理由は調べてはおりません。審査中であれば、間違いなく支障になると思います。
これにつきましては、自分自身で調べて改善したいと思います。
思わぬ問題にお付き合いいただき、本当にありがとうございました。
リフィトリー reacted
Topic starter
2021年6月24日 21:30
mk2様
本当ですね…!
改行タブを終了していましたが、これからは開始タブだけにします。
アピールエリアを修正しましたが、他の記事にも改行の終了タブを付けていますので、近日中に修正したいと思います。
ありがとうございました。
2021年6月24日 21:31
ちひろさん
アドセンスのエラーは解消されませんね。
なんとなくですが、アドセンス側の設定が上手くいっていない気はします。
(403ですから、拒否されているということで、URL・ドメインの登録など上手くいっていないのかな。。。と。)
自分自身で調べて改善したいと思います。
とのことですので、これ以上は申し上げるのを遠慮しておきます。
【追記】
改行タグについては、開始・終了という考えではなく、単なる改行です。
タグの数だけ改行されます。
【追記の追記】
XHTMLでは、開始・終了という考えがあるみたいです。
XHTMLでは、<br></br>という感じみたいですね。
<br />もXHTMLのようです。(上記の省略形)
XHTMLは廃止になっているようです。
HTMLでは、<br>で良いみたいです。
(<br />も使えるみたいです。)
わいひら reacted
2021年6月24日 21:38
ちひろさん
もしかしたら、わいひらさんがスキンを修正くださるかもしれません。
その際は、修正したCocoonのテーマを適用してご確認いただけますと幸いです。
Topic starter
2021年6月25日 04:03
mk2様
アドセンスのエラーは解消されませんね。
なんとなくですが、アドセンス側の設定が上手くいっていない気はします。
(403ですから、拒否されているということで、URL・ドメインの登録など上手くいっていないのかな。。。と。)
<br />もXHTMLのようです。(上記の省略形)
XHTMLは廃止になっているようです。
ヒントをくださりありがとうございます…!
実は、私側の通信速度が遅く(理由は把握しており改善中です)、このフォーラムにコメントをアップするのもやっとの状態です。
もうそろそろ改善されるはずですが、まだ数日はかかると思いますので、アドセンス403エラーとXHTMLに関しては時間帯を見て行なっていきます。
リフィトリー様
かしこまりました!
とってもシンプルなcssを教えてくださってありがとうございました。
わいひら様、お手隙の際で結構ですのでぜひよろしく御願いいたします。
2021年6月25日 19:39
わいひら様、お手隙の際で結構ですのでぜひよろしく御願いいたします。
すいません。
トピックの内容がいろいろ混在していて、どこがどうなったのか完全にはちょっと把握しません。
よろしければ、スキンの現象のみのトピックを立てていただいてよろしいでしょうか。
不具合ページのURLと不具合状態のスクリーンショットとともにお願いいたします。
https://issyonisukusuku.net/?cat=0
上記ページを見た限りでは、特におかしな表示には見えなくて。
Topic starter
2021年6月26日 14:46
わいひら様
返信ありがとうございます。
mk2様に解説して頂いたことで十分だと思うのですが、新たにトピックを立てたほうが良ければ、教えてください。
mk2様
通信環境を変更したタイミングで、DNSレコードも変更するのを忘れておりました。
403エラーについて、ひとまず修正を加えました。
サーチコンソールのレスポンス待ちです。
また、投稿記事について、HTML5のルールを再度確認してタグの修正を行いました(改行タグ・pタグ・divなど)。
ちひろ
2021年6月26日 19:23
追加したコードとともに新しくトピックを立てていただければと思います。
あと該当ページのURLとともに。
Topic starter
2021年6月29日 09:23
わいひら様
大変お待たせいたしました。
改めて、フォーラム内にてご相談をさせて頂きましたので、ご確認頂けると幸いです。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。