【WordPress】STINGER8でサイドバーに区切り線を入れて、メリハリをつける

前回はプロフィールを追加しましたが、
区切る線がないため、メリハリがありません。

今回は、区切り線をつけて、サイドバーにメリハリをつけましょう。

スポンサーリンク

子テーマを使用しましょう!

カスタマイズをする場合は、子テーマを使用したほうが便利です。
子テーマをカスタマイズしていきましょう!

子テーマってなに?という方はこちらをご参考ください。

https
「https」の記事一覧です。
https
「https」の記事一覧です。

区切り線はスタイルシートをいじる

区切り線を入れる場合は、7やplusと比較し、classが変わっていますので、
classを変えなければ変化しません。

サイドバーに区切り線を入れる場合は、
以下のコードをstyle.cssに入力します。

.menu_underh2{
        margin-bottom:10px;
	border-bottom-width: 4px;
	border-bottom-style: dotted;
	border-bottom-color: #38b48b;
}

これでだいぶすっきりしました。

Stinger8のカスタマイズ記事まとめはこちら!↓

【プログラミング入門最強の味方】STINGER8カスタマイズまとめ
WordPressのテーマStinger8のカスタマイズ記事が増えてきたので、 記事を種類別に分類をしてみました。 STINGER8は基本的には、最低限の機能しかないまっさらなテーマです。 その分非常にカスタマイズがやりやすく、H...

コピペも良いですが・・・

テーマによってはカスタマイズなんて必要ないかもしれませんが、HTMLやCSSの知識あるとないとでは、トラブルがあった時に大きく違ってきます。
コピペも便利ですが、専門の本などを併せて使用すると、理解度がぐっと深まりますよ!

私が使用したおすすめの本はこちらです。

コメント