こんにちは😀広瀬ユキです。
今回は、ウィジェットのタイトルを中央寄せにするCSSカスタマイズをご紹介します。
| Before | After |
 | |
WordPress有料テーマ【JIN】を使っている方向けの記事です。
ウィジェットをサイドバーに設置する
ウィジェットをサイドバーに設置する方法は、下記の記事を参考にしてください。
【WordPress】【JIN】ウィジェットのカテゴリーとアーカイブの文字が見切れている問題を解決する方法【WordPress】有料テーマ【JIN】を使っている方向けに、ウィジェットのカテゴリーとアーカイブの文字が見切れている問題を解決する方法をご紹介します。...
サイドバーのウィジェットのタイトルを中央寄せにするCSSカスタマイズ
では、CSSにコードを追加して、サイドバーのウィジェットのタイトルをカスタマイズしてみましょう。
CSSにコードを追加する方法がよく分からない方は、下記の記事を参考にしてください。
CSSにコードを追加する方法はコチラ↓
【WordPress】【JIN】ブログのデザインをカスタマイズする方法：2種類【追加CSS】【WordPress】有料テーマ【JIN】を使っている方向けにブログのデザインをカスタマイズする方法：2種類について書きました。【追加CSS】...
コード
/*---サイドバーのウィジェットタイトル---*/
#sidebar .widgettitle {
text-align:center;/*中央寄せ*/
}
/*---サイドバーのウィジェットタイトル---*//* */ で囲ってある部分はメモ書きなので、削除してもOKです。
【メモ書きなしver.】
#sidebar .widgettitle {
text-align:center;
}
説明
サイドバーにあるウィジェットのタイトルが全て中央寄せになります。
ウィジェットのタイトルを中央寄せにすることができました‼
編集後記
簡単にできるカスタマイズです。
【WordPress】【JIN】サイドバーのウィジェットの余白を調整するCSSカスタマイズ【WordPress】有料テーマ【JIN】を使っている方向けに、サイドバーのウィジェットの余白を調整するCSSカスタマイズをご紹介します。...
【WordPress】【JIN】フッターのアーカイブの表記を非表示にする方法【WordPress】有料テーマ【JIN】を使っている方向けに、フッターのアーカイブの表記を非表示にする方法をご紹介します。...
【WordPress】【JIN】サイドバーの目次のCSSカスタマイズ【WordPress】有料テーマ【JIN】を使っている方向けに、サイドバーの目次のCSSカスタマイズについてご紹介します。プラグイン「Table of Contents Plus」をインストールし、CSSにコードを追加することでサイドバーの目次を見やすくカスタマイズします。...
☆クリックで応援お願いします☆