目次の下に空白行挿入 - CSSカスタマイズ相談

RE: 目次の下に空白行挿入

たむら船堀 — Wed, 16 Dec 2020 23:32:30 +0000

リフィトリー様

早々とご丁寧な回答をありがとうございます。

教えていただいたコードで解決、しかも5emでピッタリでした。

ご親切に他の有益な情報まで知らせてくださり、感謝致します。

助かりました。

リフィトリー — Wed, 16 Dec 2020 13:38:24 +0000

たむら船堀さん

CSSのコードの編集は全て半角で行ってください。

全角の文字や、全角の空白を使うと、エラーになります。

リフィトリー — Wed, 16 Dec 2020 13:32:53 +0000

たむら船堀さん

追加CSSを開くには、ダッシュボードの「外観」→「カスタマイズ」→「追加CSS」と辿ると開けます。

コードを貼り付けたら、すぐ上にある「公開」ボタンで変更を確定します。

リフィトリー — Wed, 16 Dec 2020 13:24:22 +0000

Windows環境ですと、「Mery」というテキストエディタが、シンプルでオススメです。

Macでしたら、「CotEditor」というのがいいみたいです。

以下のサイトの記事の下の方に文字コードの設定方法の記述があるみたいです。

リフィトリー — Wed, 16 Dec 2020 13:16:23 +0000

たむら船堀さん

デザインを変えたいときは、HTMLやCSSの書き方を覚えた方がスムーズです。

以下のトピックには、有用なリンクが沢山紹介されています。

リフィトリー — Wed, 16 Dec 2020 13:12:40 +0000

前略、たむら船堀さん

目次の下側のマージンを増やすと目次の下の空白が広くなります。

Cocoonの目次機能をお使いでしたら、追加CSSか、子テーマのstyle.cssに以下のコードを貼り付ければ、イケそうな気がします。

#toc {
   margin-bottom: 5em;
}

CSSのコードを扱うときは、文字コードをUTF-8（BOMなし）でプレーンテキストを扱うことが可能なテキストエディタをお使いください。

5emの数値はお好みで、適宜変更してください。（例：4em とか、4.5em など）

たむら船堀 — Wed, 16 Dec 2020 12:59:14 +0000

お世話になっています。

目次の下（h2見出しの上）に空白行を1行挿入したいのですが、どうすればいいですか？