SANGOのタイトルテキスト・ロゴ画像の大きさを変更する方法
SANGOのタイトルテキスト・ロゴ画像の大きさを変更する方法

今回は、SANGOのタイトルテキストとロゴ画像の大きさを変更する方法を解説します。

タイトルテキスト・ロゴの見え方で、サイトの印象もガラッと変わるので、ぜひ試してみてください。

追加CSSにコードを追記

WordPressダッシュボードのサイドメニューから『外観カスタマイズ』という順にクリックして進みましょう。

サイドメニューから『外観→カスタマイズ』という順にクリックして進む

サイドメニューから『外観→カスタマイズ』という順にクリックして進む

画面左下の『追加CSS』をクリックします。

『追加CSS』をクリック

『追加CSS』をクリック

左側にテキストを入力する画面が開くので、ここに任意のCSSコードを追記していきます。

任意のCSSコードを追記

任意のCSSコードを追記

タイトルテキストの大きさを変更する

タイトルテキストの大きさを変更

タイトルテキストの大きさを変更

下記のコードを記述すると、タイトルテキストの大きさを変更することができます。

スマホ表示は初期設定サイズでPC表示のときのみサイズを変えたい場合

下記のように記述することで、画面サイズが481px以上のときのみ、フォントサイズを変えることができます。

スマホ表示・PC表示それぞれでサイズを変えたい場合

フォントサイズはお好みの大きさで変更してみて下さい。

次にロゴ画像の大きさを変更するCSSコードを見ていきましょう。

ロゴ画像の大きさを変更する

ロゴ画像の大きさを変更

ロゴ画像の大きさを変更

下記のように記述すると、画面サイズが768px以上の端末で表示されるときのみ、サイズが変わります。

767px以下では初期設定のサイズで表示されます。

スマホ表示・PC表示それぞれでロゴ画像サイズを変えたい場合

スマホ表示でのロゴ画像サイズも変えたい場合は、下記のように記述しましょう。

まとめ

今回は、SANGOのタイトルテキストとロゴ画像の大きさを変更する方法を解説しました。

タイトルテキスト・ロゴ画像は、サイト内で最もユーザーの目に留まる部分なので、より良い印象を与えられるように適切なサイズで設定しておきましょう。

  • SANGO公式紹介サイト ➜SANGO

スポンサーリンク

スポンサーリンク

おすすめの記事