サイト名、キャッチフレーズをヘッダー部分に表示させないようにはどうすれば・・・

Simplicityの特徴 フォーラム Simplicityについての質問 サイト名、キャッチフレーズをヘッダー部分に表示させないようにはどうすれば・・・

2件の返信スレッドを表示中
  • 投稿者
    投稿
    • #51776 返信
      Flexyz
      ゲスト

      一言で言わせてもらうと
      タイトル通り、サイト名、キャッチフレーズをヘッダー部分に表示したくないんです!
      (画像にサイト名が入っているため)
      Gyazo ( https://gyazo.com/9cabd779795e03a455503f559d0e61ca )
      Gyazoのヘッダー左上に薄く、サイト名とキャッチフレーズが表示されています。。。

      この事態を改善するため最初にヘッダー設定にある「ロゴを画像にする」を使ってみたんですがその場合
      サイト名はこのように消えるんですが、キャッチフレーズが下の段に表示されてしまうのと隙間が空いてしまうのでこの方法はとれない。。。
      Gyazo ( https://gyazo.com/83b09c4fd248d3a64b8f172754cec961 )

      投稿前に調べてみたんですが、どれもこれも「サイトタイトル」自体を無くす方法でしかなく
      その方法を取ると確かにヘッダー部分にはサイトタイトルは表示されないんですね。
      しかし、SEO?敵によろしくないという情報を貰ったのと、タブにサイト名が表示されないのが個人的に気に入らないのでこちらのフォーラムに投稿させていただきました。

      Gyazo ( https://gyazo.com/422c425645ec3d32fdabffd5749e00a3 )

      どうにかヘッダー部分にサイト名、キャッチフレーズを表示させない方法はございませんか。
      また、サイト名がHPを表示したい際のタブなどには表示する方法でお願いします

      長文で失礼します。

    • #51779 返信
      Hidekichi
      ゲスト

      キャッチフレーズはあってもなくても良いですが、サイトタイトルはSEO的にもあった方が良いというのはわからなくもありません。

      そんな時のために、考え方を変えて下さい。ヘッダーにサイトタイトルを表示させるのではなく、サイトタイトルをロゴ画像で表示して、ヘッダー画像はその背景として利用するということです。

      そうすれば#site-titleの中にロゴ画像が入りますから、一挙両得です。

      前にも同じようなことを別のトピックで答えましたが、参考までにこんな風にできるというのをあげておきます。

      サンプル: 背景画像を複数設定する | codepen
      サンプル: PC以外の時にロゴ画像を配置しつつ背景の位置も色々と変更してみる | codepen

      これらのサンプルはカスタマイザーからではなく、直接子テーマstyle.cssで設定します。
      最初のサンプルのように、背景を複数同時に表示しつつ、なおかつサイトタイトルを表示したり、2つ目のサンプルのように、ロゴ画像の位置や背景の位置を画面の幅によって変更させたりなどができるというサンプルです。

      なぜこれらを紹介するかというと、ヘッダー画像にそのままロゴを書いてある画像の場合、PCのような横長の場合ならまぁよいですが、スマホのような横にも縦にもなるような場合の端末で、通常縦で利用する場合は、横長のヘッダー画像なら高さが足りなくなってヘッダー画像が小さくなったり、あるいはサイト名が切れたりすることがあるために、うまく表示させたい部分を表示する事が難しい場合があるからです。

      その時々のサイズにあわせたヘッダー画像をいくつも作る必要はありません。背景になる画像、ロゴ画像、この2つあればたいていの端末に対応できます。背景画像はリピートさせて表示することもできますし、ロゴ画像はsvgを利用すれば拡大縮小しても綺麗なままです。

      それら調整をcssやjQueryでどうすればよいかと言うとまた別の話ですが、こういうことができるということをまず知っておいて下さい。そうすれば、さらなるアイデアも出るかも知れませんし、ヘッダーの作り方が変わるかも知れません。

      質問内で、ロゴ画像を利用すると隙間ができるという内容が書かれていますが、それらはcssの問題です。隙間ができないようにスタイルすれば解決できます。

      サイトタイトルとキャッチフレーズを消したいだけならcssで消せば済むだけですが、1枚もののヘッダー画像を利用するデメリットは結構大きいと思いますよ。

    • #51795 返信
      わいひら
      キーマスター

      SEOとか、ユーザーの利便性とかを無視して良いのであれば、子テーマのstyle.cssに以下を追記すればいけるかと思います。

      #site-title,
      #site-description {
          display: none;
      }
2件の返信スレッドを表示中
返信先: サイト名、キャッチフレーズをヘッダー部分に表示させないようにはどうすれば・・・
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)