スマホでフッターを表示したい

Simplicityの特徴 › フォーラム › Simplicityについての質問 › スマホでフッターを表示したい

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

      スマホでフッターを表示したい場合どうすればいいのですか。

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

      スマホでもフッターは表示されると思うのですが、もしかしてスマホでもフッターのウィジェットを表示するということですか?

    • #44565
      aki
      ゲスト

      はい、そうです

    • #44582
      hidekichi
      ゲスト

      親テーマfooter.phpを開いて、

      <?php //フッターにウィジェットが一つも入っていない時とモバイルの時は表示しない
        if ( (is_active_sidebar('footer-left') ||
          is_active_sidebar('footer-center') ||
          is_active_sidebar('footer-right') ) &&
          !is_mobile() ): ?>

      を

      <?php //フッターにウィジェットが一つも入っていない時とモバイルの時は表示しない
        if (
          is_active_sidebar('footer-left') || 
          is_active_sidebar('footer-center') || 
          is_active_sidebar('footer-right')
        ): ?>

      こうして!is_mobile()を外せばスマホのときもウィジェットは表示されると思いますが(このままではfloatで要素の高さがないので表示されないかもしれない)、ウィジェットのスタイル、またそれを囲む親の要素のスタイルをうまくしないとキレイに収まらないかもしれません。
      参考になるhtmlがないので概要ですが、

      #footer-widget {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
      }
      #footer-widget div {
        flex: 1 calc(100% / 3);
      }
      
      @media screen and (max-width: 30em) {
        #footer-widget div {
          flex: 1 100%;
        }
      }

      flexを使用した場合、float、width、clearは不要になります。またベンダープレフィックスがついてませんので必要な所に入れる必要があります。
      footer.phpを修正して、サイトのアドレスを公開してもらえればそれにあわせてサンプルは作れます。
      footer.phpを修正してもウィジェットが入ってない場合は表示されません。

      親テーマに手を入れることになるので、アップデートのたびに修正し直さないといけません。

3件の返信スレッドを表示中
  • フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)