コード付き！WordPressの記事ごとに個別CSS／JavaScriptを適用する方法
- 2018.10.08
- 2019.09.16
- Webスキル
よこのじ（@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サイト制作のための、究極のレシピ集
- 前の記事
記事がありません
- 次の記事
無駄な表記は省略可！コピーライト（Copyright）の正しい書き方 2018.10.08