WordPressの投稿で独自のJavaScriptやCSSを適用させよう!

こんにちは。
CSSやHTML,JavaScriptなどのちょっとしたことをご紹介している当サイトですが、やはり実物をお見せしたいと思い、ページでJavaScriptやCSSが設定できるようにしました。

ついでに、その方法についてまとめてみました。

プラグインを使うのがよさそう

方法や色々あったり、プラグインも色々あるんですが、unitopi.comでは「CSS & Javascript Toolbox」を採用してみました。

インストール

この辺りはみなさんお手の物とおもいますが、

管理画面から検索して、

Screen Shot 2014-11-19 at 18.12.39

インストール

Screen Shot 2014-11-19 at 18.12.49

有効化

Screen Shot 2014-11-19 at 18.13.07

です。簡単ですね。管理画面のサイドバーに「CSS & Javascript Toolbox」が表示されたと思います。

早速試してみよう

Screen Shot 2014-11-19 at 18.27.09

JavaScriptを書いてみます。

<script type="text/javascript">
(function($) {
    $(function() {
        $('.push').click(function(){
            alert("PUSH");
        });
    });
})(jQuery);
</script>

クリックしたらアラートだすだけ。

ココをクリック

さて。動きましたか?

まとめ

これで皆さんにお届けするときにサンプルをお見せするのも簡単になりました!
もちろんこのような用途ではなくて、特定のカテゴリや特定のポストで動かしたいJavaScriptや反映させたいCSS等がある場合もお使いいただけると思いました。

フォローして続編をチェック

@universionsをフォロー