どうも、こはるです。
当ブログの訪問者の方から質問をいただいたので、「わからへんわ」おばさんに登場してもらいますね。
「サイトロゴ画像」と「キャッチフレーズ」の両方を表示させるには、どうしたらええんかなぁ・・・？
ということで、今回は、『LION MEDIA』使用時の「サイトロゴ」と「キャッチフレーズ」について掘り下げてみたいと思います。
サイトタイトルとキャッチフレーズの設定
まずは、おさらいから。
「サイトタイトル」と「キャッチフレーズ」の設定は、WordPressの【一般設定】で行います。
ここで設定したものは、外観 ＞ カスタマイズ の「サイト基本情報」にも反映されます。
サイトロゴ画像の設定
サイトロゴの設定は、外観 ＞ カスタマイズ ＞ 基本設定［LION用］ の一番下「ロゴ画像の設定」で行います。「画像を選択」をクリックすると「メディアファイル」が開くので画像を追加します。
ロゴ画像を設定するとこんな感じですよね。
あれれれれ・・・。
ちゃんとロゴ画像とキャッチフレーズ表示されてるやん！
おばちゃんが設定したら、表示されへんかったのに・・・。
タイトルとキャッチフレーズの表示範囲
サイトタイトル（またはロゴ画像）とキャッチフレーズが表示される範囲というのは、スタイルシートで指定されています。
『LION MEDIA』の場合、「 虫めがねマーク」を黒く囲っている左端の部分から250pxの範囲は【空白エリア】になっているので何も表示されません。【空白エリア】より左側が「サイトタイトル（ロゴ画像）」と「キャッチフレーズ」の表示位置になります。（クリックすると大きくなります。）
ただし、「サイトタイトル（ロゴ画像）」+「キャッチフレーズ」を全文表示しようとしたときに、空白エリアに重なってしまうと自動的にキャッチフレーズが表示されなくなります。
キャッチフレーズが表示されない例
どういった場合にキャッチフレーズが表示されなくなるのかを検証してみました。
キャッチフレーズが長文の場合
「キャッチフレーズ」を次のような長文に変更してみますね。
初心者のための『LION MEDIA』カスタマイズ設定の使い方について「わかりやすく」をモットーに紹介しています。
変更した画像がこちら
じゃあ、どの文字まで表示できるの？
表示されたのは、「初心者のための ～（省略）～ をモットーに紹介し」まででした。
ロゴ画像を設定している場合は表示幅が決まっているので、残りのスペースを「キャッチフレーズ」に使うことができます。短文なら問題なく表示されます。
サイトタイトルが長い場合（ロゴ画像なし）
「サイトタイトル」を文字で表示させる場合、タイトル名が長いと「キャッチフレーズ」が表示されません。
（変更前の表示例）
タイトル：『LION MEDIA』の使い方
キャッチフレーズ：初心者のための『LION MEDIA』の使い方を紹介しています。
（変更後の表示例）
タイトル：『LION MEDIA』カスタマイズ設定の使い方
キャッチフレーズ：初心者のための『LION MEDIA』の使い方を紹介しています。
タイトル名を長くすると消えてしまいましたね。
じゃぁ、どの文字までの入力なら「キャッチフレーズ」が表示されるのか？
（クリックすると大きくなります。）
「『LION MEDIA』カスタマイズ設定の」までだと、「キャッチフレーズ」が表示されました。
ブラウザーの表示サイズ
ブラウザーの表示サイズの影響も受けます。幅を狭めると「キャッチフレーズ」が消えてしまいます。
まとめ
「タイトル」と「キャッチフレーズ」のバランスが大切だということですね。
『LION MEDIA』のロゴ画像は設定サイズが小さめなので、デッデデ～ン！とアピールするに物足りない・・・と感じております。キャッチフレーズもタイトル下に表示できれば、もう少し長めの文字が入りそうですけどね。
自分でカスタマイズするには力不足で・・・。
みなさまのお力になれましたでしょうか？
最後までお読みいただきありがとうございました。こはるでした。