このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

WP Add Custom CSS

説明

「WP Add Custom CSS」はカスタム cssウェブサイト全体、あるいは個別の投稿や固定ページ、カスタム投稿タイプに追加することができます (たとえば Woocommerce products のように) 。
ウェブサイト全体に適用される CSS ルールはテーマやプラグインのスタイルを上書きします。また、特定の投稿や固定ページ、カスタム投稿タイプに対する CSS ルールは全体に適用されるスタイルを上書きします。

ウェブサイト全体に関わるスタイルは “Add custom CSS” 設定ページで編集できます。また、各投稿や固定ページ、カスタム投稿タイプにカスタム CSS を追加するための “Custom CSS” ボックスが編集エリアに追加されます。

スクリーンショット

  • ウェブサイト全体にカスタム CSS を追加する。
  • 特定の投稿にカスタム CSS を追加する。
  • 特定の固定ページにカスタム CSS を追加する。
  • カスタム CSS を特定のカスタム投稿タイプに追加します (たとえば Woocommerce products のように) 。

インストール

自動インストール

  1. 「プラグイン > 新規追加 > プラグインのアップロード」からハードディスクのzipファイルを選択します。
  2. 「インストール」ボタンをクリックします。
  3. WordPress の「プラグイン」メニューからプラグインを有効化してください

手動インストール

  1. プラグインフォルダーを /wp-content/plugins/ ディレクトリにアップロードしてください。
  2. WordPress の「プラグイン」メニューからプラグインを有効化してください

FAQ

ウェブサイト全体にカスタム CSS を適用するにはどうしたら良いでしょうか ?

プラグインをインストールして有効化したら、ダッシュボードから “Add custom CSS” へ移動し、テキストエリアに CSS を入力できます。

特定の投稿や固定ページにカスタム CSS を適用するにはどうしたら良いでしょうか ?

プラグインをインストールして有効化すると、投稿 / 固定ページの編集エリアに “Custom CSS” ボックスが新たに表示されます。

特定のカスタム投稿タイプにカスタム CSS を適用するにはどのようにすれば良いでしょうか ?

プラグインをインストールして有効化し、ダッシュボードから “Add Custom
CSS” へ移動、必要なカスタム投稿タイプを選択して保存します。カスタム投稿タイプの編集エリアに “Custom CSS” という新しいセクションが追加されています。

“Custom CSS” ボックスが表示されないのはなぜですか ?

投稿 / 固定ページの編集エリアで、「表示オプション」の “Custom CSS” がチェックされていることを確認してください。

評価

2022年11月2日
Meno male che ci hai pensato tu! Mi son sempre domandato perché non l'abbiano implementata di default una funzione così! Grazie
2022年2月4日
I was trying to figure out a way to add unique CSS to a line of products to make the pages look different than the 'regular' line of products. This allows me to add a field in each product and then copy the product or copy and paste the code when needed. Wokrking in WP 5.9 with WooCommerce.
2020年10月30日
Helped me quite a bit with removing CSS that loaded everywhere but was only needed on a couple pages. One request, when enabling the "Products" or any other available "Available post types" if possible it would be great to have a box where you can add CSS to just like the "CSS rules" in the "Main CSS" section that would allow you to provide CSS and have it load for only those post types. So if you had "Products" as an available post type, you enable it, and it adds a CSS box where you can input CSS and it would only load that CSS on those post types. Because right now, when enabling a post type, like for "products" it seems to add a custom CSS box in every single product page, which of course when you have thousands of products, you are not going to add the custom CSS to each product.
85件のレビューをすべて表示

貢献者と開発者

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

貢献者

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

“WP Add Custom CSS” をあなたの言語に翻訳しましょう。

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

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

変更履歴

1.1.6

  • Updated code editor
  • Added text wrapping to code editor
  • Fixed compatibilty issues with WPBakery Frontend Editor

1.1.5

  • Changed default code editor
  • Advanced code editor is now resizable
  • Fixed textarea direction for RTL languages

1.1.4

  • Fixed compatibility issue with The Events Calendar

1.1.3

  • Fixed WordPress 5 compatibility issues
  • Fixed Gutenberg compatibility issues
  • Updated uninstall method
  • Minor improvements

1.1.2

  • Fixed CodeMirror compatibility issues

1.1.1

  • Fixed uninstall hook

1.1.0

  • Added CodeMirror text editor

1.0.1

  • Fixed issues with ssl on some server configurations

1.0.0

  • Added support for custom post types

0.9.7

  • Fixed minor bug

0.9.6

  • Fixed WPML bug

0.9.5

  • Improved css output for single posts and pages

0.9.4

  • Fixed > rendering issue

0.9.3

  • Fixed minor bug

0.9.2

  • Fixed minor bug
  • Minor layout changes

0.9.1

  • Fixed double quotes rendering issue

0.9

  • First release