コード付き!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