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

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

投稿ページの目次を閉じたまま表示させた...
 
共有:
通知
すべてクリア

[解決済] 投稿ページの目次を閉じたまま表示させたい

8 投稿
3 ユーザー
9 Reactions
1,408 表示
(@お地蔵さん)
Active Member
結合: 5年前
投稿: 10
トピックスターター  

表題の通りとなります。

投稿ページの目次を閉じたまま表示させたいです(開閉式でクリックで開く)

Cocoon設定は添付画像のようになっております。

ページ設定の「目次を表示しない」のチェックは外れています。

色々試しても上手くいかず、不具合なのかそれとも設定方法が誤っているのか判断できません。

どうかご教授頂けるとありがたく思います。

投稿ページとは例えば下記のようなページとなります。

https://4hp.jp/graz

どうぞよろしくお願いします。

 


   
(@hossy)
Estimable Member Registered
結合: 5年前
投稿: 82
 

・「目次を表示する」にチェックを入れる

・「最初から目次内容を表示する」のチェックは外しておく

 

これでいかがでしょうか?

私はこれでできてます!

 
追記:「目次を表示する」にチェックが入っていないのに目次が表示されてますね?なんでだろう?
この投稿は3年前 3回ずつhossyに変更されました

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

お地蔵さん

お問い合わせの際は、ソースの圧縮はしないでください。
こちらからの確認ができません。

プラグイン「Autoptimize」をご利用かと思います。
これを無効化してください。

HTMLやCSSが圧縮されていて調べることができません。

 

ちなみに、このプラグインはCocoonの場合は不要です。
むしろ、Cocoonと併用すると不具合が起きます。

アンインストールなさることを強くお勧めします。
同様の機能をCocoonは有していますので、そちらをお使いください。

 

また、フォーラム上部の案内の通り、環境情報をご提示ください。

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

 

jQueryもエラーが出ていますね。
上記プラグインなのか、他のものの影響なのか。

 
 
プラグイン「Autoptimize」の無効化。
環境情報のご提示。
 
この2点お願い致します。
 
 
【追記】
 
CSSで、そもそも「目次」の文字を非表示になさっていますね。。。

   
わいひら and hossy reacted
(@お地蔵さん)
Active Member
結合: 5年前
投稿: 10
トピックスターター  

@mk2_mk2 

詳細な回答ありがとうございます。

ご指摘いただいた通り、プラグイン「Autoptimize」の無効化しました。

また環境情報記しておらず、申し訳ございませんでした。

下記ご確認頂けたらと存じます。

よろしくお願いいたします。

----------------------------------------------
サイト名:投資顧問サイト口コミ検証ナビ
サイトURL: https://4hp.jp
ホームURL: https://4hp.jp
コンテンツ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.8
PHPバージョン:7.4.13
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.164 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja
----------------------------------------------
テーマ名:Cocoon
バージョン:2.3.3.11
カテゴリ数:33
タグ数:103
ユーザー数:2
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.5
style.cssサイズ:5347バイト
functions.phpサイズ:169バイト
----------------------------------------------
Gutenberg:0
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/uploads/2018/08/2018-08-08-14-49-logo.squarespace.com_.png
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
AddQuicktag 2.6.1
Akismet Anti-Spam 4.1.10
All in One SEO 4.1.2.2
Async JavaScript 2.21.06.29
Aurora Heatmap 1.5.1
Broken Link Checker 1.11.15
Categories to Tags Converter Importer 0.5
Classic Editor 1.6.2
Contact Form 7 5.4.2
EWWW Image Optimizer 6.2.1
Google Analytics for WordPress by MonsterInsights 7.18.0
PS Auto Sitemap 1.1.9
Stockdio Historical Chart 2.8.6
WPForms Lite 1.6.8.1
WP Multibyte Patch 2.9
----------------------------------------------


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

お地蔵さん

まだ、高速化が有効になっています。
高速化を無効にしてください。

HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1

高速化が有効だと、こんな感じで、人間の目には解読が困難なのです。

 
 
先程、触れたjQueryのエラーは、以下が原因だと思います。

Async JavaScript 2.21.06.29

これは、正直知識のない方には使いこなせないです。
(私も無理です。)

JavaScript(jQuery)などのエラーにご自分で対処できないようであれば、アンインストールをお勧めします。


   
わいひら reacted
(@お地蔵さん)
Active Member
結合: 5年前
投稿: 10
トピックスターター  

@mk2_mk2 

大変失礼いたしました。

高速化を無効にいたしました。

jQueryのエラーの件もありがとうございます。

こちらも使いこなせないので、後ほどアンインストールしたいと思います。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

お地蔵さん

あまり難しいことを考えない方が良さそうです。

今は、ウィジェットで目次を挿入なさっているかと思います。

それではなく、自動挿入するか、もしくはショートコードで目次を挿入してみてください。
(ショートコードをココに書くと、自動で消えてしまう。。。)

自動挿入はhossyさんがお書きになっていた通りです。

ショートコードは、以下。

目次をショートコードで好きな場所に表示させる方法
https://wp-cocoon.com/toc-shortcode/

 

ウィジェットのものは、"目次[開く]"の部分が非表示になっていたり、ちょっと仕様が違うみたいです。


   
わいひら and hossy reacted
(@お地蔵さん)
Active Member
結合: 5年前
投稿: 10
トピックスターター  

@mk2_mk2 

ありがとうございます。

ウィジェットではないパターンで目次を表示させるように変えました。

大変詳しい回答ありがとうございます。

助かりました。


   
共有:

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

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

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

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

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

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

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

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