WordPressにjavascriptプログラムを埋め込む方法【Cocoon編】

ワードプレス

 

プラグイン、各種カスタマイズ、様々行っているけど、どうしても思った様に動かせない時は無いでしょうか?

 

そんな時は、プログラムを直接書いてしまいましょう。

 

このサイトのテーマはCocoonですが、カスタムhtml内に直にプログラムを書くときちんと動くようになります。

 

まずは、こちら。

 



入力した数字に×2をして表示


 

 

タブボックス内に、カスタムhtmlを配置し、その中にhtmlとjavascriptでプログラムを書いて実行しています。

 

 

 

次は、ページ遷移に挑戦。 

 

タブで選んで、サイトへジャンプを押します。

 

すると、希望のページへジャンプすることが出来ます。 

 

 

 

 

この様に、カスタムhtml内にプログラムを書くとそのまま動かすことも可能です。

 

 

CocoonのCSSライブラリがどこにあるのか分かりませんので、デザインが適当ですが、そのサイトにしかないオリジナルな動きを付けることが出来きます。 

 

今回はセキュリティの観点から、javascriptのみの操作をしていますが、あくまで自己責任でお願いします。

 

もし、作ってみた、作ってみたい、などありましたら共有したいと思いますので、コメントよろしくお願いします。

 

 

 

 

コメント

You cannot copy content of this page

タイトルとURLをコピーしました