【Diverカスタマイズ】サイドバーのタイトルデザイン変更方法

今回は、Diverのサイドバーにあるタイトルデザインの変更方法についての紹介記事になります！

 

という人は、参考にしてみてください。

 

 

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

今回紹介したいサイドバーのタイトルデザインを変更すると、上の画像のようにタイトルのデザインがオシャレに変更できます。

 

変更できる箇所は

 

 

 

Diver サイドバーエリアのタイトルデザイン変更方法

サイドバーエリアのタイトルデザイン変更方法は、ワードプレスのホームメニューから「外観」→カスタマイズ」と進みます。

 

ブログのカスタマイズページへ移動するので

「デザイン設定②」を選んでクリックしましょう。

 

デザイン設定2を選ぶと、上のようにH2の見出しの設定画面が表示されるので、少し下にスクロールしてください。

 

 

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

カスタマイズメニューから少し下にスクロールすると、「ウィジェットタイトルのスタイル」という設定項目があります。

 

赤枠部分が「ボックス」となっているのですが、これを変更することでサイドバーのデザインをカスタマイズすることができます！

 

タイトルデザインのスタイルは全部で9種類！

ここからは、タイトルデザインのスタイルを変更するとどんな風にデザインが変わるのか？

紹介していきたいと思います！

 

これからご自分のブログのデザインを変更を考えている人は参考にしてみてくださいね。

ボックス

こちらがDiverの初期設定にもなっている、「ボックス」のスタイルを選んでいる時です。

 

僕は、青い色を選んでいますが、この色はお好みで変更できるのでサイトの雰囲気にあった色を選ぶといいですよ。

 

標準的なデザインで、ワードプレスの無料テーマなんかでもこのスタイルが初期設定になっていることが多いですね。

 

下線

続いては「下線」です。

運営者プロフィールの下に、ラインが入ったように赤く線が入ったと思います。

この赤い線についても、お好みで色が選べます。

サイトの雰囲気にあった色を選んでみてくださいね。

 

リッチ

続いては「リッチ」です。

リッチにすると、タイトルデザインのカラーがグラデーションになります。

 

しかも先ほどの下線もあるので、先ほどの下線だけに比べてちょっぴりオシャレにできます。

 

タグ

続いては「タグ」です。

 

タグは、一見ボックスの丸みを帯びたヴァージョンのようなデザイン。

 

緑の点部分のカラーはお好みで変更することができます。

 

ついでに僕も背景色を変更してみました。

さっきよりオシャレになりましたかー？

リボン1

続いては「リボン1」です。

当ブログでも、リボン1を使っているのですが立体的な表示切り替わります。

 

僕的オススメのスタイルです。

 

リボン2

続いては「リボン2」です。

こちらも人気のデザインで、Diverを使っているブロガーさんの中では結構見かけます。

 

Diverを購入前は「オシャレなサイトだなぁ」くらいか思っていなかったのですが、 Diverになってからこのデザインを使っているブロガーさんは本当に多くて驚きです。

 

付箋

続いては「付箋」です。

ボックスの左側に線が入ったようなデザインです。

 

シンプルなボックスがお気に入りなんだけど、ちょっとオシャレにしたい時なんかに使うといいかも？

 

ストライプ

最後は「ストライプ」です。

 

検索で出てきたブロガーさんでは見かけたことがないのですが「Diverならこんなこともできるよ！」ってアピールにつかえるかも？

 

あなたの使いたいデザインはありましたか？

っということで、ここまでDiverで使えるサイドバーのタイトル部分のデザイン変更について紹介してきました！

 

Diverなら今回紹介した方法で、あなた好みのデザインへと変更することができます。

僕自身もずっとどうやったらタイトルデザインを変更できるのか？探していました。

 

今回は、同じDiverを使っている方や、これから Diverを使ってみたいという方に向けて記事としてまとめておきます！

是非参考にしてみてくださいね。