横のページへ行くボタン?

このトピックには3件の返信が含まれ、2人の参加者がいます。4 ヶ月、 1 週前 かうたっく さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #60598 返信

    アクア

    https://aquakoke.com/_20180804_132446

    こちらに載せました。

    横のページへ行くボタン?というのですかね、 
    スマホ版では<<1>>
    しかでません。

    PC版だと、
    << 1 2 3 4 5>>とでます。
    PC版のように、12345と表示したいのですが、どこを変更すればよいですか??

    よろしくお願いいたします。

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

    最も手っ取り早いのは、親テーマのstyle.cssの以下の部分の310の数字をもっと少なくする方法かと思います。

    @media only screen and ( max-width: 310px ) {
      .pagination li {
        position: absolute;
        top: -9999px;
        left: -9999px;
      }
    
      .pagination li.current,
      .pagination li.first,
      .pagination li.last,
      .pagination li.previous,
      .pagination li.next{
        position: initial;
        top: initial;
        left: initial;
      }
    
      .pagination li.previous a { border-left-width: 0; }
    }

    子テーマのstyle.cssでやるとなると、同様のメディアクエリを書いて、上記CSSを打ち消すスタイルを書く必要があるので、かなりめんどくさくなります。

  • #60600 返信

    アクア

    @media only screen and ( max-width: 200px ) {
    .pagination li.first,
    .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
    }

    .pagination li.previous a { border-left-width: 1px; }
    }

    @media only screen and ( max-width: 200px ) {
    .pagination li {
    position: absolute;
    top: -9999px;
    left: -9999px;
    }

    .pagination li.current,
    .pagination li.first,
    .pagination li.last,
    .pagination li.previous,
    .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
    }

    .pagination li.previous a { border-left-width: 0; }
    }

    /*@media only screen and ( max-width: 200px ) {
    .pagination li.first,
    .pagination li.last {
    position: absolute;
    top: -9999px;
    left: -9999px;
    }

    .pagination li.previous a { border-left-width: 1px; }
    }
    */
    .entry-large-thumnail{
    width: 100%;
    height: auto;
    }

    親テーマでこちら200にしましたが1から変わりません。

    ご指導よろしくお願いします。

  • #60602 返信

    かうたっく

    トップページのページネーションのことでしたら、1ではなく5個出て見えてますよ。

    https://gyazo.com/915c4af9cf6945fe117a048145d91d75

    ちなみに閲覧しているスマホの横幅は320px以下ですか???なんなら310px未満でしょうか?

    200pxにしても変化がないのはキャッシュが原因だと思います。

    ブラウザのキャッシュを削除したり、エックスサーバーサーバーパネルにあるmod_pagespeedがonでしたらoffにしてご確認いただけますか。

返信先: 横のページへ行くボタン?
あなたの情報:




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