Sakura 主题的一些小修改

发布于 2022-04-27  338 次阅读


本文最后更新于2022年5月1日,已超过 30 天没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

TOP 返回顶部

首先,打开主题的 style.css

把1902行的代码 跟1915行的移除或者注释掉

然后 打开 主题的 js/sakura-app.js 1826行

860 随便改为 9860 或其他大于860 即可.

隐藏切换主题背景

在 css 中 添加下面代码

.changeSkin-gear.no-select {display: none;}

修改文章上面的 Discovery

打开 Sakura 主题目录的 index.php 文件 第44行

Discovery 改为你想要的文字,如果出现乱码,请保存为UTF-8 格式

网站信息

有人说喜欢我公告下面的信息栏,或者边框,今天也直接写出来。

首先,我们打开 Sakura/layouts/feature_v2.php ?>下面添加代码

<div class="top-text">
<font style="color:#F00; font-weight:bold;">文章</font>:<?php $count_posts = wp_count_posts(); echo $published_posts = $count_posts->publish; ?>篇

<font style="color:#F00; font-weight:bold;">阅读</font>:<?php echo all_view(); ?>次

<font style="color:#F00; font-weight:bold;">评论</font>:<?php echo comments_users($postid, 1); ?>次

<font style="color:#F00; font-weight:bold;">最后更新</font>:<?php the_modified_time('Y年n月j日'); ?>

<font style="color:#F00; font-weight:bold;">运行</font>:<?php echo floor((time()-strtotime("2022-02-15"))/86400);?>天

</div>

其中 2022-02-15 是我网站的创建日期,修改为你网站创建日期。

然后打开 Sakura/functions.php 在文件的最底部添加代码

//WordPress获取站点总浏览量
function all_view() /*注意这个函数名,调用的就是用它了*/
{
global $wpdb;
$count=0;
$views= $wpdb->get_results("SELECT * FROM $wpdb->postmeta WHERE meta_key='views'");
foreach($views as $key=>$value)
{
$meta_value=$value->meta_value;
if($meta_value!=' ')
{
$count+=(int)$meta_value;}
}
return $count;}


//总评论

function comments_users($postid=0,$which=0) {
    $comments = get_comments('status=approve&type=comment&post_id='.$postid); //获取文章的所有评论
    if ($comments) {
        $i=0; $j=0; $commentusers=array();
        foreach ($comments as $comment) {
            ++$i;
            if ($i==1) { $commentusers[] = $comment->comment_author_email; ++$j; }
            if ( !in_array($comment->comment_author_email, $commentusers) ) {
                $commentusers[] = $comment->comment_author_email;
                ++$j;
            }
        }
        $output = array($j,$i);
        $which = ($which == 0) ? 0 : 1;
        return $output[$which]; //返回评论人数
    }
    return 0; //没有评论返回 0
}

最后添加CSS 代码美化

/*header信息*/
.top-text {
    text-align: center;
    padding: 20px;
    margin-top: 20px;
box-shadow: 0 0 8px 0 #ef00ff59, 0 2px 4px 0 #02efce66;
    border-radius: 10px;
}

其中 box-shadow: 0 0 8px 0 #ef00ff59, 0 2px 4px 0 #02efce66; 即为边框颜色,可自由调节。

公告文字居中

css代码如下

/*公告局中*/
.notice {
    text-align: center;
}

如果我有漏了,或者你有什么建议,可在评论中留言......