Title: WP Add Custom CSS Author: Daniele De Santis Published: 2014年10月4日 Last modified: 2025年8月14日 --- プラグインを検索 ![](https://ps.w.org/wp-add-custom-css/assets/banner-772x250.png?rev=1001727) ![](https://ps.w.org/wp-add-custom-css/assets/icon-256x256.png?rev=1001727) # WP Add Custom CSS 作者: [Daniele De Santis](https://profiles.wordpress.org/danieledesantis/) [ダウンロード](https://downloads.wordpress.org/plugin/wp-add-custom-css.1.2.1.zip) * [詳細](https://ja.wordpress.org/plugins/wp-add-custom-css/#description) * [レビュー](https://ja.wordpress.org/plugins/wp-add-custom-css/#reviews) * [インストール](https://ja.wordpress.org/plugins/wp-add-custom-css/#installation) * [開発](https://ja.wordpress.org/plugins/wp-add-custom-css/#developers) [サポート](https://wordpress.org/support/plugin/wp-add-custom-css/) ## 説明 「WP Add Custom CSS」は**カスタム css** を**ウェブサイト全体**、あるいは**個別の 投稿や固定ページ、カスタム投稿タイプ**に追加することができます (たとえば **Woocommerce products** のように) 。 ウェブサイト全体に適用される CSS ルールはテーマやプラグ インのスタイルを上書きします。また、特定の投稿や固定ページ、カスタム投稿タイプに対する CSS ルールは全体に適用されるスタイルを上書きします。 The plugin works with the most popular builders, such as **Elementor, Gutenberg and the Classic Editor**. ウェブサイト全体に関わるスタイルは “Add custom CSS” 設定ページで編集できます。また、** 各投稿や固定ページ、カスタム投稿タイプにカスタム CSS を追加する**ための “Custom CSS” ボックスが編集エリアに追加されます。 Select the preferred CSS output method from the plugin’s settings page to ensure seamless integration with **caching and minification plugins** or to improve **above- the-fold rendering performance**. ## スクリーンショット [⌊ウェブサイト全体にカスタム CSS を追加する。⌉⌊ウェブサイト全体にカスタム CSS を 追加する。⌉[ ウェブサイト全体にカスタム CSS を追加する。 [⌊特定の投稿にカスタム CSS を追加する。⌉⌊特定の投稿にカスタム CSS を追加する。⌉[ 特定の投稿にカスタム CSS を追加する。 [⌊特定の固定ページにカスタム CSS を追加する。⌉⌊特定の固定ページにカスタム CSS を 追加する。⌉[ 特定の固定ページにカスタム CSS を追加する。 [⌊カスタム CSS を特定のカスタム投稿タイプに追加します (たとえば Woocommerce products のように) 。⌉⌊カスタム CSS を特定のカスタム投稿タイプに追加します (たとえば Woocommerce products のように) 。⌉[ カスタム 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” という新しいセクションが追加されています。 ### Which CSS output method should I choose? To improve your website’s speed, it’s generally recommended to select “Use a CSS file”, which allows optimization plugins to cache and minify the output. Choosing“ Use a style tag in the HTML head” outputs the CSS directly in the of the page, which can improve above-the-fold rendering performance. By default, the “Use WordPress hook” option is selected to maintain backward compatibility. ### “Custom CSS” ボックスが表示されないのはなぜですか ? 投稿 / 固定ページの編集エリアで、「表示オプション」の “Custom CSS” がチェックされ ていることを確認してください。 ## 評価 ![](https://secure.gravatar.com/avatar/7b40eba7afdcb0515dff18832c954c709469215f0892c25a4700b82f836ef9b6? s=60&d=retro&r=g) ### 󠀁[love it](https://wordpress.org/support/topic/love-it-4337/)󠁿 [Jesko Bendmann](https://profiles.wordpress.org/skobe/) 2025年12月15日 simple and one click access. great plugin. ![](https://secure.gravatar.com/avatar/69b74a8b449201f3e9e4c562803d8ede0bb97bd5ad04af631f12d6a7cac673ea? s=60&d=retro&r=g) ### 󠀁[It does exactly what it says in the tin](https://wordpress.org/support/topic/it-does-exactly-what-it-says-in-the-tin-11/)󠁿 [danielepais](https://profiles.wordpress.org/danielepais/) 2025年11月22日 Great simple and effective plugin. ![](https://secure.gravatar.com/avatar/d5d85d79f79baba4f5b9a619c51000a67c90c4a228473a9b3d30773859ec200e? s=60&d=retro&r=g) ### 󠀁[Great plugin with a couple issues](https://wordpress.org/support/topic/great-plugin-with-a-couple-issues/)󠁿 [Skylabb](https://profiles.wordpress.org/skylabb/) 2025年11月8日 I want to like this plugin but there are a couple things needed improvement. Having the option to choose output method is great, but useless when it’s not working. The “Use a CSS file” option does not work. There’s no CSS file output and the CSS my code has no effect on the frontend. When I switch to the other two options, then my CSS is loaded in the frontend. Secondly, the Save button is way at the bottom of the page. I make a lot of CSS edits. Having to scroll down the screen every time to save a change is a hassle. ![](https://secure.gravatar.com/avatar/4b04f3868d5d00557a0e117f43262a23de2b023b16cf33e18bf233ecce7e4515? s=60&d=retro&r=g) ### 󠀁[Still works great](https://wordpress.org/support/topic/still-works-great-44/)󠁿 [Hudson Atwell](https://profiles.wordpress.org/hudson-atwell/) 2024年9月14日 Says it has not been tested against recent versions, but it works great still. Simple and elegant solution. Sep 13 2024 ![](https://secure.gravatar.com/avatar/6cdb7ee723dbce6b4f6d54db4f43eacfaa64e0ed63fc607f86432b2ccf155bfc? s=60&d=retro&r=g) ### 󠀁[Still the best](https://wordpress.org/support/topic/still-the-best-42/)󠁿 [Rafał](https://profiles.wordpress.org/ayek/) 2024年8月2日 …while custom CSS per post / page is needed ![](https://secure.gravatar.com/avatar/a2465a84b58c3419e67a4805239ea2f9bb10bebc615e5d14458d21348e03322e? s=60&d=retro&r=g) ### 󠀁[Grazie a Daniele!](https://wordpress.org/support/topic/grazie-a-daniele/)󠁿 [Andrea](https://profiles.wordpress.org/youfriend/) 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 [ 90件のレビューをすべて表示 ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/) ## 貢献者と開発者 WP Add Custom CSS はオープンソースソフトウェアです。以下の人々がこのプラグインに 貢献しています。 貢献者 * [ Daniele De Santis ](https://profiles.wordpress.org/danieledesantis/) “WP Add Custom CSS” は12ロケールに翻訳されています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/wp-add-custom-css/contributors) のみなさん、翻訳へのご協力ありがとうございます。 [“WP Add Custom CSS” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/wp-add-custom-css) ### 開発に興味がありますか ? [コードを閲覧](https://plugins.trac.wordpress.org/browser/wp-add-custom-css/)する か、[SVN リポジトリ](https://plugins.svn.wordpress.org/wp-add-custom-css/)をチェック するか、[開発ログ](https://plugins.trac.wordpress.org/log/wp-add-custom-css/)を [RSS](https://plugins.trac.wordpress.org/log/wp-add-custom-css/?limit=100&mode=stop_on_copy&format=rss) で購読してみてください。 ## 変更履歴 #### 1.2.1 * Moved custom css file to uploads * Set higher priority for wp_head callbacks #### 1.2.0 * Added output as pure CSS file or style tag to improve performance #### 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 ## メタ * バージョン **1.2.1** * 最終更新日 **11か月前** * 有効インストール数 **60,000+** * WordPress バージョン ** 4.0またはそれ以降 ** * 検証済み最新バージョン: **6.8.5** * 言語 * [Danish](https://da.wordpress.org/plugins/wp-add-custom-css/)、[Dutch](https://nl.wordpress.org/plugins/wp-add-custom-css/)、 [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/wp-add-custom-css/)、[English (US)](https://wordpress.org/plugins/wp-add-custom-css/)、 [French (France)](https://fr.wordpress.org/plugins/wp-add-custom-css/)、[Galician](https://gl.wordpress.org/plugins/wp-add-custom-css/)、 [Japanese](https://ja.wordpress.org/plugins/wp-add-custom-css/)、[Norwegian (Bokmål)](https://nb.wordpress.org/plugins/wp-add-custom-css/)、 [Russian](https://ru.wordpress.org/plugins/wp-add-custom-css/)、[Spanish (Chile)](https://cl.wordpress.org/plugins/wp-add-custom-css/)、 [Spanish (Spain)](https://es.wordpress.org/plugins/wp-add-custom-css/)、[Spanish (Venezuela)](https://ve.wordpress.org/plugins/wp-add-custom-css/)、 [Swedish](https://sv.wordpress.org/plugins/wp-add-custom-css/). * [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/wp-add-custom-css) * タグ * [css](https://ja.wordpress.org/plugins/tags/css/)[custom css](https://ja.wordpress.org/plugins/tags/custom-css/) [style](https://ja.wordpress.org/plugins/tags/style/)[styles](https://ja.wordpress.org/plugins/tags/styles/) [stylesheet](https://ja.wordpress.org/plugins/tags/stylesheet/) * [詳細を表示](https://ja.wordpress.org/plugins/wp-add-custom-css/advanced/) ## 評価 5つ星中4.8つ星 * [ 82 5-星レビュー ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/?filter=5) * [ 2 4-星レビュー ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/?filter=4) * [ 2 3-星レビュー ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/?filter=3) * [ 2 2-星レビュー ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/?filter=2) * [ 2 1-星レビュー ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/#new-post) [すべてのレビューを見る](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/) ## 貢献者 * [ Daniele De Santis ](https://profiles.wordpress.org/danieledesantis/) ## サポート 意見や質問がありますか ? [サポートフォーラムを表示](https://wordpress.org/support/plugin/wp-add-custom-css/)