【LION MEDIA】「サイトロゴ」と「キャッチフレーズ」の表示関係

【LION MEDIA】「サイトロゴ」と「キャッチフレーズ」の表示関係

どうも、こはるです。

当ブログの訪問者の方から質問をいただいたので、「わからへんわ」おばさんに登場してもらいますね。

 

困っているおばさん「サイトロゴ画像」と「キャッチフレーズ」の両方を表示させるには、どうしたらええんかなぁ・・・? 

 

ということで、今回は、『LION MEDIA』使用時の「サイトロゴ」と「キャッチフレーズ」について掘り下げてみたいと思います。

 

サイトタイトルとキャッチフレーズの設定

サイトタイトルとキャッチフレーズの設定

 

まずは、おさらいから。

「サイトタイトル」と「キャッチフレーズ」の設定は、WordPressの【一般設定】で行います。

WordPressの一般設定

 

ここで設定したものは、外観 > カスタマイズ の「サイト基本情報」にも反映されます。

サイト基本情報

広告

サイトロゴ画像の設定

ロゴ画像の設定

サイトロゴの設定は、外観 > カスタマイズ > 基本設定[LION用] の一番下「ロゴ画像の設定」で行います。「画像を選択」をクリックすると「メディアファイル」が開くので画像を追加します。

ロゴ画像の設定

 

ロゴ画像を設定するとこんな感じですよね。

ロゴ画像設定後

 

困っているおばさんあれれれれ・・・。
ちゃんとロゴ画像とキャッチフレーズ表示されてるやん!
おばちゃんが設定したら、表示されへんかったのに・・・。

 

タイトルとキャッチフレーズの表示範囲

サイトタイトルとキャッチフレーズの表示範囲

サイトタイトル(またはロゴ画像)とキャッチフレーズが表示される範囲というのは、スタイルシートで指定されています。

『LION MEDIA』の場合、「 虫めがねマーク」を黒く囲っている左端の部分から250pxの範囲は【空白エリア】になっているので何も表示されません。【空白エリア】より左側が「サイトタイトル(ロゴ画像)」と「キャッチフレーズ」の表示位置になります。(クリックすると大きくなります。)

サイトタイトルとキャッチフレーズの表示範囲

 

ただし、「サイトタイトル(ロゴ画像)」+「キャッチフレーズ」を全文表示しようとしたときに、空白エリアに重なってしまうと自動的にキャッチフレーズが表示されなくなります。

 

キャッチフレーズが表示されない例

キャッチフレーズが表示されない例

どういった場合にキャッチフレーズが表示されなくなるのかを検証してみました。

キャッチフレーズが長文の場合

「キャッチフレーズ」を次のような長文に変更してみますね。

初心者のための『LION MEDIA』カスタマイズ設定の使い方について「わかりやすく」をモットーに紹介しています。

変更した画像がこちら

キャッチフレーズが消える

 

 

じゃあ、どの文字まで表示できるの?

表示されたのは、「初心者のための ~(省略)~ をモットーに紹介し」まででした。

キャッチフレーズの表示i

 

ロゴ画像を設定している場合は表示幅が決まっているので、残りのスペースを「キャッチフレーズ」に使うことができます。短文なら問題なく表示されます。

 

サイトタイトルが長い場合(ロゴ画像なし)

「サイトタイトル」を文字で表示させる場合、タイトル名が長いと「キャッチフレーズ」が表示されません。

 

(変更前の表示例)

タイトル:『LION MEDIA』の使い方

キャッチフレーズ:初心者のための『LION MEDIA』の使い方を紹介しています。

サイトタイトルとキャッチフレーズの表示

変更後の表示例)

タイトル:『LION MEDIA』カスタマイズ設定の使い方

キャッチフレーズ:初心者のための『LION MEDIA』の使い方を紹介しています。

タイトル名を長くした例

 

タイトル名を長くすると消えてしまいましたね。

じゃぁ、どの文字までの入力なら「キャッチフレーズ」が表示されるのか?

クリックすると大きくなります。)

キャッチフレーズが表示されるタイトルの長さ

『LION MEDIA』カスタマイズ設定の」までだと、「キャッチフレーズ」が表示されました。

 

ブラウザーの表示サイズ

ブラウザーの表示サイズの影響も受けます。幅を狭めると「キャッチフレーズ」が消えてしまいます。

ブラウザーの幅

 

広告

まとめ

窓辺の鉢植え

 

「タイトル」と「キャッチフレーズ」のバランスが大切だということですね。

『LION MEDIA』のロゴ画像は設定サイズが小さめなので、デッデデ~ン!とアピールするに物足りない・・・と感じております。キャッチフレーズもタイトル下に表示できれば、もう少し長めの文字が入りそうですけどね。

自分でカスタマイズするには力不足で・・・。

 

みなさまのお力になれましたでしょうか?

最後までお読みいただきありがとうございました。こはるでした。

広告