Luxeritas の「サイトタイトル」と「背景」の変更方法

サイトの上部に、「サイトのタイトル画像」を挿入すると、イメージがはっきりとするので、ユーザーに認知してもらえるキッカケとなります。

そこで、この記事では、「サイトタイトル画像」と「タイトルの背景」の変更方法を解説していきます。

変更する場所の確認

サイトの上部には、「千金」と表示されていますが、こちらは「画像」ではなく、設定していた「サイト名」が映し出されています。

こちらを見やすい「サイト名の画像」に変えて、それに合わせて「背景」の色も変更していきます。

ロゴの挿入

サイトタイトル（ロゴ）を挿入するには、Wordpressの「ダッシュボード」にログインしてください。

画像設置のイメージ

「千金」の画像をアップロードすると、このように表示されます。

このままではサイトと馴染んていいないので、「背景の色」を変更したいと思います。

ロゴの背景変更の仕方

ロゴの背景を変更すると、このようになります。

統一感が出て見栄えが良くなりましたね。

次に、ロゴの背景を変更する方法を解説します。

WordPressの「ダッシュボード」にログインします。

これで、「サイトのタイトル画像」と背景を合わせることができました。

タイトル画像の位置変更

「サイトのタイトル」画像を中央にする方法を解説します。

この手順で「タイトル画像」の位置の変更ができます。

「タイトル画像」の上下左右の余白は、「ヘッダーのマージン」・「ヘッダーのパディング」で変更ができます。

タイトル上（ヘッダー上の帯）の色変更

タイトルの上の「帯」の色を変更します。

2022年2月26日 Luxeritas 「アドレスバー」の色を変更の仕方

変更方法は以下の手順になります。

色を変更すると、「アドレスバー」から「ロゴ」まで、色が統一されました。

上の画像をよく見ると、「ロゴ」と「帯メニュー」の間に白い線が入っています。

こちらも変更可能です。

先程の「ヘッダー上の帯メニュー」の「帯メニューの下線の色」から色の変更ができます。

線を消す場合は、「帯メニューの下線の太さ ( px )」を「0」にしてください。

ヘッダー周辺の色を合わせる

1. アドレスバー
2. 帯メニュー
3. 帯メニューの下線の色
4. ロゴの背景

上記の色を統一する方法は、最初に決めた色のカラーコードをコピーして、変更箇所に貼れば、全てを統一できます。

カラーコードは「＃」から始まる英数字になります。