WordPressで特定ページにだけコードを埋め込める便利プラグインの使い方をご紹介 -CSS & JavaScript Toolbox
特定のページだけヘッダに手をいれたい、テキストや画像を加えたい、CSSやJavaScriptやPHPを適用するなど、特定の複数ページにだけコードを埋め込めるWordPressのプラグインを紹介します。 個別にCSS/JavaScriptを埋め込むことができるプラグインは他にもありますが、HTMLやPHPにも対応、そしてそれらを一元管理できるのはこれだけだと思います。 CSS & JavaScript Toolbox 以前ご紹介したCSS&JavaScript Toolboxが新しいバージョンをリリースされたので、改めて紹介します。 新しいバージョンになり、Free版とPro版の機能の差はなくなりました。 ※Pro版はサポートやフォーラムへのアクセス権がつきます。 CSS & JavaScript Toolboxの特長 CSS & JavaScript Toolboxのインストール CSS
[JS]ページをスクロールし、コンテンツを読み終えたくらいにメッセージやFacebookのパネルを表示するスクリプト -End Page Box
Demo 5 トリガーを複数設定したデモで、パラグラフの奇数番目ごとにパネルが表示されます。 End Page Boxの使い方 Step 1: 外部ファイル jquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript" src="js/jquery.endpage-box.js"></script> <link rel="stylesheet" type="text/css" href="css/endpage-box.css" /> Step 2: HTML コンテンツは通常通りに実装し、パネルは</body>の上あたりに配置しておきます
[JS]さまざまなHTMLの要素をくるっと回転させるスクリプト -Flipload.js
パネルをクリックすると、くるっと回転します。 回転後のスピナーはオプションです。 回転は水平だけでなく、垂直にも対応しています。 また、回転して動画を表示したり、フォームのボタンを回転させることもできます。 ボタンだけをくるっと回転させることもできます Flipload.jsの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトを外部ファイルとして記述します。 <link rel="stylesheet" href="flipload.css"> <script src="flipload.js"></script> Step 2: HTML 回転させる要素にclassを付与します。 デモのようにリストでパネルを複数配置する場合は、下記のように。 <ul> <li class="box"> <div>1枚目のパネル</div> <li> <li class="box"> <d
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
