ワードプレスやブログ運営に役立つ情報をまとめています。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


ネタワンを購読する

  • Twitter
  • Facebook
  • Google Plus
  • Feedly
  • RSS
  • Push7

初心者向け

WordPress使い方ガイド
WordPress入門

スポンサーリンク

ワードプレステーマTCD

ネタワンでも利用しているTCDのWordPressテーマを紹介します。様々な種類のテーマが販売されています。

MAG(TCD036)

WordPressテーマ「MAG(TCD036)」

ハイクオリティーな人気ブログを構築できるWordPressテーマ


ワードプレステーマTCDの詳細&レビューはこちら