Cocoon設定備忘

スポンサーリンク

バッチ処理の自動化スキルは市場価値が高いです。今の自分の単価を調べてみませんか？
顧客常駐はもう嫌だ！社内SEへ転職するなら【社内SE転職ナビ】
Cursor・Claude Code・Codex AIスキルを学ぶなら
環境構築不要！AIエージェント開発を非エンジニアでも即実践【AI Agent Camp】

Easy Table of Contents

Cocoonに同様の目次機能があるため、停止。そのページにh2タグが無ければ機能しない。

目次の数字設定の変更

Cocoon設定→目次→目次ナンバーの表示

Enlighter – Customizable Syntax Highlighter

Cocoonに同様のコードハイライト目次機能があるため、停止。

Cocoon設定→コード→ソースコードをハイライト表示する　にチェックを入れる

<pre></pre>

で囲まれたところが機能するが、先にEnlighterで以下のコードが設定されているため、Search Regexプラグインで以下のように置換を実施してからハイライト表示を有効化する。

<pre class="EnlighterJSRAW" data-enlighter-language="generic">
↓
<pre>

クラシックエディタでpreタグ枠を追加するにはエディタ画面の左上の「段落」→「整形済みテキスト」を選択する

インデックス表示時のPV数の非表示

Cocoon設定→管理者画面→インデックス設定→エントリーカード→インデックスにPV数を表示する　のチェックを外す。

インデックスカードの配置（列数など）の変更

Cocoon設定→インデックス→カードタイプ→タイルカードX列

枠線の表示→カードの枠線を表示する

行間隔、文字フォントサイズの設定

Cocoon設定→本文→行の余白

Cocoon設定→全体→サイトフォント/モバイルサイトフォントのpx

投稿に更新日を表示しない

Cocoon設定→本文→更新日を表示する　のチェックを外す

目次の数字設定

固定ページでのサイドバー非表示

Cocoon設定→全体→サイドバーの表示状態→固定ページで非表示にする

投稿ページでのアイキャッチ非表示

Cocoon設定→画像→本文上にアイキャッチを表示する　のチェックを外す