5 月 2025

在WordPress中，如果你想控制文章显示的日期格式，包括显示“几小时几分”之前的日期时间，你可以通过以下几种方法来实现：

一、使用the_time()函数
the_time()函数允许你自定义日期和时间的显示格式。例如，如果你想在文章旁边显示“几小时前”的日期，你可以这样做：

<?php echo get_the_time('Y-m-d H:i'); // 显示完整日期和时间
?>

如果你想要显示“几小时前”，你可以结合使用human_time_diff()函数，如下所示：

<?php
$post_time = get_the_time('U'); // 获取文章发布时间的时间戳
$current_time = time(); // 获取当前时间的时间戳
$diff = human_time_diff($post_time, $current_time);
echo $diff . ' ago'; // 显示“几小时前”
?>

二、修改functions.php文件
如果你想在整个站点中统一显示这种格式，可以在主题的functions.php文件中添加一个过滤器。例如：

function custom_time_format($format, $post) {
    if (is_single() || is_page()) { // 仅在单篇文章页面或页面中应用
        $post_time = get_post_time('U', false, $post); // 获取文章发布时间的时间戳
        $current_time = time(); // 获取当前时间的时间戳
        $diff = human_time_diff($post_time, $current_time);
        return $diff . ' ago'; // 返回“几小时前”的格式
    }
    return $format; // 返回原始格式，在其他地方使用默认格式
}
add_filter('get_the_time', 'custom_time_format', 10, 2);

三、使用插件
如果你不想手动修改代码，可以使用一些现成的插件来帮助你实现这个功能。例如，“Human Time Difference”插件可以让你轻松地在WordPress中显示“几小时前”的格式。

1、在WordPress后台中，去到“插件” > “添加新”。
2、搜索“Human Time Difference”。
3、找到插件后点击“立即安装”并激活。
4、根据插件的设置说明进行配置（如果需要）。

以上方法可以帮助你在WordPress中以“几小时前”的格式显示文章的发布时间。选择最适合你的方法来实现这个功能。如果你对代码不是很熟悉，使用插件可能是一个更简单快捷的选择。

这几天从后台发现，每天有好多不同的IP地址不断尝试登录，估计是一些无聊的黑客要破解我的网站。为了安全期间，从网上找到了一个屏蔽后台登录页面的代码，有同样困扰的站长也可以试试：

add_action( 'login_enqueue_scripts', 'login_protection' );
 
//保护后台登录
function login_protection() {
    if ( $_GET['token'] != 'tintsoft' ) {
       header( 'Location: https://www.tinsoft.com/' );
    }
}

请将上述代码放在functions.php内。你自己要登录时就从这个网址进入：你的博客网址/wp-login.php?token=tintsoft

此代码转摘自：限制黑产尝试登陆WordPress后台。感谢网友分享 🙂

最近搜集了几个比较实用的wordpress博客程序中的CSS代码。现摘录于下，或许平时能用到。

把作者头像图片的形状变成圆形：

.avatar {
    border-radius: 50%; /* 创建圆形头像 */
}

让作者头像图片的位置垂直居中：

.avatar {
    line-height: 50px; /* 例如：line-height: 50px; */
    vertical-align: middle; /* 头像垂直居中代码，确保与line-height一起使用 */
}

设置博客文章的行间距大小：

.entry-content p {
    line-height: 2;
}/* 文章行间距设定 */

对博客页面的侧边栏进行位置固定：

@media (min-width: 768px) {
    .sidebar {
        position: -webkit-sticky; /* Safari */
        position: sticky;
        top: 0px; /* 侧边栏固定代码，根据需要调整距离顶部的距离 */
    }
}

博客文章的特色图片位置居中显示：

.featured-image-container {
    text-align: center; /* 特色图片居中代码，居中图片 */
}
.featured-image-container img {
    display: inline; /* 确保图片是内联元素 */
}

博客的每个页面的第一篇文章不显示特色图片：

.home .post:first-child .wp-post-image {
    display: none;} /* 每页第一篇文章不显示特色图片，若要分类页不显示特色图，可将 .home换成 .category */

让博客文章的“阅读更多”按钮变成圆角：

.more-link {
	border-radius: 15px;} /* 改变圆角 */