WordPress　ウィジェットタイトルのデザイン編集

サイドバーに追加できるウィジェット。ドロップドラッグで簡単に追加できますね。

デフォルトではこのウィジェットのタイトルが「hタグ」になっているそうで、SEO的に最適化するため、「pタグ」へ変更することにしました。

以下、手順です。

ウィジェットタイトルの「hタグ」から「pタグ」への変更

管理画面→外観→テーマ編集→function.phpからwidgetを検索します。

MacはF4を押すと検索窓が右上に出てきますので、widgetを入力してみます。

上記のように、widgetに色がつくのでわかりやすいですね。

下記のコードを探します。

'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',

これを

'before_title' => '<p class="widget-title">',
'after_title' => '</p>',

に変更します。私のテンプレートでは3箇所ありましたので、3箇所全て変更して、ファイルを更新します。

CSSでデザインの変更

「pタグ」だと、殺風景なので、カスタムCSSに下記コードを追記しました。

 .widget-title {margin:0 0 10px 0;
padding:2px 8px;
background:#39b3d7;
color:#ffffff;
line-height:140%;
font-weight:bold;
}