Simple Custom CSS and JS

説明

利用中のテーマやプラグインのファイルを変更することなく、独自の CSS と Javascript のコードを追加することで、あなたの WordPress のサイトの外観を簡単にカスタマイズします。サイトの CSS を調整するのにぴったりでしょう。

機能

  • 構文ハイライト機能のあるテキストエディター
  • インライン外部ファイルに含めてのコードの出力
  • ヘッダーフッターにコードを出力
  • フロントエンド管理画面に CSS や JS を追加
  • 追加したい多くのコードを追加
  • テーマを変更しても変更点を維持

スクリーンショット

  • 独自コードの管理

  • Javascript の追加・編集

  • CSS の追加・編集

  • Add/Edit HTML

インストール

  • WordPress の管理画面で「プラグイン」->「新規追加」とクリックします。
  • ブラウザーの入力欄に Simple Custom CSS and JS と入力します。
  • Simple Custom CSS and JS プラグインを選択しインストールをクリックします。
  • プラグインを有効化する。

または…

  • このページからプラグインをダウンロードします。
  • ZIP ファイルをコンピューターに保存します。
  • 管理ページを開き「プラグイン」->「新規追加」とクリックします。
  • 「アップロード」をクリックし、このページからダウンロードした ZIP ファイルを選択します。
  • 「インストール」をクリック後、「有効化」をクリックしてください。

または…

  • このページからプラグインをダウンロードします。
  • その ZIP ファイルをコンピューター上で展開します。
  • あなたのサイトのファイルディレクトリへのアクセスを取得するため、FTP かホストのコントロールパネルのどちらかを使います。
  • wp-content/plugins ディレクトリを開きます。
  • 展開した custom-css-js のフォルダをこのディレクトリにアップロードします。
  • WordPress の管理画面を開き、「プラグイン」ページを開き、新たに追加された Simple Custom CSS and JS プラグインの「有効化」をクリックします。

FAQ

外部の CSS を複数追加すると ?

同じ種類 (例: 2つの外部 CSS コード) の複数のコードを記述した場合、すべてのコードは次々に出力されます。

このプラグインは読み込み時間に影響しますか ?

保存ボタンをクリックすると、そのコードはファイルとしてキャッシュされます。なので、長々としたデータベースのクエリーは発生しません。

本プライグインは、エディターで書いたコードを修正しますか ?

いいえ。コードはエディター中の通りに出力されます。修正、チェック、妥当性のチェックはありません。エディター中に書いた内容の責任はあなたにあります。

私の書いたコードがサイトに表示されない

いずれかをお試しください:
1. キャッシュ用プラグイン (W3 Total Cache や WP Fastest Cache) を利用中であれば、サイトにコードが出力されたか確認する前に、これらのキャッシュの削除をお忘れなく。
2. 公開状態になっていますか? (下書きゴミ箱でなく)
3. wp-content/uploads/custom-css-js フォルダーが存在し、書き込み可能になっているか確認してください

マルチサイトネットワークで動作しますか ?

はい。

テーマを変更するとどうなりますか ?

カスタムの CSS や JS はそれらのテーマとは独立しており、テーマが変更されても存続します。特にプラグインの出力を修正するのに CSS や JS を適用させる場合に便利でしょう。

LESS や Sass のような CSS プリプロセッサを使えますか ?

今のところ、プレーンな CSS のみに対応しますが、CSSプリプロセッサが必要であれば Pro版 をチェックしてみてください。

CSS で使う画像をアップロードできますか ?

はい。メディアライブラリに画像をアップロードすれば、CSS スタイルシート中から直接 URL にて参照できます。例:
div#content {
background-image: url(‘http://example.com/wp-content/uploads/2015/12/image.jpg’);
}

@import や @font-face のような CSS の書式は使えますか ?

はい。

誰が独自コードを公開・編集・削除できますか ?

初期状態では、管理者のみが独自コードの公開・編集・削除できます。プラグインを有効化すると、ウェブデザイナーと呼ばれる権限が作成されます。管理者以外のユーザーが、独自コードを公開・編集・削除できるようにするために、この権限を割り当てることができます。プラグインの設定ページに、この権限を除去するオプションがあります。

サイトに HTTPS の URL を使用中だがコードが HTTP としてリンクされている

リンクされたコードの URL は、このスクリーンショットのように、管理画面 -> 設定 -> 一般 に見つかる WordPress アドレスの設定を使って、ほかのメディア (メディアライブラリ) の URL と同様に構築されています。WordPress アドレスの URL が HTTPS となっているなら、独自コードやほかのすべてのメディアの URL は HTTPS になっています。

評価

2025年1月27日
in almost all cases I’ve found where a Wordpress site is hacked. This plugin is activated by the hacker. The problem is that when you delete the plugin, thinking you’ve cleaned up after the attack, the database tables for this plugin is still very present in the database causing your website to get infected again and again. This plugin probably does what it does very well, but to me, I can’t understand how it could be allowed to exist.
2025年1月6日
This plugin is basically a must. When using a free theme, I am quite limited in editing the appearance. And some functions cannot be solved using plugins. There are three things that I have been missing for a long time. Insufficient highlighting of the wrong number of brackets. It does turn red when I click on it, but it would be better if it was red permanently or turned red after saving. Basic ability to undo changes. Ability to automatically format code However, this does not change the fact that I give it five stars.
2025年1月4日
Simple Custom CSS and JS does exactly what it says on the box. I’ve been using it for many years on non-profit websites, and it has proven rock solid. Here’s what I especially appreciated: CSS, JS, and HTML syntax highlighting. Code can be inline or loaded externally (and thus cached). Code can be loaded in the header, body, or footer. Code can be loaded on the front end, in the block editor and/or admin pages. Code can easily be enabled or disabled with a single click. That is a lot of features for a free plugin, and I’m perfectly content with that. There is a reasonably priced premium version with advanced features like CSS preprocessors and code revisions if these are important features to you, but the free version is a great start and enough for many projects.
2024年12月9日 2 replies
This plugin does flush all permalinks settings on install, without confirmation of Admin, which impacted the whole permalinks settings, and required me to deactivate and reactivate multiple plugins to get their permalinks settings setup again, which is loss of time and requires a clear confirmation before doing that on install.
2024年10月9日
Prático, funcional e sem a irritante tentativa de fazer você comprar. Uso perfeitamente sem a necessidade de complementá-lo com algum plugin dependente pago.
98件のレビューをすべて表示

貢献者と開発者

Simple Custom CSS and JS はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Simple Custom CSS and JS” は17ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Simple Custom CSS and JS” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

3.49

  • 11/13/2024
  • Fix: add nuance for the “in Block editor” option for websites with WP before v6.6 and after

3.48

  • 09/24/2024
  • Feature: add JS/CSS custom codes to the Block editor

3.47

  • 05/27/2024
  • Fix: use the GMT time for showing when a custom code was published or modified

3.46

  • 01/31/2024
  • Tweak: update the Bootstrap and jQuery library links
  • Tweak: remove the qTranslate-x warning. The qTranslate-x plugin was removed from wp.org since Aug 2021

3.45

  • 10/17/2023
  • Fix: enqueue the jQuery library only if there is a frontend JS custom code that requires it

3.44

  • 06/07/2023
  • Compatibility with the WooCommerce “custom order tables” feature

3.43

  • 03/13/2023
  • Fix: PHP8.1 deprecation notices
  • Fix: after adding a JS/HTML custom code with empty content will show the CSS default message in the editor

3.42

  • 01/17/2023
  • Fix: the “LH Archived Post Status” plugin was removing the “Publish” button on the add/edit custom code page
  • Feature: multiple values for the “Where in site” option

See changelog for all versions.