WordPress的分頁按鈕在桌面工作，但不能在手機或小屏幕上工作

Question

我正在做一個博客網站。 它使用分頁符爲每個圖像都有下一個按鈕。 下一個按鈕在桌面上完美工作，但不能在移動設備上工作。

$args = array(
    'before'   => '<center><p style="float:none;">' . __('<span 
    style="margin-top:7px;font-size:18pt;">Page '.$page.'- 
    '.$numpages.'</span>'), 
    'after'   => '</p></center>', 
    'link_before'  => '', 
    'link_after'  => '', 
    'next_or_number' => 'next', //change into number for numeric 
          pagination 
    'separator'  => ' ', 
    'nextpagelink'  => __('<button style="cursor:pointer;color:white; 
             background:#ff8000; border- 
           radius:40px;height:50px;width:250px;font- 
           size:15pt" class="btn"><span style>Next 
          </span><span class="dashicons dashicons-arrow-right-alt2"></span></button>'), 
    'previouspagelink' => __(''), 
    'pagelink'   => '%', 
    'echo'    => 3 
); 
wp_link_pages($args); 

這完全適用於桌面，但在移動

Answer 1

嘗試不響應長寧按鈕，用相同的風格錨，這裏是你的更新代碼：

$args = array(
    'before'   => '<center><p style="float:none;">' . __('<span 
    style="margin-top:7px;font-size:18pt;">Page '.$page.'- 
    '.$numpages.'</span>'), 
    'after'   => '</p></center>', 
    'link_before'  => '', 
    'link_after'  => '', 
    'next_or_number' => 'next', //change into number for numeric pagination 
    'separator'  => ' ', 
    'nextpagelink'  => __('<span style="cursor:pointer;color:white; 
             background:#ff8000; border- 
           radius:40px;height:50px;width:250px;font- 
           size:15pt" class="btn">Next 
          </span><span class="dashicons dashicons-arrow-right-alt2"></span>'), 
    'previouspagelink' => __(''), 
    'pagelink'   => '%', 
    'echo'    => 3 
); 
wp_link_pages($args);