PC用ヘッダー画像をスマホにも表示させたい

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など PC用ヘッダー画像をスマホにも表示させたい

  • このトピックには3件の返信、2人の参加者があり、最後にnokにより11年、 4ヶ月前に更新されました。
3件の返信スレッドを表示中
  • 投稿者
    投稿
    • #4048
      nok
      ゲスト

      細やかな気配りに溢れたテーマを提供いただき、ありがとうございます。

      差し出がましく複数質問がありますが、検索ユーザーと共有し易いように、個別に分けて質問させていただきたいと思います。よろしくお願いします。

      本件ですが、PC用ヘッダー画像をスマホにも表示させる方法、もしくはスマホ上部(サイトタイトル下あたり)に任意の画像を表示する方法をご教授いただけると幸いです。

      mobile.css 

      #header .alignright{
      display:none;
      }

      が該当箇所になると思うのですが、具定期な記述方法がわかりませんでした。
      よろしくお願いします。

    • #4067
      アバター画像わいひら
      キーマスター

      差し出がましく複数質問がありますが、検索ユーザーと共有し易いように、個別に分けて質問させていただきたいと思います。よろしくお願いします。

      ありがとうございます。そうしていただくととても助かります。

      本件ですが、PC用ヘッダー画像をスマホにも表示させる方法、もしくはスマホ上部(サイトタイトル下あたり)に任意の画像を表示する方法をご教授いただけると幸いです。

      それを指定するには、mobile.cssで新たに画像を指定してやる必要があるかもしれません。importantつきで。

      #h-top {
          background-image: url("http://yourt-domain.com/wordpress/wp-content/uploads/2014/10/cropped-HIRA78_nezuminoomocyatomesuneko1500.jpg") !important;
      }

      ただ、モバイル画面で画像を表示すると、ウィンドウ幅と画像は幅が変わってくるので、背景画像の表示調節を各自で行っていただく必要があります。
      background-sizeやその他のプロパティーで。

    • #4074
      アバター画像わいひら
      キーマスター

      本件ですが、PC用ヘッダー画像をスマホにも表示させる方法、もしくはスマホ上部(サイトタイトル下あたり)に任意の画像を表示する方法をご教授いただけると幸いです。

      これが、ただタイトル下に画像を表示するだけならheader-logo.phpテンプレートの一番下あたりにimgタグで画像を挿入すれば、行けるかと思います。

    • #4155
      nok
      ゲスト

      補足までいただき、ありがとうございます。
      header-logo.phpへのimgタグでの挿入は、左側に意図しない余白が入ってしまいましたが、
      mobile.cssでの指定はスムーズに反映できました。またスライダーなど、色々試してサイトブランディングを向上させたいと思います。
      ありがとうございます。

3件の返信スレッドを表示中
  • トピック「PC用ヘッダー画像をスマホにも表示させたい」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)