要在 WordPress 中给最新文章和置顶文章添加 "new" 和 "top" 图标,您可以使用一些自定义CSS和可能的PHP代码来实现。下面是一种可能的方法:
首先,您需要在 WordPress 主题的CSS文件中添加样式,以便显示 "new" 和 "top" 图标。假设您有一个 CSS 类用于这些图标,例如:
/ Style for "new" icon /
.newicon {
background: url('path_to_new_icon.png') norepeat;
backgroundsize: contain;
display: inlineblock;
width: 20px; / Adjust width as needed /
height: 20px; / Adjust height as needed /
}
/ Style for "top" icon /
.topicon {
background: url('path_to_top_icon.png') norepeat;
backgroundsize: contain;
display: inlineblock;
width: 20px; / Adjust width as needed /
height: 20px; / Adjust height as needed /
}
替换 'path_to_new_icon.png' 和 'path_to_top_icon.png' 为实际的图标文件路径。
接下来,您可以在文章循环中使用 PHP 来判断文章是否为最新或置顶,并根据需要应用样式:
<?php
if ( is_sticky() ) {
echo '<span class="topicon" title="Top post"></span>';
}
$post_date = get_the_date('Ymd'); // Adjust date format as needed
$current_date = date('Ymd');
if ( $post_date === $current_date ) {
echo '<span class="newicon" title="New post"></span>';
}
?>
<! Rest of your post markup goes here >
将以上 PHP 代码插入到您的 WordPress 主题的文章循环中,确保适当地调整样式和图标路径。这样,在置顶文章和最新文章上将显示相应的图标。