如何在这个php代码中添加一个css类


How to add a css class to this php code

我想知道如何添加一个css类,这部分代码是链接到一个博客上的旧文章。

<?php posts_nav_link(' — ', __('« go back'), __('keep looking »')); ?>

谢谢!

你可以这样做:-

<div class="YOUR-CLASS">
<?php posts_nav_link(' — ', __('« go back'), __('keep looking »')); ?>
</div>

请参阅此处的文档

当您无法向WP函数添加类时,有一种jQuery方法可以解决此类问题。只需通过jQuery添加类:

<div class="navigation">
  <?php posts_nav_link(' — ', __('« go back'), __('keep looking »')); ?>
</div>
jQuery

$(function() {
  $('.navigation a:first-child').addClass('your-class');
});

这将为div中的第一个链接添加一个类。

还有一个CSS方法,不需要添加类,但是properties:

.navigation a:first-child {
  /* your properties here */
}

如果你想为posts_nav_link()函数生成的<a>标签添加css类,另一种方法是在functions.php文件中使用这些钩子

add_filter('next_posts_link_attributes', 'posts_nav_attributes');
add_filter('previous_posts_link_attributes', 'posts_nav_attributes');
function posts_nav_attributes() {
    return 'class="btn btn-primary text-uppercase"';
}

在这里阅读更多内容:https://developer.wordpress.org/reference/hooks/next_posts_link_attributeshttps://developer.wordpress.org/reference/hooks/previous_posts_link_attributes