我想通过用图像替换prev和Next来定制_POSTS_NAVICATION函数

时间:2019-02-10 作者:Frenchy_WP

快走

我目前正在尝试自定义Wordpress的“the\\u posts\\u navigation”功能,因为我希望只显示“previous”和“next”(我想用SVG中的箭头图标替换它),您是否有曲目可以帮助我?

下面是一段代码:

the_posts_navigation( array(
                    \'mid_size\' => 1,
                    \'prev_text\' => __( \'<<\', \'textdomain\' ),
                    \'next_text\' => __( \'>>\', \'textdomain\' ),
                    \'prev_next\'          => true,
                    \'in_same_term\'       => true,
                    \'before_page_number\' => \'<span class="meta-nav screen-reader-text">\' . __( \'Page\', \'cm\' ) . \' </span>\',
                ) );
Et voici le about de code que j\'aimerais intégrerála fonction native“the\\u posts\\u pagination”de Wordpress pour remplacer le“前一个”Et le“下一个”par des icones en SVG:

<a class="cover--nav-prev" href="<?php echo get_permalink($prevPostID); ?>">
                <span class="cover--nav-label"><?php _e(\'Recette précédente\', \'marque\'); ?></span>
                <svg class="icon icon-arrow-prev" role="presentation" focusable="false"><use xlink:href="<?php echo get_template_directory_uri(); ?>/images/symbol-defs.svg#icon-arrow-prev"></use></svg>
            </a>

1 个回复
最合适的回答,由SO网友:tmdesigned 整理而成

您可以将svg文本放在上一个文本和下一个文本中。

为了使其更具可读性,我将其分解,并首先准备SVG标记。我只是向您显示“上一个”链接,但“下一个”将以同样的方式工作。

$prev_label = "<span class=\'cover--nav-label\'>" . _e(\'Recette précédente\', \'marque\') . "</span>";

$prev_arrow = "<svg class=\'icon icon-arrow-prev\' role=\'presentation\' focusable=\'false\'><use xlink:href=\'" . get_template_directory_uri() . "/images/symbol-defs.svg#icon-arrow-prev\'></use></svg>";

$prev_text = $prev_label . $prev_arrow;

the_post_navigation( array(
  \'prev_text\' => $prev_text
) );
请注意,\\u post\\u导航将在标记中包装上一个\\u文本(和下一个\\u文本),并应用适当的链接目标,因此此处不包括该部分。

相关推荐

Adding pagination to my theme

我想为我的wordpress主题添加一个分页。然而,对我来说,这并不容易,因为我的主题是从插件“AT Posts Column”构建的,该插件在主页上显示最新的帖子。我想将分页添加到此插件:)。我尝试插入分页插件,并将代码粘贴到下面的文件的末尾。确实出现了分页,但当我进入下一页时,只有www.website上的链接发生了变化。com/page/2。请帮助:)。我的网站是http://consolezone.pl插件文件“在Posts列中”:<?php /** * Custom co