目次（見出しH2）の番号を ”■” に変更するためのCSSを教えていただきたいです - CSSカスタマイズ相談 https://wp-cocoon.com/community/customs/%e7%9b%ae%e6%ac%a1%ef%bc%88%e8%a6%8b%e5%87%ba%e3%81%97h2%ef%bc%89%e3%81%ae%e7%95%aa%e5%8f%b7%e3%82%92-%e2%96%a0-%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e3%81%9f%e3%82%81/ Cocoon ディスカッション掲示板 ja Fri, 16 Oct 2026 17:26:50 +0000 wpForo 60 RE: 目次（見出しH2）の番号を ”■” に変更するためのCSSを教えていただきたいです https://wp-cocoon.com/community/customs/%e7%9b%ae%e6%ac%a1%ef%bc%88%e8%a6%8b%e5%87%ba%e3%81%97h2%ef%bc%89%e3%81%ae%e7%95%aa%e5%8f%b7%e3%82%92-%e2%96%a0-%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e3%81%9f%e3%82%81/#post-70301 Mon, 01 May 2023 22:35:16 +0000  chu-yaさん

ありがとうございます！

 

できました☆

感謝です！！

]]> CSSカスタマイズ相談 simpleandwell https://wp-cocoon.com/community/customs/%e7%9b%ae%e6%ac%a1%ef%bc%88%e8%a6%8b%e5%87%ba%e3%81%97h2%ef%bc%89%e3%81%ae%e7%95%aa%e5%8f%b7%e3%82%92-%e2%96%a0-%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e3%81%9f%e3%82%81/#post-70301 RE: 目次（見出しH2）の番号を ”■” に変更するためのCSSを教えていただきたいです https://wp-cocoon.com/community/customs/%e7%9b%ae%e6%ac%a1%ef%bc%88%e8%a6%8b%e5%87%ba%e3%81%97h2%ef%bc%89%e3%81%ae%e7%95%aa%e5%8f%b7%e3%82%92-%e2%96%a0-%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e3%81%9f%e3%82%81/#post-70289 Mon, 01 May 2023 11:58:07 +0000 ●設定


以下に設定して下さい。

→→目次ナンバーの表示「表示しない」

現在設定してあるアイコンフォントに対応しています。

→→サイトアイコンフォント「Font Awedome4」

●CSS

以下のCSSを追加します。(対象はh2のみ)

.toc-list > li:before {
  content: "\f0c8";
  font-family: 'Fontawesome';
  font-weight: 900;
  margin-right: 0.5em;
}

●補足

見出しに追番を付けるのは、望ましくないと思います。

]]> CSSカスタマイズ相談 大門未知子 https://wp-cocoon.com/community/customs/%e7%9b%ae%e6%ac%a1%ef%bc%88%e8%a6%8b%e5%87%ba%e3%81%97h2%ef%bc%89%e3%81%ae%e7%95%aa%e5%8f%b7%e3%82%92-%e2%96%a0-%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e3%81%9f%e3%82%81/#post-70289 目次（見出しH2）の番号を ”■” に変更するためのCSSを教えていただきたいです https://wp-cocoon.com/community/customs/%e7%9b%ae%e6%ac%a1%ef%bc%88%e8%a6%8b%e5%87%ba%e3%81%97h2%ef%bc%89%e3%81%ae%e7%95%aa%e5%8f%b7%e3%82%92-%e2%96%a0-%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e3%81%9f%e3%82%81/#post-70287 Mon, 01 May 2023 11:39:31 +0000 サイトURL

https://simpleandwellblog.com/

 

対象記事

https://simpleandwellblog.com/sendai-cafe-cheesecake/

 

カスタム内容

・目次（見出しH2）の番号を ”■（黒四角）” に変更したい（添付ファイル参照）

 

環境情報

----------------------------------------------
サイト名：仙台宮城カフェ
サイトURL：https://simpleandwellblog.com
ホームURL：https://simpleandwellblog.com
コンテンツ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
スキン：/wp-content/themes/cocoon-master/skins/simple-navy/style.css
WordPressバージョン：6.2
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.0
エンコーディング：none
言語：ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.9
カテゴリー数：23
タグ数：44
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：5325バイト
functions.phpサイズ：905バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：1
ホームイメージ：/wp-content/uploads/2022/02/44simpleandwellblog.com_.png
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
Ad Invalid Click Protector 1.2.8
All-in-One WP Migration 7.73
Category Order and Taxonomy Terms Order 1.7.5
Code Snippets 3.3.0
ConoHa WING コントロールパネルプラグイン 1.1
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.7.6
EWWW Image Optimizer 6.9.3
PS Auto Sitemap 1.1.9
Search & Filter 1.2.16
SiteGuard WP Plugin 1.7.5
Sitemap Generator 4.1.10
WebSub (FKA. PubSubHubbub) 3.1.3
WordPress Importer 0.8.1
WP Fastest Cache 1.1.5
WP Multibyte Patch 2.9
----------------------------------------------

]]> CSSカスタマイズ相談 simpleandwell https://wp-cocoon.com/community/customs/%e7%9b%ae%e6%ac%a1%ef%bc%88%e8%a6%8b%e5%87%ba%e3%81%97h2%ef%bc%89%e3%81%ae%e7%95%aa%e5%8f%b7%e3%82%92-%e2%96%a0-%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e3%81%9f%e3%82%81/#post-70287