カスタムCSS・スクリプト

2025.05.21

「カスタムCSS・スクリプト」機能について解説します。

以下のような場面で使う機能です。必須設定ではありません。

カスタムCSS	CSSを調整できる。細かなレイアウト・色変更などに使用
カスタムスクリプト	スクリプトを出力できる。Google Analyticsのトラッキングコードなどに使用

「CSSは子テーマでカスタマイズしようかな」という方へ。カスタムCSSを使うメリットを紹介します。

設定箇所

テーマオプション（TCDテーマ > 基本設定 > カスタムCSS・スクリプト）とエディタ内のカスタムCSS・スクリプトでは適用される範囲が異なります。

テーマオプション	サイト全体に適用される
エディタ（記事編集画面）	そのページだけに適用される

■■■■■■■■■■TO基本設定＞カスタムCSS・スクリプトの場所を示す画像テーマオプションのカスタムCSSの場所

CSSを入力します。<style>タグは不要です。

ヘッダー用は<head>タグの最後に、フッター用は</body>タグの直前に出力されます。

カスタムスクリプトが保存できないときは？
サーバーのWAF設定が原因であることが多いです。下記を参考にご覧ください。
→よくあるご質問：カスタムスクリプトが保存できない

この記事は役に立ちましたか？

説明文をここに表示します。
改行のテスト

Emi ことばと絵のひと

どちらかといえば静かで感覚派。何かを描くときは音楽を流すのがルール。最近は90年代の雑誌を読み返すのがマイブーム。座右の銘は「だいたいで生きていく」。仕事ではその日の気分や感覚を文章にすることが多いけれど、描く時に感じるインスピレーションを文章にも生かせたらいいなと思っています。