賢威8のヘッダーにある斜線をCSSで消す方法

 

WordPressテーマ「賢威8」を使用していて、サイトの上部にある斜線(下記画像の矢印部分)が気になったことはありませんか?

 

 

私は気になります!!笑

ということで、今回は「賢威8のヘッダーにある斜線をCSSで消す方法」をご紹介いたします。

「賢威8」のヘッダーにある斜線を消す方法

「賢威8」の斜線の装飾を削除するCSSは下記になります。

これだけで、全ページの斜線を消すことができます!

「賢威8」でCSSを記述する場所について

「賢威8」ではCSSを記述する場所が「追加CSS」と「base.css」の二箇所あります。

「追加CSS」よりCSSを記述する方法

  1. WordPress管理画面より「外観」→「カスタマイズ」を開きます。
  2. カスタマイズ一覧の一番下にある「追加CSS」を選択します。
  3. 「追加CSS」内へCSSを記述します。
  4. 最後に「公開」ボタンを押しましょう。

「base.css」よりCSSを記述する方法

  1. 「賢威8」を編集する必要がありますが、本体を編集するのではなく、子テーマを利用しましょう。
    子テーマの利用についてはこちら
  2. 子テーマを適用させたら、WordPress管理画面より「外観」→「テーマエディター 」を開きます。
  3. 編集するテーマを選択で「賢威8.0(子テーマ)」を選択し、「base.css」を選択します。
  4. 「賢威8.0(子テーマ):base.css」が表示されるので、そこへCSSを記述します。
  5. 最後に「ファイルを更新」ボタンを押しましょう。

最後に

簡単に斜線を消すことができましたね。

斜線が消えることによりデザインの幅が広がったのではないでしょうか。

是非この機会にオリジナルのカスタマイズにチャレンジしてみてください!