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

  • このトピックには3件の返信、2人の参加者があり、最後にかうたっくにより5年、 7ヶ月前に更新されました。
3件の返信スレッドを表示中
  • 投稿者
    投稿
    • #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にしてご確認いただけますか。

3件の返信スレッドを表示中
返信先: 横のページへ行くボタン?で#60600に返信
あなたの情報:




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