快走
我目前正在尝试自定义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>
最合适的回答,由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文本),并应用适当的链接目标,因此此处不包括该部分。