javascript
ワードプレスでJSのインラインスクリプト設置方法
今回はワードプレスにインラインスクリプトを入れる場合の対処方法です。
jQueryなどでオプション指定したりタグなどを入れ込んだりするときに有効です。
結構簡単です。割と最近なんですがそれ用の関数がもう出ています。ワードプレスの4.5以上の機能になりますのでご注意下さい。
wp_add_inline_script( $handle, $data, $position );
$handle：インラインスクリプトを追加するスクリプト名（必須） 。
$data：追加するJavaScriptを含む文字列（必須）。
$position：インラインスクリプトを$handleの前または後に追加する。デフォルトは後（オプション）。
これですね。
jsライブラリなどをwp_enqueue_script関数で読み込んでいるところに一緒に記述すると良いですね。
主にfunction.phpに記載します。
簡単に実装例を載せておきます。
サイト内検索
最近の投稿
chromeのエクステンションを使わないでウェブページ全体をスクリーンショットでとる方法
さて今回はchromeブラウザ限定ですがエクステンションを使わずにページ全体と部分キャプチャをする方法をご紹介します。 割とエクステンションで処理しちゃう場合がありますがデフォルトで使えるとい...
05 Aug 2018
はじめてのVim覚え書き
今回はエディターのご紹介になります。かなり特殊なVimエディターをご紹介したいと思います。便利なエディターAtom、SublimeText、VisualStudioCodeとは訳が違います。 ...
28 Jul 2018
リニューアルした水木しげるロードは夜がおすすめ
さて、先日14日にリニューアルした境港の通称鬼太郎ロードに行って参りました。鬼太郎に会える町として新たに妖怪を追加して約800mの通りに177体の妖怪ブロンズ像がお出迎え、ゾーン分けをして再配置...
17 Jul 2018
flexboxで簡単レイアウト
Flexbox（Flexible Box Layout Module）とは今時のレスポンシブに対応したレイアウトスタイルです。上下中央の配置や等間隔の配置、固定幅と可変幅の配置など使い方は様々、...
07 Jul 2018
ダウンモニターアプリのご紹介
今回はウェブサイトの監視アプリのご紹介です。以下からダウンロードできます。 Free Website Monitor たまにサーバーがダウンしている場合があり表示できないことがありま...
30 Jun 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月(5)
- 2018年07月(3)
- 2018年08月(1)
著者
ウェブエンジニアのSUYAMAのブログです。
WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。