カスタム CSS_html/css_WEB-ITnose を Drupal 7 Web サイトに追加します

チャット ルームやフォーラムにアクセスすると、Drupal Web サイトにカスタム CSS を追加する方法を尋ねる人々によく遭遇します。一般的に言えば、Drupal テーマを通じて追加するのが最善です。ただし、場合によっては、環境上の制限や Web サイト管理者がテーマ ファイルにアクセスできないために、他の方法を検討する必要があります。

今日、この記事では、CSS Injector モジュールを使用して Drupal 7 Web サイトにカスタム CSS を追加する方法を紹介します。

（注釈: CSS Injector と CSS Editor はどちらも一時的な CSS 追加および調整方法として使用できますが、最終的にはテーマ CSS ファイルを通じて追加する必要があります）

ステップ 1: CSS Injector モジュールをインストールして有効にする

ダウンロードCSS インジェクター プロジェクト ページからこのモジュールを取得します

モジュール管理ページにアクセスし、CSS インジェクター モジュールを見つけ、チェックボックスをクリックして選択します

ページを一番下までスクロールし、[保存] をクリックして CSS インジェクターを有効にします

ステップ 2: カスタム CSS を追加する

CSS インジェクター モジュールを有効にした後、[設定 > CSS インジェクター] ページに移動して CSS インジェクターの使用を開始します。 [新しいルールの作成] リンクをクリックして、新しい CSS ルールの追加を開始します。

CSS ルールのタイトルと CSS コードを入力した後、セクションに表示するテーマの設定でこれらの CSS を使用するテーマを指定します

デフォルトでは、追加された CSS はすべてのページで有効になります, しかし、必要に応じて使用することもできます CSS を有効にするページを選択します

すべての内容を入力したら、「保存」をクリックします。

元のタイトル: Drupal 7 ウェブサイトにカスタム CSS を追加