【賢威8】斜線の消し方~3ヶ所あり~

こんにちは、椿(つばき)です。

もしかしたら、あなたも・・・

 はてなさん はてなさん

賢威8ってデフォルトだと斜線があってなんか気になるな~。

ってなことはありませんか?

今回は斜線の消し方をお伝えします。

この記事でわかること

1.ヘッダーの上にある斜線の消し方
2.カテゴリ一覧上にある斜線の消し方
3.記事上にある斜線の消し方

 

ヘッダー上部の斜線の消し方

どの部分を消したいのかを確認しますね。

そうそう、このヘッダー上の斜線です。

では早速、

ワードプレスのダッシュボードを開きます。

外観

カスタマイズ

追加css

上の順にクリックしていきます。

以下の記述を左側の記述するところにコピー&ペーストします。

/*ヘッダー上部斜線削除*/
.keni-header_wrap{
background-image: none;
}

 

右側のプレビュー画面で斜線が消えたことが確認できます。

最後に【公開】をクリックで完了です。

カテゴリの一覧上部の斜線の消し方

こちらもどの部分を消したいのかを確認します。

右側のカテゴリをクリックすると出てくるカテゴリ一覧の上の部分の斜線です。

先ほどと同じように以下を記述します。

/*カテゴリ上部斜線削除*/
.archive_title{
background-image: none;
}

はい、プレビュー画面で斜線が消えたことが確認できます。

最後に【公開】のクリックを忘れずに!

ちなみに、追加cssのトップページではカテゴリ一覧ページが出ていないので、右側の【カテゴリ(この場合は未分類)】をクリックすれば確認できます。

記事タイトル上の斜線の消し方

気になる斜線の最後は、記事タイトル上になります。

トップページから、記事にある【続きを読む】をクリックすると出てきます。

こちらも同じように以下を記述していきます。

/*記事タイトル斜線削除*/
.keni-section h1{
background-size: 0px 0px;
}

こちらもプレビュー画面で確認出来たら最後に【公開】をクリックします。

これで3ヶ所とも消すことができました。

3ヶ所の斜線をまとめて消す方法

もしかしたら、まとめた方法ないのかなー?と思うかもしれませんね。

そうです、わたしもそうでした。

だって斜線が気になるのならすべて消したくなりますよね。

ということで、以下の記述で、3ヶ所とも削除できます。

/*ヘッダー・カテゴリ・記事上部斜線削除*/
.keni-header_wrap,
.archive_title,
.keni-section h1{
background-size: 0px 0px;
}

斜線削除前↓

斜線削除後↓

2つに分かれましたが、このように削除できました!

じゃあ最初からこれだけでいいじゃんっ!っていうのは「なし」でお願いします(;’∀’)

さいごに

今回は、賢威8のデフォルトにある斜線の消し方をお伝えしました。

気にならない人もいると思いますが、私は気になる派だったのでこの方法で削除しました。

あの斜線をみると一発で「あ、賢威8だね^^」って思うのはわたしだけではないはず・・・(;’∀’)

慣れてしまえばとても簡単なのでぜひチャレンジしてみてくださいね♪

今回は以上です。
お疲れさまでした^^