电脑网络 – 索梦部落

电脑网络

ncluded on some computers, software, Internet and other related areas of knowledge.(收录一些关于电脑,软件,因特网等相关方面的知识。)

wordpress显示详细时间


在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代码


最近搜集了几个比较实用的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;} /* 改变圆角 */

在wordpress首页文章列表中显示日期


有些wordpress主题,实再太简洁了,首页文章列表连日期都没有显示😓。这时,如果你想在首页文章列表中加入日期,可以在content.php的适当位置中插入以下代码:

<?php esc_html_e('·'); ?> <?php the_time( get_option('date_format') ); ?>

代码中的’·’是我自己加的分隔符号,你也可以换成自己的符号样式。

让wordpress特色图片在首页文章列表或单独文章页中显示


今天是五一劳动节,首先祝各位辛勤劳动的打工人节日快乐!😀

wordpress的特色图片功能可以让你在写博客时设置一张封面图片,并将此封面图在首页和单独文章页自动显示。这是个很好的功能,可以让博客增色不少。但有些主题虽然有特色图片功能,但却并未设置成在首页文章或单独文章页中显示。这时我们可以在content.php和single.php文件中加入以下代码:

<?php if (has_post_thumbnail()) : ?>
    <div class="featured-image-container">
          <?php the_post_thumbnail('full',array( 'class' => 'aligncenter')); ?> <!--'full'是图片尺寸,也可以使用'medium', 'large'等。-->
    </div>
           <?php endif; ?>

这样你的博客首页文章列表,和单独文章页就都会自动显示你事先设置好的特色图片了。当然,如果你只想在首页文章列表中,或只想在单独文章页中显示特色图片,你可以只在content.php(首页文章列表)或single.php(单独文章页)其中之一加入上述代码即可。

代码中的full表示全尺寸图片;medium表示中等尺寸图片;large表示大尺寸图片。还有个thumbnail表示缩略图。你可以按自己意愿的尺寸来设置图片大小。

在wordpress的每篇文章上显示作者头像


在wordpress的每篇文章上显示作者头像,是件非常棒的事。特别是对于多作者博客,这样就能更清楚地区分哪篇文章是谁写的。如果你的博客主题没有加入该功能,你可以把以下代码分别放在content.php和single.php的适当位置中:

<a href="<?php echo get_author_posts_url(get_the_author_meta( 'ID' )); ?>"><?php echo get_avatar(get_the_author_meta('user_email'),'44'); ?></a> <!-- 添加这行代码 -->

这样你的博客首页文章列表,和单独文章页上,就都能显示本篇文章的作者头像了。

注:其中的数字“44”是头像大小,你可以自行修改数值以适合自己的大小。适当位置一般是文章标题下方,可以查找类似class=”entry-title”字段,在其下方插入上述代码。