Question

我希望使用.svg箭头作为WordPress中的上一个和下一个链接，为我设置的自定义帖子类型，但我似乎无法找到如何包装<?php previous_post_link(); ?>和{ {1}}围绕我的.svg代码运行。

我用来输出我的.svg箭头的代码可以在下面找到。我正在使用此方法，因此我的.svg文件的完整代码显示在源代码中，因此我可以在我的CSS中将其作为目标。

<?php next_post_link(); ?>

有人能指出我正确的方向吗？

感谢。

修改

WordPress Codex上的代码是：

<?php
   $stylesheet_path = get_bloginfo('stylesheet_directory');
   $image_path = '/images/arrow-left.svg';
   $full_path = $stylesheet_path . $image_path;
?>
<?php echo file_get_contents("$full_path"); ?>

我目前使用的上一个/下一个链接的代码是：

<?php previous_post_link( $format, $link, $in_same_term = false, $excluded_terms = '', $taxonomy = 'category' ); ?>

但是这只会在img标记中添加.svg文件，它不会添加完整的.svg代码。

Answer 1

我刚刚将svg代码添加到第二个参数中，请参阅下面的内容：

<?php previous_post_link( '%link', '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="30.465px" height="26.219px" viewBox="0 0 30.465 26.219" enable-background="new 0 0 30.465 26.219" xml:space="preserve" aria-labelledby="title" role="img"><title>Arrow Left</title><g><path d="M14.373 25.7c0.691-0.69 0.691-1.8 0-2.505l-8.312-8.313h22.646c0.978 0 1.771-0.793 1.771-1.8c0-1-0.8-1.8-1.8-1.771 H6.031l8.313-8.312c0.691-0.689 0.691-1.8 0-2.505c-0.692-0.7-1.8-0.7-2.5 0L0.508 11.831c-0.346 0.347-0.52 0.8-0.52 1.3 c0 0.5 0.2 0.9 0.5 1.253L11.867 25.73c0.693 0.7 1.8 0.7 2.486-0.03H14.373z"/></g></svg>'); ?>

感谢。

围绕SVG包装WordPress上一页和下一页链接

1 个答案: