ページ表示がうまくされない

Simplicityの特徴 フォーラム Simplicityについての質問 ページ表示がうまくされない

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

      過去に同じ質問をしている方はいなかったようなので質問させて
      いただきました。私のブログは以下のものです。

      http://tyakoblo.com/

      ブログ下のページ表示が現在見ているページが表示されず
      グレーの飛び出したボタンになってしまっています。
      スマホで見ても同様のようになっています。

      もうひとつ、Simplicityのブログを持っているのですが、
      そちらは正常に表示されており、原因がわかりませんので
      教えていただけないでしょうか?

      なお、カスタマイズなどは何もしていません。

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

      おかしなところのAタグの属性にdata-wpel-linkというのがあるんですけど、そのキーワードで検索したら、WP External Linksというプラグインが出ました。
      もしこれをインストールして有効化しているなら、無効にしてみてください。
      インストールしていないのであれば、やはりいずれにせよプラグインが怪しいです。
      動作不良時のガイドラインにもあるように、一度プラグインをすべて無効にして動作を確認してみてください。

    • #44677
      hidekichi
      ゲスト

      ページャーのcurrentのaタグ部分の値が何やらおかしい事になっているようです。

      もしかすると記事数の問題かもしれないので、テストで何かしら投稿してもらうと解消するかもしれません。Simplicity側と言うよりももしかするとwordpressの問題かもと思うフシもあります。

      まず記事数の問題かどうかを確かめるためにテスト投稿をしてもらって2ページ目がもう1件表示するようにしてみるか、あるいは表示数を変更してみるかを行って、同じようになるかを確かめてみてください。
      →表示数を偶数にしてみるとか、現在のままもう1件記事を追加して2ページ目に2件あるようにしてみてみるなど

      それでも解決しない場合は念の為テーマを最新版にしてみることをオススメします。

    • #44678
      hidekichi
      ゲスト

      あら、何かしらのリンクのプラグインを使ってるんであれば、それは一番怪しいですね。

      今見てみたら、ページャーのcurrentって、

      <a>1</a>

      なんですね。aタグいらないんじゃなかろうかと思うんですけれども(笑)
      liにスタイルして、文字にaタグ入れればよいわけで、特にcurrentは数字だけで良いような。
      属性のないaタグはある意味、誤動作があっても仕方ないようにも思ったりします。

    • #44679
      saki
      ゲスト

      早いご回答ありがとうございました。

      ご指摘のとおり、「WP External Links」を停止したところ、
      正常な表示となりました。

    • #44680
      hidekichi
      ゲスト

      しかし、WP External Linksは必要だから入れているんですよね?
      必要なければ停止で良いですが、ページャーだけの問題なら解決できるように思うんですけど。

    • #44681
      hidekichi
      ゲスト

      ひとまずこんな感じで、.currentの値を書き換えたらイケるっぽいです。
      wp external linksを利用される場合は何かしらの参考までに。プラグインを使わなくても.currentをいじりたい場合はこれでいけるかも。

      ■jQuery

      (function($){
      	$(function(){
      		var current = $(".pagination .current"),
      			next = current.next(),
      			prev = current.prev(),
      			val;
      		
      		if ( !next.hasClass("next") ){
      			val = parseInt(next.text(),10) - 1;
      		} else {
      			val = parseInt(prev.text(),10) + 1;
      		}
      		
      		current.html("<span>"+ val +"</span>");
      	});
      })(jQuery);

      ■css

      .current span {
          border: 1px solid #ddd;
          border-left-width: 0;
          width: 36px;
          color: #333;
          display: block;
          background-color: #ddd;
      }

      cssをいじれば、.currentのスタイルを好きにデザインできます。

    • #44682
      hidekichi
      ゲスト

      cssでline-heightが抜けてた(汗)

      .current span {
          border: 1px solid #ddd;
          border-left-width: 0;
          width: 36px;
          color: #333;
          display: block;
          background-color: #ddd;
          line-height: 36px;
      }
7件の返信スレッドを表示中
  • フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)