Base」のサイドバーのカスタマイズです。この記事ではウィジェットタイトルを中央揃えにする方法をご紹介し、装飾としてタイトル下部にライン付けする方法まで解説していきます。目次ウィジェットタイトルの中央揃えカスタマイズするのはstyle.css中央寄せのカスタマイズウィジェットタイトルの装飾コードの置き換え置き換えたコードをカスタマイズしたい場合ウィジェットタイトルの中央揃えカスタマイズするのはstyle.cssまずはカスタマイズする場所を確認していきます。1ワードプレス管理画面の「外観」>「テーマの編集」をクリックします。2テーマファイルから「スタイルシート(style.css)」を選択します。.side-title」がウィジェットのタイトルの表示を指定する場所です。画像は以前にカスタマイズしたままの状態となっていますのでデフォルトとは少し違いますが、中央揃えのコードを追加する分には問題ありませんので安心してください。Base】サイドウィジェットのタイトルを装飾する方法』を確認してみて下さい。中央寄せのカスタマイズウィジェットエリアのタイトルを中央揃えは、下記のコードを追加するするだけで簡単に行うことができます。center;デフォルトのままだと下記のように追加します。center;}これだけでウィジェットタイトルを中央寄せにカスタマイズができました。※反映されない場合はブラウザの履歴が影響している場合があります。履歴を削除してから、もう一度確認してみて下さい。今回は中央揃えしたタイトルのデザインのまま、シンプルなライン付きのウィジェットタイトルにカスタマイズしていきます。コピペでカスタマイズができるように、置き換えと簡単な解説を行います。コードの置き換え先ほどカスタマイズしたコードを表示します。center;}このコードを下記のコードに置き換えます。先ほどのコードには番号と簡易的なナビを付けていますが、実際にどう変化するのか各番号のコードを変更しながら解説していきます。文字の色を変更できます。画像は「#3e3e3e」というカラーコードを「#2581c4」に変更したものです。〈2背景色〉ウィジェットタイトルの背景色を変更できます。1と同様カラーコードを変更するだけですが、ラインを付けるので今回は白のままにしておきます。文字とラインの距離を調整できます。値が大きくなるほど離れます。画像は「-15」を「-30」に変更したものです。〈4ラインの長さ〉ラインの長さを調整できます。値が大きくなるほど長くなります。画像は「60」を「120」に変更したものです。〈5ラインの太さ〉ラインの太さを調整できます。値が大きくなるほど太くなります。画像は「5」を「10」に変更したものです。〈6ラインの色〉ラインの色を変更できます。167);」に変更してみました。※この部分はrgbの数値だけではなく、「#2581c4;」などのカラーコードも使用できます。この6つの場所を変更することで、ある程度の範囲までは簡単にカスタマイズできるようになります。慣れると難しくはないので、参考にしながらチャレンジしてみて下さい。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。