サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2020年11月29日 14:28
いつもお世話になっております。
違うサイトでcocoonにお世話になっていて新しいサイトでも使わせて頂こうと思っているのですが、投稿画面をプレビューすると本文が左に寄ってしまいます。
スマホ画面でもそうでした。
目次の周りにも変な枠があったりなど、なんだかよくわからないのです。
特にテーマをいじったわけではないのですが何か対策法はありますでしょうか。
あと、投稿画面にサイドバーを右側に配置するのはスキンを使用している以上厳しいでしょうか？
ご教授いただけますと大変助かります。
よろしくお願い申し上げます。
トピックスターター 2020年11月29日 15:50
@leafytree様
ありがとうございます！
こちらの返信に貼り付けでも大丈夫でしょうか？
一応貼り付けておきます！
どうぞよろしくお願いいたします。
対象ページURL： https://ozikyun.com/2020/11/23/younger-ladies-talk/
サイト名：おじキュン大作戦
サイトURL： https://ozikyun.com
ホームURL： https://ozikyun.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-dark-kamonoha/style.css
WordPressバージョン：5.5.3
PHPバージョン：7.4.4
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.1 Safari/605.1.15
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja-jp
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.4.5
カテゴリ数：1
タグ数：0
ユーザー数：1
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ： 
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
Autoptimize 2.7.8
BackWPup 3.8.0
Classic Editor 1.6
Contact Form 7 5.3
Easy Google Fonts 1.4.4
PS Auto Sitemap 1.1.9
Quick Adsense 2.5
Shortcodes Ultimate 5.9.4
UpdraftPlus - Backup/Restore 1.16.41
----------------------------------------------
この投稿は4年前 2回ずつyasuianmoに変更されました
2020年11月29日 15:59
@yasuianmo さん
プラグインの「Autoptimize」を停止していただけますでしょうか？
「Autoptimize」をCocoonの高速化機能と併用すると、不具合が出るようですし、そうでない場合も注意が必要なプラグインのようです。
あと、子テーマをお使いになっていらっしゃらないようですので、子テーマを導入されることをオススメします。
プラグインの「WP Multibyte Patch」もインストールしておいた方が良いかもしれません。
トピックスターター 2020年11月29日 16:07
@leafytree様
ご対応いただきありがとうございます！
子テーマは一応ダウンロードしてあるのですが、いまいち使い方がわからず・・・
「WP Multibyte Patch」もインストールしておきます！
2020年11月29日 16:12
ちょっと、外へ出てしまったので、後でまた、書き込ませていただきます。
2020年11月29日 18:17
@yasuianmo さん
とりあえず、プラグインの「Autoptimize」を停止するか、削除をお願いします。
プラグインを停止または削除するには、ダッシュボードの「プラグイン」→「インストール済みプラグイン」とたどって「Autoptimize」を「停止」もしくは、「無効化」または、「削除」をクリックします。
わいひら reacted
2020年11月29日 21:09
@yasuianmo さん
まだ、現状反映されていないみたいです。
もしかしたら、Xアクセラレータ あたりに、キャッシュが残っているのかもしれませんね。
もう少し待ってみます。
ちなみに、私もローカルのテストサイトでCocoonの親テーマのバージョンを yasuianmo さんと同じにして、同じスキンにしてみましたが、投稿記事でも問題なく表示されています。
おそらく、プラグインの影響ではないかと推測しているのですが・・
この投稿は4年前 2回ずつリフィトリーに変更されました
トピックスターター 2020年11月29日 21:35
お忙しいところ、ありがとうございます。
実は、固定ページでは通常通りと言いますか、理想の形で表示されるんですよね。
スキンを外してみたり、スキンを変えてもダメだったので、どうしたもんか・・・。
2020年11月29日 22:06
@yasuianmo さん
とりあえず、プラグインの「Autoptimize」を削除した状態の表示を確かめたいのですが、どこかにキャッシュされているため？か、確認ができない状況です。
サーバーキャッシュがONになっているようでしたら、以下のページの下の方に、キャッシュの削除方法が記載されているので、試してみるという手もありますが、私は使ったことはないです。
わいひら reacted
トピックスターター 2020年11月29日 22:09
Xサーバーのキャッシュ削除し、Xアクセラレータはオフにしてみました。
寸ともしません泣
たくさんご教授いただいているのに、、、本当に申し訳ないです。
とりあえずまだ公開しないサイトではあるので様子をみてみます泣
本当にありがとうございます。感謝感謝です。
2020年11月29日 22:14
@yasuianmo さん
あとは、プラグインを全て一旦停止してみる、というのも試してみてもいいかもしれません。
「Shortcodes Ultimate」は、アニメーションのプラグインのようですが、Webサイトの幅に影響を及ぼしそうな感じもするので、停止して表示を確認するというのもアリかなと思います。
トピックスターター 2020年11月29日 22:24
プラグイン全停止してみました！
ちなみに、追加CSSでこういったものを反映させたことがあったのですが、スキンの影響？か何かわからないのですがうまくいかなかったのですぐに消しました。
何か影響はありますでしょうか？
ul {
border: solid 2px #ffb03f;
padding: 0.5em 1em 0.5em 2.3em;
position: relative;
}
ul li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none!important;/*ポチ消す*/
}
ul li:before {
font-family: "Font Awesome 5 Free";
content: "\f00c";
position: absolute;
left : 1em; /*左端からのアイコンまで*/
color: #ffb03f; /*アイコン色*/
}
2020年11月29日 22:33
@yasuianmo さん
うまく表示されないページのHTMLタグの構成が崩れているようです。
あくまで推測ですが、HTMLの閉じタグなど、対になっていなければならないHTMLタグのどこかが欠けているのではないかという気がしてきました。
この記事とは別に、投稿ページでテスト用の記事を新しく書いてみてください。
タイトルは「テスト記事01」とかでもOKです。本文は、「このテキストはテスト用のテキストです。このテキストはテスト用のテキストです。このテキストはテスト用のテキストです。このテキストはテスト用のテキストです。」みたいなものでいいと思います。
おそらく、新しいテスト記事のページは、正常に表示されるような気がするのですが・・
この投稿は4年前 4回ずつリフィトリーに変更されました
トピックスターター 2020年11月29日 22:40
2020年11月29日 22:50
@yasuianmo さん
おそらく、ご自身でカスタマイズされた部分のどこかに問題があるのだろうと推測されます。
アニメーション広告用に上の方にウィジェットを入れてらっしゃいますよね。
それらのウィジェットを一旦外してみるとか・・
ご自身でカスタマイズをした部分を外していくことで、原因の切り分けができそうな気がします。
HTMLの構成の崩れは、記述に問題があるときに起こる場合が多いような気がします。
この投稿は4年前ずつリフィトリーに変更されました
2020年11月29日 23:07
@yasuianmo さん
モバイル用のテキストウィジェットか何かを投稿記事タイトル上のエリア辺りに入れてますよね？
それも、一旦、ウィジェットを外してみてはいかがでしょうか？
その近くに余分なHTMLタグがあるような気がします。
この投稿は4年前 3回ずつリフィトリーに変更されました
トピックスターター 2020年11月29日 23:14
2020年11月29日 23:21
トピックスターター 2020年11月29日 23:22
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。