Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › 横のページへ行くボタン?
- このトピックには3件の返信、2人の参加者があり、最後にかうたっくにより5年、 7ヶ月前に更新されました。
-
投稿者投稿
-
-
アクアゲスト
https://aquakoke.com/_20180804_132446
こちらに載せました。
横のページへ行くボタン?というのですかね、
スマホ版では<<1>>
しかでません。PC版だと、
<< 1 2 3 4 5>>とでます。
PC版のように、12345と表示したいのですが、どこを変更すればよいですか??よろしくお願いいたします。
-
わいひらキーマスター
最も手っ取り早いのは、親テーマの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を打ち消すスタイルを書く必要があるので、かなりめんどくさくなります。
-
アクアゲスト
@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から変わりません。
ご指導よろしくお願いします。
-
かうたっくゲスト
トップページのページネーションのことでしたら、1ではなく5個出て見えてますよ。
https://gyazo.com/915c4af9cf6945fe117a048145d91d75
ちなみに閲覧しているスマホの横幅は320px以下ですか???なんなら310px未満でしょうか?
200pxにしても変化がないのはキャッシュが原因だと思います。
ブラウザのキャッシュを削除したり、エックスサーバーサーバーパネルにあるmod_pagespeedがonでしたらoffにしてご確認いただけますか。
-
-
投稿者投稿