WordPress 给最新文章和置顶文章添加new和top图标

要在 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 主题的文章循环中,确保适当地调整样式和图标路径。这样,在置顶文章和最新文章上将显示相应的图标。

© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享