WordPressの記事にCSS/JavaScriptを適用する方法

よこのじ(@yokonoji_work)です。

HTML/CSSを覚えると、WordPressの記事作成で使ってみたいと思うのではないでしょうか?しかし、どこにCSSを書くのか?と行き詰っているかもしれません。また、JavaScriptについても同じ疑問が浮かぶかもしれません。

このページではそれらを解決します。

解決方法

CSS適用の方法

下記のコードをfunctions.phpファイルの中に追記してください。

WordPressメニュー

外観 >> テーマの編集 >> functions.php >> “<?php ~ ?>”の中に追記

コード追記後は

記事編集画面の右上「表示オプション」 >> Custom CSSにチェック

これらの設定完了後、本文記入欄の下側にCustom CSSという欄が現れているはずですので、そちらにCSSを書いてください。

JavaScript適用の方法

下記のコードをfunctions.phpファイルの中に追記してください。

WordPressメニュー

外観 >> テーマの編集 >> functions.php >> “<?php ~ ?>”の中に追記

コード追記後は

記事編集画面の右上「表示オプション」 >> Custom JSにチェック