• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

FOXWP

WordPressの始め方と使い方をわかりやすく解説!

  • HOME
  • WordPressブログの始め方
  • お問い合わせ
FOXWP / プラグイン / WP Add Custom CSSってどんなプラグイン?使い方を解説

WP Add Custom CSSってどんなプラグイン?使い方を解説

最終更新日:2021年5月8日

目次 非表示
1 WP Add Custom CSSってどんなWordPressプラグイン?
1.1 WP Add Custom CSSの特徴
2 WP Add Custom CSSを使うべき方
3 WP Add Custom CSSの使い方
3.1 設定項目の確認・変更
3.2 ページごとのカスタムCSSの追加
4 WP Add Custom CSSが表示されない時の対処法
5 WP Add Custom CSSが反映されない時の対処法

WP Add Custom CSSってどんなWordPressプラグイン?

WP Add Custom CSSWP Add Custom CSS

Author(s): Daniele De Santis

Current Version: 1.1.6

Last Updated: 2022年9月26日

wp-add-custom-css.1.1.6.zip

96%Ratings 100,000+Installs WP 4.0+Requires

WP Add Custom CSSは、ページごとにカスタムCSSを追加できるWordPressプラグインです。

カスタムCSSは、ページごとに設定できるほか、サイト全体に適用するCSSも設定できます。

WP Add Custom CSSの特徴

  • サイト全体に適用するCSSの設定
  • ページごとに適用するCSSの設定

WP Add Custom CSSを使うべき方

ページごとに設定したいCSSがある方です。

WP Add Custom CSSの使い方

ここでは、WP Add Custom CSSの基本的な使い方を解説します。

WP Add Custom CSSの基本的な使い方は、以下の通りです。

  1. 設定項目の確認・変更
  2. ページごとのカスタムCSSの追加

設定項目の確認・変更

WP Add Custom CSSの設定ページは、左のメニューから「Add Custom CSS」をクリックして開くことができます。

設定画面には、「メインCSS」「投稿タイプ」「アドバンスドエディター」の3つの項目があります。

メインCSS

メインCSSに記載したCSSコードは、サイト全体で適用されます。

投稿タイプ

カスタム投稿タイプを追加した際に、WP Add Custom CSSを使用したい投稿タイプがあれば、チェックを入れます。

カスタム投稿タイプを追加していない場合は、特に気にする必要はありません。

アドバンスドエディター

エディターに行番号などの付与やダークカラーとライトカラーの2種類からデザインを選ぶことができます。

ページごとのカスタムCSSの追加

WP Add Custom CSSを有効化すると、各投稿ページにカスタムCSSのパネルが表示されています。

パネル内のエディターに追加したいカスタムCSSを記載してください。

WP Add Custom CSSが表示されない時の対処法

投稿や固定ページでWP Add Custom CSSが表示されない時は、設定のパネル項目を確認します。

Check
クラシックエディターの場合に確認する場所は、表示オプションに変わります。

設定のパネル項目の確認手順を解説します。

投稿編集画面で、右上の3つ点が縦に並んだ箇所をクリックします。

表示されたメニューの下にある設定をクリックします。

設定項目がポップアップとして表示されます。パネルを選択し、カスタムCSSがオン(青い状態)になっていることを確認してください。

WP Add Custom CSSが反映されない時の対処法

WP Add Custom CSSが反映されないは、プラグインの問題ではなく、CSSの書き方に問題がある場合が多いです。

  • セレクタの記述が間違っている
  • 追加したCSSコードの優先順位が低い

これらの問題が発生していないか確認しましょう。

類似プラグイン
  • SiteOrigin CSS
  • Simple Custom CSS
  • Simple Custom CSS and JS
  • Simple CSS
関連記事
  • WordPressのカスタムCSS追加プラグイン6個を比較|おすすめはどれ?
  • WordPressでCSSを編集する方法
  • WordPressでCSSが反映されない原因と対処法

Primary Sidebar

世界で一番利用されているWordPressテーマ

Divi WordPress Theme
レビューを見る

あなたの悩みは?

WordPress
セキュリティ
WordPress
トラブル
アクセスアップアフィリエイト
おすすめASP

最新ニュース

  • 【カラフルボックス】夏のキャンペーン実施中【2021年8月31日まで】

最近の投稿

  • WordPressでおすすめのバックアッププラグイン5選
  • WordPressのPHP設定を変更する方法(php.ini)
  • WordPressでおすすめの画像圧縮プラグイン5選
  • WordPressの投稿編集画面でその投稿を表示する方法
  • WordPressの管理画面に再利用ブロックの管理を追加する方法

カテゴリー

  • WordPress
  • お役立ち情報
  • アフィリエイト
  • ドメインレジストラ
  • レンタルサーバー
    • ColorfulBox
    • Conoha WING
    • mixhost
    • さくらのレンタルサーバー
    • エックスサーバー
    • エックスフリー
    • ロリポップ!
  • 便利ツール
WordPress学習方法
トップページへ

プライバシーポリシー|お問い合わせ
Copyright © 2023 FOXWP All rights reserved.