Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

記事本文が右サイドバーまではみ出してし...
 
共有:
通知
すべてクリア

[解決済] 記事本文が右サイドバーまではみ出してしまいます

9 投稿
4 ユーザー
4 Reactions
2,630 表示
(@houhou)
Active Member Registered
結合: 6年前
投稿: 10
Topic starter  

お世話様です。

昨日投稿したつもりだったのですが、検索しても見当たりません。

重複していたら申し訳ないですが、サイド投稿させていただきます。

新しくブログをつくり記事を投稿したのですが、記事本文の内容がウィジェット(右サイドバー)まではみ出してしまいます。

過去のcocoonブログと同じに設定して特にカスタマイズもしていません。

何かの設定ミスかと思い、過去のブログとパラメーターを比較してみましたたが、

同じようで差異が見つけられませんでした。

当方のミスの可能性は大きいのですが、ご教示いただければ幸いです。

ブログの設定は下記のとおりです。

よろしくお願いします。

----------------------------------------------
サイト名:倚りかかりブログ
サイトURL: https://nipponia.xyz
ホームURL: https://nipponia.xyz
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-child-master/skins/skin-template/style.css
Wordpressバージョン:4.9.9
PHPバージョン:5.6.40
ブラウザ:Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.96 Safari/537.36
サーバーソフト:LiteSpeed
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:1.6.0
カテゴリ数:2
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.5
----------------------------------------------
Gutenberg:1
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 4.1.1
Category Order and Taxonomy Terms Order 1.5.5
Contact Form 7 5.1.1
Edit Author Slug 1.6.0
Google XML Sitemaps 4.1.0
Imagify 1.8.4.1
Jetpack by WordPress.com 7.0
Limit Login Attempts Reloaded 2.7.3
Link Checker 1.16.1
LiteSpeed Cache 2.9.2
Regenerate Thumbnails 3.1.0
Search Regex 1.4.16
SiteGuard WP Plugin 1.4.3
WebSub/PubSubHubbub 3.0.2
Wordfence Security 7.2.1
WP Cerber Security, Antispam & Malware Scan 7.9.7
WP Multibyte Patch 2.8.2
----------------------------------------------


   
がっきぃ
(@gackey-21)
Active Member Registered
結合: 6年前
投稿: 18
 

私の力量では解決できないので下調べだけしてみました。

「.entry-content」内に「#content-in」が再度出現しており、その付加クラスである「.wrap」の重ねがけが原因っぽいです。この「.wrap」を削除すると、メインラカラム内に収まって表示されます。

初期投稿の「Hello world!」では「#content-in」の再出現は見られませんので、「パルミジャーノ…」記事自体(もしくは作成方法?)に不具合があるかもしれません。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

https://nipponia.xyz/parmigiano/

上記ページに、添付画像のようなdiv要素が書き込まれています。
これは、投稿画面で自前で記入されたもの(もしくはコピペで付属してしまったタグ)なので投稿ページから対となるタグを削除してみてください。

id="8ed8157b-fe4a-452c-a4a5-f60c37ddef78" class="postBody"と書かれたタグです。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

最初の吹き出しから、本文最後までをラップしているdiv要素です。


   
(@houhou)
Active Member Registered
結合: 6年前
投稿: 10
Topic starter  

ここにHTMLコードを書くと表示がずれてしまうんですね。

無知で済みません。

再度HTML以外の部分を下記します。

ーーーーーーーーーーーーーーーーーー

わいひら様

ご指摘のフレーズを消し、chromeのキャッシュも消去して何度か表示させてみましたが、不具合は解消しません。

また、あらたな不具合としてサイドバーの内容が消えてしまいました。

消えたと勘違いしましたが、実際はPC画面でも記事の下の方に押し出されて表示されていました。

【テスト1】
記事内頭のdiv関連と吹き出しの修飾も削除して
テキストだけで新記事として作成

正常に表示されます。

【テスト2】
上記1では正常に表示されたが、吹き出しも消えてしまった。
それで【テスト1】の状態から吹き出しを付け加えたところ、正常に表示された。

旧ブログと新ブログの違いはOpen Live Writerを利用してブログ更新をしようとしたことです。
そのため、不要なHTMLが記事冒頭に挿入され、
不具合につながったと思われます。

がっきい様、わいひら様
ご教示有難うございました。

問題が解決して先に進めます。


   
わいひら reacted
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

ご指摘のフレーズを消し、chromeのキャッシュも消去して何度か表示させてみましたが、不具合は解消しません。

はじめの div id="8ed8157b-fe4a-452c-a4a5-f60c37ddef78" class="postBody" と最後の /div を同時に削除しないとレイアウトがくずれたりします。

あと最後の/divはWordPressの仕様で増えている可能性もあるかも知れません。

該当ページ

https://nipponia.xyz/parmigiano/

 

** 業務連絡 **

#post-12501一旦、未認証にしました。(ログアウト状態ではキチンと表示されている模様です。)


   
わいひら reacted
(@houhou)
Active Member Registered
結合: 6年前
投稿: 10
Topic starter  

かうたっく様

ご指摘有難うございます。

基本が分かっていないですね。

このスレッドは完了にしてください。

 


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

まだ質問があるかどうか、分かりかねたので追記しました。

このスレッドは完了にしてください。

解決済みにしたい場合は、今私には見えないのですが、はじめ書かれた投稿の下あたりに『解決済み』的な文字があると思います。

https://gyazo.com/1c248dce85fc4d2cd0affb79a7fb1a45

『解決』的な文字列をタップすれば解決済みだから、時間かけてこれ以上見てくれなくってもて平気ですよ。って伝わるかもですね❦


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

表示崩れの原因となっている投稿は削除しました。


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました