Fly higher! Sky is the limit!

webの現場で働く人のブログ

WordPress(ワードプレス)の投稿内でJavaScriptを実行するTips

この記事は以下の現象の人におススメの記事です。

  • JavaScriptを記述したのになぜかpタグに書き換えられてしまう。
  • 複数人で更新しているため、できれば自分の投稿(固定)ページのみに適応させたい。
  • 事情によりサイト共通部分(php)は弄れない。

など

WordPressの投稿内でJavaScriptを実行する方法

以下のページを読めば、大体方法はわかる。

WordPressの記事内にJavaScriptを挿入する4つの方法
https://minory.org/wordpress-javascript.html

WordPressの投稿でjQueryJavaScriptを使う方法
https://itstudio.co/2015/07/24/4455/

こちらのページで解決されたら、この記事にはもう用がない。

しかし...

divで囲んでも『jQuery』と接頭辞をつけてもJSコードがpタグに書き換わってしまう場合

こちらの方法でpタグに書き換わってしまうのを阻止すればええやん」と声が聞こえてきそうだが、複数人でサイトを管理しており、勝手にプログラムを修正したら他の人にも影響が出てしまうので不可能という状況の場合、どうするか。

悩んだ結果...解決策が浮かんだ。

それは、JavaScriptの難読化だ。

JavaScriptの難読化

  • 難読化させることでpタグになるのを回避させる!
  • さらにセキュリティ面も向上するので一石二鳥!

我ながら、「キタコレ」と思った瞬間であった。

手順

http://utf-8.jp/public/aaencode.html

  1. 上記のサイトにアクセスし、自分がかいたJavaScriptを張り付ける
  2. 記事内にコピぺする

難読化できるサービスはいくつかあるが、とりあえず顔文字のやつは動いてくれた。

めでたし、めでたし。
少しでもお役に立てれば幸いです。

以上