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カスタマイズ依頼

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

cocoon2.2.5で目次が中心に表...
 
共有:
通知
すべてクリア

[解決済] cocoon2.2.5で目次が中心に表示されない

9 投稿
4 ユーザー
15 Reactions
1,401 表示
(@otaota)
Eminent Member Registered
結合: 5年前
投稿: 23
トピックスターター  

お世話になっております。

https://www.sim-labo.jp/uqmobile

 

上記のサイトにてcocoonを2.2.5にアップロードしたところ、目次が中心に表示されなくなってしまいました。

Cocoon設定→目次→目次をメインカラムの中央に表示する にチェックは入っています。

(Wordpressは5.5.3です)

 

なお、現在はこちらのCSSを記述してカスタマイズを行っていますが、念のため外してみてもやはり中心表示にはならず…。

https://notepad.pw/share/i3s337c9m

 

同じ設定で、cocoonを最新化していない他のサイトでは中央に表示されております。

https://www.sim-labo.jp/ymobile/

https://www.sim-labo.jp/

よって、cocoon2.2.5が関連しているのではないかと思いました。

 

もし対処法がわかればアドバイスをお願いいたします。

 

----------------------------------------------
サイト名:UQモバイルの特徴・メリット/デメリットまとめ【2020年最新】料金プランやキャンペーン、iPhoneの使い方も解説
サイトURL: https://www.sim-labo.jp/uqmobile 
ホームURL: https://www.sim-labo.jp/uqmobile 
コンテンツ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
WordPressバージョン:5.5.3
PHPバージョン:7.3.16
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:2.2.5
カテゴリ数:2
タグ数:6
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.0.8
style.cssサイズ:4807バイト
functions.phpサイズ:203バイト
----------------------------------------------
Gutenberg:0
AMP:1
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:1
ホームイメージ:/wp-content/uploads/2020/02/UQモバイル記事内・SNS用2.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:1
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 4.1.7
Broken Link Checker 1.11.15
Google XML Sitemaps 4.1.1
Revision Control 2.3.2
SiteGuard WP Plugin 1.5.2
WP Multibyte Patch 2.9
----------------------------------------------
このトピックは4年前からOTAOTAに変更されました

   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

前略、OTAOTA さん

私のローカルのテストサイトでも、同様の症状となりました。

 

HTMLタグにクラス(toc-center)は出力されているようなので、CSSファイルに指定のコードが足りないのだろうと推測されます。

 

応急として、以下のCSSを追加CSSか、子テーマのCSSに追記すれば、中央に配置されるような気がします。

.toc-center {
margin: 1em auto;
}

おそらく、わいひらさんもすぐに ご対応くださるとは思いますが・・

 

 

この投稿は4年前ずつリフィトリーに変更されました

   
わいひら and OTAOTA reacted
(@otaota)
Eminent Member Registered
結合: 5年前
投稿: 23
トピックスターター  

@leafytree

リフィトリーさん、書き込みありがとうございます!

記載していただいたCSSを追加してみましたが、残念ながら改善されませんでした…

 

ただ、ひとまず同様の症状が他でも発生していることを確認できて安心しました!

ありがとうございます!


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@otaota さん

私のテストサイトでは、子テーマのCSSに記述しても ちゃんと反映されました。

 

何かしらの理由で、コードが無効になっているのではないかと推測されます。

 

追加CSSだと、どうでしょうか?

 

追加CSSは、「外観」→「カスタマイズ」→「追加CSS」とたどれば開けます。

 

追加CSSのコードを確定するには、すぐ上にある「公開」ボタンをクリックします。

 
 
追加CSSではなく、子テーマのCSSに記述する場合は、一番下に書いてみてください。
この投稿は4年前 2回ずつリフィトリーに変更されました

   
わいひら and OTAOTA reacted
(@woody)
New Member
結合: 4年前
投稿: 1
 

私も同じ症状でしたが、リフィトリーさんの 子テーマのCSSに記述する方法で改善しました。

応急処置できました。ありがとうございました。


(@otaota)
Eminent Member Registered
結合: 5年前
投稿: 23
トピックスターター  

@leafytree

リフィトリーさん、ありがとうございました。

追加CSSに記述したところ、中央表示できました!

 

よくわかっておらず、外観→テーマエディター→スタイルシートに記載してしまっておりました…

大変失礼しました。

 

こちらに書き込んで本当に良かったです。

しばらくは応急処置としてこの状態にしておきます。

皆様ありがとうございました!

 

P.S.応急処置の方法がみつかったということで、一応解決済にしておきます。

この投稿は4年前ずつOTAOTAに変更されました

   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@otaota さん

子テーマのCSSファイルを拝見したところ、一番上に書かれていたので、それより下のコードで上書きされて無効になってしまっていたのかもしれませんね。


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

不具合を確認いたしました。
早速修正させていただきました。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------

近いうちにアップデートも行います。
リフィトリーさんもご指摘ありがとうございます!!


   
OTAOTA reacted
(@otaota)
Eminent Member Registered
結合: 5年前
投稿: 23
トピックスターター  

@leafytree

リフィトリーさんのおっしゃるように、外観→テーマエディター→スタイルシートの一番下に記述したら中央寄せできました。

順番も関係するのですね!勉強になりました。

ありがとうございました。

 

@yhira

お忙しいところありがとうございます。

Wordpress5.6対応もあり大変かと思いますが、何卒よろしくお願いいたします。

 


   
共有:

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

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

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

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

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

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

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

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