ホーム サイト情報記事 標準記事

標準記事

WordPressにCSSを追加する方法

WordPressにCSSコードを追加する方法は? 方法はとても簡単で、テーマのカスタマイズ機能を使用するか、テーマのスタイルシートファイルstyle.cssを修正するだけです。 方法1:外観のカスタマイズ機能: 外観のカスタマイズ機能を使用すると、現在使用しているテーマファイルにCSSコードをすばやく追加できます。方法は以下の通りです。WordPre…

2019年11月25日更新 約2分で読めます

WordPressでCSSコードを追加するにはどうすればいいですか

方法はとても簡単で、テーマのカスタマイズ機能を使用するか、テーマのスタイルシートファイルstyle.cssを修正するだけです。

方法1:外観のカスタマイズ機能:

外観のカスタマイズ機能を使用すると、現在使用しているテーマファイルにCSSコードを素早く追加できます。手順は以下の通りです:

  1. WordPressサイトの管理画面にログインします
  2. 外観を選択し、カスタマイズをクリックします。
  3. „追加のCSS“セクションにCSSコードを挿入するだけです。

主题自定义,添加额外的css代码

この方法はシンプルで迅速で、少量のCSSコードの追加や修正に適しています。例えば、上の画像のコードはGoogle広告の黄色い背景枠を除去するコード

方法2:テーマのスタイルシートファイルstyle.cssを編集する

  1. WordPressサイトの管理画面にログインします;
  2. 外観 → テーマエディターを選択し、デフォルトではスタイルシート (style.css) の編集画面になります
  3. スタイルシート (style.css) 内に追加したいCSSコードを挿入するだけです。

この方法は、CSSコードを修正・追加する際によく使われる方法です。

その他の方法:

その他のCSSコードの追加方法としては、子テーマを作成して子テーマのスタイルシートファイルを修正する方法や、プラグインを使用してCSSコードを追加する方法がありますが、方法1や方法2ほど便利ではありません。

したがって、もしあなたがWordPressにCSSコードを追加したい場合は、上記の方法を直接使用すれば問題ありません。

4.2/5 - (6票)
前の記事 WordPress最適化の小技、Jquery Migrateファイルの無効化 同じタイムラインの近くのコンテンツを読み続ける。 次の記事 サイトを百度にインデックス登録させる方法_サイトのインデックス登録とランキングに関するあれこれ 次の関連チュートリアルや経験を表示する。

AIサイト構築アシスタント

🤖
こんにちは!私はNaibaサイト構築ノートのAIアシスタントです。何かお手伝いできることはありますか?
クイックコンサルティング: