- 更新日: 2014年2月15日
- WordPress
WordPress の投稿記事に JavaScript を直接書いて動作させる
スポンサーリンク
WordPress の投稿記事内に JavaScript を書いて動作させたい場合の話。調べたところ、プラグイン使えなど少し面倒臭い情報が多かったのですけど、プラグインを使わずに以下の方法で動きました。
【お知らせ】 英単語を画像イメージで楽に暗記できる辞書サイトを作りました。英語学習中の方は、ぜひご利用ください！
画像付き英語辞書 Imagict | 英単語をイメージで暗記スポンサーリンク
— 環境 —
WordPress バージョン3.8.1
ルール1. script タグを div タグで囲む
|
1 2 3 4 5 |
<div> <script type="text/javascript"> ... </script> </div> |
以上のように script タグを div タグで囲んでやる。
ルール2. script タグ内に空行を含めない
script タグ内のコードには、空行を含めないようにする。空行を含めると、自動的に p タグで囲まれて JavaScript が動作しなくなります。改行はOK。
script タグ内に div タグを書かない
div タグはなぜか、行頭に強制的に移動させられる（WordPressの仕様？）。script 内で html コードを含める場合に、div タグを書いていると、意図しない箇所で改行されて、div タグが次の行の行頭に移動させられて、Javascript コードが動作しなくなる場合があります。なので、script 内に div タグは記述しないようにします。
以上のルールで書いたところ、Javascript を投稿記事内に直接書いて動作させることができました。
スポンサーリンク
WordPress は人気ナンバーワンのブログ・ウェブサイトの管理ツールです。PHP を使えればカスタマイズできるので、ぜひトライされてみてください。
<< 前の記事 : WordPress でさくっと過去の全記事一覧を取得して確認する方法
- WordPress の関連記事
- WordPressをTwitter Bootstrapでレスポンシブデザイン対応
- WordPressブログに更新日を表示
- WordPressにOGP設定・プラグインなしでFacebook/Twitter Cards対応
- WordPressでパンくずリスト・複数の親子カテゴリーを表示
- WordPressでプライベートな非公開ブログを運用
- BackWPupでエラー ERROR: Dropbox API: (35)
- ブログ・WordPress記事をFacebookに自動投稿するIFTTT設定
- RSS Graffitiが終了…代替にはIFTTTが使える
- WordPressで親カテゴリーに属する子カテゴリーの一覧を出力
- wp_list_categoriesでリンクなしで投稿数ゼロのカテゴリを表示 – WordPress
Leave Your Message!