也想出现在这里?联系我们

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

2023.12.25 wordpress教程
  • 文章介绍
  • 升级版本
  • 评价&建议

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

有用0
  • 2023.12.25初次和大家见面了!

等待您对该主题的建议

发表评论

还能输入240个字

Hi, 欢迎加入Wordpress技术交流群,带你装逼带你飞!

我要入群
也想出现在这里?联系我们
wordpress加速

我来推荐一个更牛逼的给你看看?

  • 猛戳我吧