WordPressテーマ「ルクセリタス(Luxeritas)」で記事タイトルを中央に寄せる方法です。
基本的に記事タイトルはテキスト左寄せになっています。
これを中央寄せにします。
この設定を行うとすべての記事タイトルが中央寄せになるので注意してください。
まずは、CSS(スタイルシート)を編集するので、ルクセリタスメニューの「子テーマを編集」へ進みます。
『＞＞以下、好みに応じて子テーマ用のスタイルをお書きください。』の下の『*/』のさらに下に空白行を作ってください。(36行以内にコードを書くとエラーになると思います。)
その空白行に以下のコードを書きます。
.entry-title, #front-page-title {
text-align: center;
}
これが記事タイトルを中央寄せにするコードになります。
コード書き込み後は「保存」を忘れずに押してください。
これで記事タイトルが中央寄せになっています。
なお、左寄せに戻す場合は先ほどの追記したコードを消去すれば問題ありません。
右寄せにする場合は「 text-align: center;」を「 text-align: right;」に変更するだけです。
書いてみるとなんとなくどういう動作をするかわかると思います。
他にも、記事タイトルに影をつけたい場合は「text-shadow: 1px 2px 3px grey;」を追記します。
この影の値は「文字の横側の影(1px)、文字の縦側の影(2px)、ぼかし(3px)、影の色(grey)」で設定されます。
数値を弄れば影がその設定どおりに反映されます。
色については「grey」と書いていますが「#808080」のように色の数値で記載することも可能です。
いろいろ試すと面白いです。
スタイルシートを編集することでオリジナリティを出すことができます。
ただ、スタイルシートはハマるとなかなか沼るので注意してください。笑
そしてもうひとつの注意点として、
このコードはルクセリタス(Luxeritas)専用コードになるため、他のテーマでは使えません。
例えばWordPressテーマ「コクーン」を使っていてこのコードをスタイルシートに追記しても何も起こりません。
スタイルシートのコードはテーマによって違うので、テーマごとにコードを調べる必要があります。
そのあたりについてはこちらの記事に詳しく書いています。
わからないことなどありましたらお気軽にメッセージください。
コメント