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

尝试将changning按钮添加到具有相同样式的锚点，这是您更新的代码：

$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 );

Wordpress分页按钮在桌面工作但不在移动或小屏幕工作

1 个答案: