質問編集履歴
2
誤字脱字の修正
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
|
-
・
|
|
113
|
+
・最終ページで表示したくない「＞（次へ）」ボタンが表示されてしまう。
|
|
113
114
|
|
|
114
115
|
せっかくpaginate_linksのパラメータでprev, nextが設定できるのに、わざわざprevious_post_linkなどを使うのも美しくないかな…とも思います。
|
1
試してみたこと③を追加しました。
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などを使うのも美しくないかな…とも思います。
|