コード付き!WordPressの記事ごとに個別CSS/JavaScriptを適用する方法

よこのじ(@yokonoji_work)です。

HTML/CSSを覚えると、WordPressの記事作成で使ってみたいと思うのではないでしょうか?

しかし、どこにCSSを書くのか?と行き詰っているかもしれません。また、JavaScriptについても同じ疑問が浮かぶかもしれません。

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

解決方法

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

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

WordPressメニュー

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

コード追記後は

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

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

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

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

WordPressメニュー

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

コード追記後は

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

 

WordPressによるWebサイト制作のための、究極のレシピ集