まいくさんのブログでかっこいいなと思ったのは、サイドバーのタイトルの背景が長方形じゃなくて違う形になってること。あれはどうやってできますか?

ブログのお問い合わせからこのような質問をいただいたので、これに答えます。

WordPressテーマ「Diver」でサイドバーのタイトルデザインを変更する方法です。

「Diver」でできるサイドバーのタイトルデザインの画像を、すべて載せていますので参考にしてみてください!

ここのデザインです。

Diverサイドバータイトルデザイン

Diverでできるサイドバーのタイトルデザイン

「Diver」でできるサイドバーのタイトルデザインは全部で9個あります。

 背景や文字色は好みに合わせて自由に変更ができるので、自分に合ったデザインを探すことができます!

ボックス

diverサイドバータイトルデザインボックス

「Diver」の初期設定はボックスになっているはず。一番シンプル。

下線

diverサイドバータイトルデザイン下線

下に線が出るデザイン。配色次第では目を引くデザインになると思います。

使っている人があまりいない印象。

リッチ

diverサイドバータイトルデザインリッチ

リッチのデザインはこんな感じ。

たぶんもっと上手な配色があると思います…。

タグ

diverサイドバータイトルデザインタグ

タグのデザインはこんな感じ。

ステッチ

diverサイドバータイトルデザインステッチ

やわらかいデザインですよね。女性のブロガーさんにおすすめ。

リボン1

diverサイドバータイトルデザインリボン1

リボン1のデザインは、見出し2(h2)で使っています。

リボン2

diverサイドバータイトルデザインリボン2

リボンデザインの二つ目はこんな感じ。

可愛らしい。

付箋

diverサイドバータイトルデザイン付箋

付箋のデザインもあります。

こちらも配色次第では目を引くデザインになっていて、表現の幅が広がりますね。

ストライプ

diverサイドバータイトルデザインストライプ

最後に、ストライプのデザインです。

これはちょっとハードル高いかな…。

配色が難しいなと思いました。

サイドバーのタイトルデザインを変更する方法

Diverサイドバーのタイトルデザインを変更する方法外観

サイドバーのタイトルデザインを変更する方法は、「Diver」ならとても簡単です。

  1. WordPress画面左側の「外観」をクリック
  2. 「カスタマイズ」をクリック
  3. 「デザイン設定②」をクリック
  4. ウィジェットタイトルのデザインから好きなデザインを選ぶだけ(色も自由に選べます)

こんな感じの画面から自分が好きなものを選ぶだけです。

diverウィジェットタイトルのスタイル

これでサイドバー(ウィジェット)タイトルのスタイル変更ができました!

以上、『【WordPressテーマDiver】サイドバーのタイトルデザインを変更する方法』でした。

さいごまで読んでいただき、ありがとうございます!

関連記事

欲しかったWordPressテーマTHE THOR(ザ・トール)購入!Diverとの違いを徹底解説

アフィリエイト初心者が月10万円稼ぐために登録した6つのASP

スポンサーリンク

Twitterでフォローお願いします

おすすめの記事