ワードプレス関連の役立つ情報をまとめています。WordPressプラグイン、WordPressテーマ(テンプレート)の情報をわかりやすく紹介します。

CSS & JavaScript Toolbox - WordPressの記事に挿入するコードを管理できるプラグイン

このエントリーをはてなブックマークに追加

記事公開 2014.02.11

最終更新 2016.12.31

CSS & JavaScript Toolboxは、WordPressの記事のフッターに挿入するコードを管理できるプラグインです。記事に挿入するCSS・JavaScript・HTML・PHPのコードを一元管理できます。

このプラグインは、テンプレートを直接編集することなく、指定した記事のフッターにコードを挿入できます。テンプレートに直接コードを記述したり、記事本文に直接コードを記述するより、このプラグインを利用してコードを管理した方が効率的です。

このプラグインは、投稿・固定ページ・カスタム投稿タイプに対応しています。トップページ、カテゴリー、タグ、アーカイブ、検索ページ、404ページなど、様々なページにコードを挿入できるので便利です。

はじめに

このプラグインが優れている点

  1. CSS・JavaScript・HTML・PHPのコードを簡単に指定したの記事のフッターに挿入できる。
  2. テンプレートを直接編集することなく、指定した記事のフッターにコードを挿入できる。
  3. 投稿、固定ページ、カスタム投稿タイプの記事にコードを挿入できる。
  4. トップページ、カテゴリー、タグ、アーカイブ、検索ページ、404ページなど、様々なページにコードを挿入できる。
  5. さらに機能を拡張した有料の拡張機能もある。

プラグインの利用イメージ(英語)

インストール方法

管理画面から検索してインストールして下さい。もしくは、WordPress.org からダウンロードし、アップロードしてインストールして下さい。

  1. WordPress管理画面 > プラグイン > 新規追加 >「CSS & JavaScript Toolbox」で検索
  2. WordPress.org からダウンロード

プラグインの設定

管理画面の場所

このプラグインの管理画面は下記の場所にあります。

WordPress管理画面 > CSS & JavaScript Toolbox

プラグインを有効にした直後の状態

プラグインを有効にすると、プラグインの管理画面に下記の画面が表示されます。ボタンをクリックすると、データベースのテーブルを生成します。

インストール

CSS & JavaScript Toolbox

テーブル生成完了

CSS & JavaScript Toolbox

コードボックスの追加

画面左側にあるボタンをクリックし、新しいコードボックスを追加します。

コードボックスの追加

コードボックスの追加

コードボックスの見本

画面左側にあるコードボックスにCSS・JavaScript・HTML・PHPのコードを登録し、画面右側でコードを挿入する記事を指定します。そうすると、HTMLのフッターにコードが挿入されます。

このプラグインは、投稿、固定ページ、カスタム投稿タイプでも利用可能です。

コードボックスの例

まとめ

CSS & JavaScript Toolboxは、WordPressの記事のフッターに挿入するコードを管理できるプラグインです。記事に挿入するCSS・JavaScript・HTML・PHPのコードを一元管理できます。

このプラグインは、テンプレートを直接編集することなく、複数の指定した記事のフッターにコードを挿入できます。CSSやJavaScriptのコードなどを管理するプラグインとして利用すると便利です。

ちなみに、このプラグインは、CSSやJavaScriptの構文エラーはチェックしません。エラーチェックは自分自身で行う必要があります。コードにエラーがあると、Webサイトのページが正しく表示されなくなる可能性があるのでご注意下さい。

スポンサーリンク

最後までお読み頂き、ありがとうございます

この記事の内容が役に立ったと思ったらソーシャルメディアで共有してね。

このエントリーをはてなブックマークに追加

RSSフィードを購読する

follow us in feedly

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


ソーシャルメディア & RSS

Twitter Facebook Google+ RSSフィード

スポンサーリンク

賢威7 - SEOマニュアル&テンプレート

新バージョンの賢威7が購入者向けに先行公開中。


賢威7の詳細&レビューはこちら