サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2018年11月21日 22:58
いつもお世話になっております。
わたしのiPhoneで cocoonのフォーラムのトピックを開くと（どのトピックを開いても）横揺れしています。（画像のような感じです）
他の方が大丈夫でしたら、私のスマホだけの問題だと思うのですが…
また、この現象をすでにご存知かもしれませんが、一応お知らせしました。
2018年11月22日 20:15
おそらく、添付画像のような改行余地のない文字列リンクがあるのが原因かと思われます。
当フォーラムの添付ファイルに対して、以下の処置を施したので、改善されたのではないかと思います。
.wpforo-attached-file{
word-break: break-all;
}
http://www.htmq.com/style/word-break.shtml
Topic starter
2018年11月22日 21:50
わいひらさん、、、私のスマホでは 変わっていないのですが…。
わいひらさんのスマホでは横揺れしていないのでしょうか。
2018年11月22日 21:55
僕の環境では表示されているようです。
もしかしたら、ブラウザキャッシュが残っているのかもしれません。
ブラウザキャッシュを削除するとどうでしょうか。
また、ページキャッシュが残っていた可能性もあるので、プラグインのページキャッシュをクリアしておきました。
もしまだ横揺れしているようでしたら、よろしければ横揺れしているページのURLを貼り付けていただけると助かります。
Topic starter
2018年11月22日 22:43
わいひらさんのスマホではきちんと表示されているのですね。
ブラウザのキャッシュを削除してみましたが、変わりませんでした。
横揺れしているページですが、フォーラムのトピックを開いたページです。
私のiPhoneでは、このページも横揺れしています。
2018年11月23日 19:15
やっぱり、長めの文字列の添付ファイルがあるページですね。
原因の切り分けのために、よろしければ以下のページで横揺れするか確認していただいてよろしいでしょうか。
フォーラム一覧ページ。
https://wp-cocoon.com/community/
添付ファイルがないトピック。
https://wp-cocoon.com/community/typos/%e8%aa%a4%e5%ad%97%e5%a0%b1%e5%91%8a-5/#post-8996
Topic starter
2018年11月23日 22:20
わいひらさん、どういう状況だと横揺れするか、わかったかもしれません。
私のスマホでは、鍵のマークがついていないトピックを開くと横揺れします。
解決済みの（鍵のマークがついている）トピックを開くと横揺れしません。
わいひらさんが貼って下さったURLは、２つとも横揺れしていません。
ただ、添付ファイルがないトピックでも横揺れしているページがありました。
わいひら reacted
2018年11月24日 21:47
こんばんは。
開発ツールで確認したところ、添付画像の箇所のbody要素が860pxになっているのが原因っぽいですね。
この返信フォームのiframe内にあるmainクラスのbody要素です。
https://wp-cocoon.com/wp-content/uploads/cocoon-resources/css-cache/css-custom.css
の145行目が、モバイルもwidth:860pxで認識されていました。
一応開発ツール上でwidth:100%にしたところ、横揺れが消えました。
でも横揺れの起きないページもあるのが、ちょっと不明ですね・・・。
わいひら reacted
2018年11月24日 23:12
解決済みの（鍵のマークがついている）トピックを開くと横揺れしません。
ということは、書き込みができる入力フォームがあるページで揺れているということですね（クローズにすると入力フォームがなくなる）。
それで、たなかまさんの書き込みでなるほどと。
本文.mainに設定してあるwidth:860pxが、ビジュアルエディターの.mainにもスタイルが適用されてしまっているようですね。
width:860pxを打ち消すために、width:autoが優先されるように修正してみました。
当サイトも適用したので、よろしければ確認していただければ幸いです。
2018年11月25日 19:20
たまかまさん、kchanさん、動作確認ありがとうございます！
僕はiPhoneを持っていないので、iPhoneに関するご指摘は本当にありがたいです。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。