WordPressでページごとに個別のスタイルシートやスクリプトが利用できるプラグイン -CSS & JavaScript Toolbox

WordPressで特定のページだけに個別のスタイルシートやスクリプトを使いたい、HTML, CSS, JS, PHPを埋め込みたい、ヘッダを変えたり、共通のエレメントを使いたい、しかも特定の1ページや複数ページにも適用したい、それらを叶えることができるWordPressのプラグインを紹介します。

無料版の紹介だけでなく、更に高機能な有料版をプレゼントします!
有料版の応募期間は、2016年10月20日で終了しました。

WordPressで個別にCSS, JSが利用できるプラグイン -CSS & JavaScript Toolbox

CSS & JavaScript Toolbox
CSS & JavaScript Toolbox -WordPress.org

CSS & JavaScript Toolboxの紹介

CSS & JavaScript Toolboxは、WordPressの投稿記事、固定ページ、カテゴリページ、カスタム投稿記事に、個別のHTML, CSS, JavaScript, PHPのコードを追加でき、それらのデータの一元管理もできるプラグインです。

個別にCSSやJavaScriptを埋め込むことができるプラグインは他にもありますが、HTMLやPHPにも対応、そしてそれらを一元管理できるのはこれだけだと思います。

サイトのキャプチャ

CSS & JavaScript Toolbox

使い方は、非常に簡単です。動画も公開されています。
※BGMがありますが、オフでも見て大丈夫です。

CSS & JavaScript Toolbox plugin for WordPress - NEW UI

CSS & JavaScript Toolboxの特徴(無料版)

  • HTML, CSS, JavaScript, PHPのコードを投稿記事、固定ページ、カテゴリページ、カスタム投稿記事に個別に埋め込むことができます。
  • コードはショートコードとして、利用することもできます。
  • コードの追加箇所は、headerとfooterの選択が可能。
    CSSはheaderに、JavaScriptはfooterにというのもできます。
  • 編集画面はシンタックスハイライト。
  • 最新のWordPressと100%の互換性。

CSS & JavaScript Toolbox PLUSの特徴(有料版)

有料版では上記の他に、便利機能が備わっています。

  • コードのバックアップやリビジョン管理。
  • コード テンプレート マネージャー。
  • 外部スクリプトのサポート。
  • ポストタグのサポート。
  • コードの自動補完機能。
  • コードの最適化。
  • 編集画面は30テーマからデザイン変更可能。
  • インポート・エクスポート対応。
  • ブロック ウィジェット リンカー。

CSS & JavaScript Toolboxは今回のバージョンアップで、そのUIもリデザインされました。すっきりして、今のWordPressに合ったデザインです。

CSS & JavaScript Toolboxのキャプチャ

リデザインされたUI

有料版のPLUSで一番ありがたい機能は、バックアップとリビジョン管理です。これがあると、安心してコードを更新できますね。
バックアップの際はアイテムの名前、管理者、日付を元に自由な名前で各ファイルを管理できるため、指定した代のバックアップファイルに戻すといったことも簡単にできます。

CSS & JavaScript Toolboxのキャプチャ

登録コードのリビジョン管理

あと、編集画面のテーマを変更できる機能も嬉しいポイントです。

CSS & JavaScript Toolboxのキャプチャ

編集画面のテーマ変更

具体的な使い方は、以前紹介したページをご覧ください。

プレゼント商品

そんな便利なWordPressのプラグインを10名様にプレゼントします。

  • CSS & JavaScript Toolbox PLUS Developer x 10名

CSS & JavaScript Toolboxには無料版、Personal版、Business版と、今回プレゼントする最上位のDeveloper版があります。
しかも、Developer版は通常1年単位ですが、コリスだけの特別「free forever」です!
アップデートされても永遠に無料です。

応募期間

2016年10月20日まで。

応募要項

応募要項は、2点。

  1. コリスのTwitterアカウント「@colisscom」をフォローしている。
  2. Twitterの自アカウントで下記の項目を含めて、ツイートしてください。

ツイートに必要な項目

  • 概要
    WordPressで個別にCSS,JSが利用できるプラグインをプレゼント
  • このページの短縮URL、コリスのアカウント、ハッシュタグ
    http://bit.ly/2dYCkL1 @colisscom #colissPresent

ツイートは、こんな感じで。
一言加えてあると、当選確率がきっとアップするかも!

応募の注意事項

  • ツイートでの応募は、1回のみ。
  • 複数回ツイートしても累計はされません。
  • また、複数回ツイートが多いアカウントは応募からはずします。
  • 鍵垢のツイートは当方(@colisscom)がフォローしている方のみ応募を確認できます。未フォローの方は期間中鍵を外していただくしか応募を確認できません。
  • 懸賞用垢での応募は無効とします。
  • 当選者発表後、当日中に連絡が取れない方は当選を無効とします。

当選発表

当選者にTwitterのダイレクトメッセージにてお知らせします。
その時に@colisscomをフォローしていない人は無効とさせていただくので、必ず「@colisscom」をフォローしておいてください。

当選者の発表日

2016年10月21日 夕方くらいに@colisscomにて発表します。
※当日中に連絡が取れない方は当選を無効とします。

プレゼントの受け取り

プレゼントをお渡しするフローは、下記のようになります。
※詳細はメールでお伝えします。

  1. 当方からTwitterのDMで、当選を連絡。
  2. 詳細をお伝えするので、メールアドレスをお知らせください。

top of page

©2017 coliss