質問編集履歴

2

誤字脱字の修正

2022/09/05 17:54

投稿

chibikurochan
chibikurochan

スコア6

test CHANGED
File without changes
test CHANGED
@@ -55,6 +55,7 @@
55
55
  ### 発生している問題
56
56
 
57
57
  事前に記述したCSS内のクラスを適用させるため、'type' => 'array'にしてリンクだけ取得し、echoでHTMLタグとクラスを追加、タグの間に取得したリンクを挟む記述にしていますが、本来「1」に適用したいaタグと"pagination-item"のクラスが追加されず、逆に「>(次へボタン)」に"pagination-item"のクラスが追加されてしまっています。
58
+ "pagination-item"は、CSS内に自分で記述したスタイルのクラス名です。
58
59
  「>」ボタンは、クラスが上手く当たっていないため、ブルーの■の中に隠れています。
59
60
  デベロッパーツールで出力結果を見てみたところ、下記のような結果になっていることから、前述の原因がわかりましたが、解決には至っていません。
60
61
  CSSファイルにクラス.currentに対しての記述を追加して、「1」を装飾することもできますが、できればCSSファイルは触らず解決したいです。
@@ -107,8 +108,8 @@
107
108
  </ul>
108
109
  ```
109
110
  ↓上記コードを試した結果
110
- ・この記述でも、「1」にクラスが付かない。
111
+ ・この記述でも、「1」に"pagination-item"クラスが付かない。
111
112
  ・1ページ目で表示したくない「<(前へ)」ボタンが表示されてしまう。
112
- 1ページで表示したくない「>(次へ)」ボタンが表示されてしまう。
113
+ 最終ページで表示したくない「>(次へ)」ボタンが表示されてしまう。
113
114
 
114
115
  せっかくpaginate_linksのパラメータでprev, nextが設定できるのに、わざわざprevious_post_linkなどを使うのも美しくないかな…とも思います。

1

試してみたこと③を追加しました。

2022/09/05 17:51

投稿

chibikurochan
chibikurochan

スコア6

test CHANGED
File without changes
test CHANGED
@@ -88,4 +88,27 @@
88
88
  ```
89
89
  現状と変わらず。
90
90
 
91
- ③echoで「<>」も含めて出力すること自体が、実現したいことに相応しくないのかも?と考え、ページ番号部分と<>だけ分けて出力する方法を調べましたが解決方法が見当たらず、これ以上対処ができかねるため質させだきました。
91
+ ③echoで「<>」も含めて出力すること自体が、今回実現したいことに対する方法としては相応しくないのかも?と考え、ページ番号部分と<>だけ分けて出力する方法を調べて、下記のように修正してみましたが解決できないどころ新しい題が出ので、やめました。
92
+ ```ここに言語を入力
93
+ <ul class="pagination">
94
+ <?php previous_post_link($paginate_links, '<li><span class="prev"></span></li>'); ?>
95
+ <?php
96
+ $big = 9999999999;
97
+ $paginate_links = paginate_links( array(
98
+ 'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
99
+ 'format' => 'page/%#%/',
100
+ 'current' => max(1, $paged),
101
+ 'prev_next' => false,
102
+ 'type' => 'array',
103
+ ));
104
+ echo join('<li><span class="pagination-item">', $paginate_links);
105
+ echo '</span></li>'; ?>
106
+ <?php next_post_link($paginate_links, '<li><span class="next"></span></li>'); ?>
107
+ </ul>
108
+ ```
109
+ ↓上記コードを試した結果
110
+ ・この記述でも、「1」にクラスが付かない。
111
+ ・1ページ目で表示したくない「<(前へ)」ボタンが表示されてしまう。
112
+ ・1ページ目で表示したくない「>(次へ)」ボタンが表示されてしまう。
113
+
114
+ せっかくpaginate_linksのパラメータでprev, nextが設定できるのに、わざわざprevious_post_linkなどを使うのも美しくないかな…とも思います。