任意のコードをヘッダー/フッターに出力する

参考:

WordPress で JavaScript を読み込ませるならこうすると便利です – Qiita

How to Add Code to WordPress Header and Footer | Kinsta

wp_enqueue_script

参考:

wp_enqueue_script | WordPress Codex 日本語版

wp_enqueue_script() | WordPress Developer Resources [Official]

wp_add_inline_script

参考:

WordPress 4.5 から使える wp_add_inline_script を使って Jetpack の SnowStorm を桜に変えて降らせてみる | ねんでぶろぐ

wp_add_inline_script | WordPress 私的マニュアル

wp_add_inline_script() | WordPress Developer Resources [Official]

登録

参考:

wp_register_script | WordPress Codex 日本語版

wp_register_script() | WordPress Developer Resources [Official]

jQuery を使う

ready を使う場合
jQuery(document).ready(function($){
  // $ を使って処理を実行する
})Code language: JavaScript (javascript)
即時関数を使う場合
(function($){
  // $ を使って処理を実行する
})(jQuery)Code language: JavaScript (javascript)

参考:

WordPress でのダメな jQuery 関数の囲み方 4パターンと対策講座 | 株式会社クーネルワーク

Minify

参考:

WordPress サイトで Minify 圧縮を行う具体的な方法と注意点 | TCD

How to Minify CSS / JavaScript Files in WordPress (3 Ways) | WPBeginner

まとめ

参考:

WordPress でファイルを読み込むための wp_enqueue_style と wp_enqueue_script の使い方と引数の意味を理解しておこう | WEMO

CSS や JavaScript ファイルの読み込み | Web Design Leaves

WordPress でページごとに個別のCSSを設定する方法4選 | Naifix

Simple CSS

入手:

Simple CSS | WordPress Plugin [Official]

Simple Custom CSS and JS

公式サイト:

Simple Custom CSS and JS Pro | Silkypress.com [Official]

入手:

Simple Custom CSS and JS | WordPress プラグイン [公式]

ドキュメント:

Documentation | Silkypress.com [Official]

参考:

記事内にカスタム CSS や JS を簡単に埋め込む方法 | Fukuro Press

Simple Custom CSS and JS で簡単にコードを追加する | OTOCHAN BLOG

子テーマなしで CSS と JavaScript の追加ができるプラグイン | ゆうそうと IT ブログ

Simple Custom CSS and JS ってどんなプラグイン?使い方を解説 | FOXWP

Simple Custom CSS and JS – フロントエンド・バックエンドのコードを管理できる WordPress プラグイン | ねたわん

Custom CSS and JS のパスをテーマフォルダに通しておくと便利 | デジモノ備忘録

Code Snippets

入手:

Code Snippets | WordPress Plugin [Official]

参考:

Code Snippets – WordPress の functions.php を簡単に管理できるプラグイン | Naifix

functions.php の PHP コードを管理できる WordPress プラグイン | ねたわん

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA