javascript
ワードプレスでJSのインラインスクリプト設置方法
今回はワードプレスにインラインスクリプトを入れる場合の対処方法です。
jQueryなどでオプション指定したりタグなどを入れ込んだりするときに有効です。
結構簡単です。割と最近なんですがそれ用の関数がもう出ています。ワードプレスの4.5以上の機能になりますのでご注意下さい。
wp_add_inline_script( $handle, $data, $position );
$handle：インラインスクリプトを追加するスクリプト名（必須） 。
$data：追加するJavaScriptを含む文字列（必須）。
$position：インラインスクリプトを$handleの前または後に追加する。デフォルトは後（オプション）。
これですね。
jsライブラリなどをwp_enqueue_script関数で読み込んでいるところに一緒に記述すると良いですね。
主にfunction.phpに記載します。
簡単に実装例を載せておきます。
サイト内検索
最近の投稿
bootstrap4でのtable-responsiveをレスポンシブにする
最近はCSSフレームワークはBootstrap3からBootstrap4をメインにして作業しております。かなり使いやすいです。ほぼこのフレームワークだけで完結できる仕様になってきました。 さて...
16 Jun 2018
CSSでの画像ホバー効果ライブラリのご紹介
今回は純粋なCSS画像ホバー効果ライブラリをご紹介します。画像をマウスオーバーするとテキストが表示されるCSSライブラリになります。実装も簡単でクラス指定をすることで40種類以上の効果を体験でき...
10 Jun 2018
ワードプレスで特定のページにnoindex,nofollow
ワードプレスに特定のページにmeta name="robots" content="noindex,nofollow"をつける場合はプラグインを利用するかヘッダーに条件分岐でいれるかだと思います...
03 Jun 2018
Vagrantのアンインストール方法-Mac版
さて今回は簡単にご紹介、そもそもそんなにvagrantをアンインストールしないのですがそういう機会があったので覚書で記載しておきます。 Mac版のvagrantってアンインストールってなぜか手...
26 May 2018
超絶・超速のnode-sassでsassコンパイルのすすめ
さて今回はsassを取り上げてみます。sassといったらcompassが出てくるほど有名ですが、すでに開発終了してから4年以上たっているわけでしてしかもコンパイラとしての機能しか使っておらず、他...
12 May 2018
ブログカテゴリー
ブログアーカイブ
- 2016年01月(5)
- 2016年02月(4)
- 2016年03月(4)
- 2016年04月(5)
- 2016年05月(4)
- 2016年06月(4)
- 2016年07月(4)
- 2016年08月(4)
- 2016年09月(4)
- 2016年10月(4)
- 2016年11月(4)
- 2016年12月(5)
- 2017年01月(5)
- 2017年02月(4)
- 2017年03月(4)
- 2017年04月(5)
- 2017年05月(4)
- 2017年06月(4)
- 2017年07月(5)
- 2017年08月(5)
- 2017年09月(3)
- 2017年10月(6)
- 2017年11月(4)
- 2017年12月(5)
- 2018年01月(4)
- 2018年02月(4)
- 2018年03月(3)
- 2018年04月(4)
- 2018年05月(3)
- 2018年06月(3)
著者
ウェブエンジニアのSUYAMAのブログです。
WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。