wordpress主题puock

官网： https://github.com/Licoy/wordpress-theme-puock

2024年8月10日，根据2.8.5 版本更新修改了主题，做了如下优化：

1.增加20张头图到200张，优化头图大小不超过20k，使用了压缩：免费在线压缩JPG图像文件 (iloveimg.com)

2.原始主题文件由2.8.0 替换为 2.8.5

需要 设置的部分

主题基本设置

  • 全局设置

    • 禁止非管理员访问用户资料页
    • 隐藏文章浏览量

  • 基础设置

    • 图片懒加载
    • 正文图片懒加载
    • 留言头像懒加载
    • 正文内容首行缩进: 不要打开，因为标题没有缩进
    • 正文内容链接新标签页打开
    • 正文内容侧边目录菜单生成
    • 异步浏览量统计
    • 评论相关：全部开启
    • Gravatar头像源：cravatar

  • 脚本及样式

    • 底部关于我们，底部版权说明: 关闭

  • 脚本及样式

    • 底部页脚信息： 清空

Puock: 主题页脚 (footer.php)

在 <div class="info"> 后增加如下内容

<div class="info">
          <div class="fs12 mt10 c-sub">
              <span>Copyright :copyright:2018-<?php echo date("Y")?>,  <a target="_blank" class="c-sub" title="yinhe.co" href="https://yinhe.co">yinhe.co</a>, All Rights Reserved.</span>
</div> 
          <div class="fs12 mt10 c-sub"><span><a class="c-sub" href="https://beian.miit.gov.cn/" target="_blank">蜀ICP备2023036412号-1</a></span></div> 
          <div class="fs12 mt10 c-sub"><span><img src="\wp-content\themes\wordpress-theme-puock-2.8.5\beian.png" style="width:15px;height:17px;"  /> <a href="https://beian.mps.gov.cn/#/query/webSearch?code=51019002006050\" rel="noreferrer" target="_blank\">川公网安备51019002006050</a></span></div> 
          <?php echo apply_filters('pk_footer_info','') ?>
      </div>

外观，菜单

  • 创建菜单menu

  • :house: 首页，/

  • :man_pilot: 管理，/wp-admin/

外观，小工具

  • 删除默认

  • 通用，侧边栏

    • 文章搜索
    • 随机文章

屏蔽主题更新提示

下载安装：Disable WordPress Update Notifications and auto-update Email Notifications 插件

https://wordpress.org/plugins/disable-update-notifications/

主题已经修改，不需要设置

删除“发表至”，发表时间

single.php

<!--                                 <div>
                                    <span><?php _e('发表至：', PUOCK) ?></span><?php echo get_post_category_link_exec(true) ?>
                                </div> 
                                 <div>
                                    <span class="c-sub"><i class="fa-regular fa-clock"></i> <?php pk_get_post_date() ?></span>
                                </div> -->

首页随机头图

准备头图，jpg 格式，按整数编号,copy 到主题目录: /var/www/html/wp-content/themes/wordpress-theme-puock-x.x.x/assets/img/random/

主题模板函数 functions.php：

//首页随机头图
function get_post_images($_post = null)
{
    global $post;
    if ($_post != null) {
        $post = $_post;
    }
    $post_id = $post->ID;
    // 如果有封面图取封面图
    if (has_post_thumbnail()) {
        $res = get_the_post_thumbnail_url($post, 'large');
        if ($res != null) {
            return $res;
        }
    }
    if ($post_id == null && $post) {
        $content = $post->post_content;
    } else {
        $content = get_post($post_id)->post_content;
    }
    preg_match_all('/<img.+src=[\'"](/p/148a59af602169aa0f2f4d3806871212);
    if ($matches && $matches[1]) {
        $res = $matches[1][0];
    } else {
        $res = get_stylesheet_directory_uri() . '/assets/img/random/' . mt_rand(1, 8) . '.jpg';
    }
    return $res;
}

修改为：

function get_post_images($_post = null)
{
    global $post;
    if ($_post != null) {
        $post = $_post;
    }
    $post_id = $post->ID;
    // 如果有封面图取封面图
    if (has_post_thumbnail()) {
        $res = get_the_post_thumbnail_url($post, 'large');
        if ($res != null) {
            return $res;
        }
    }
//     if ($post_id == null && $post) {
//         $content = $post->post_content;
//     } else {
//         $content = get_post($post_id)->post_content;
//     }
//     preg_match_all('/<img.+src=[\'"](/p/148a59af602169aa0f2f4d3806871212);
//     if ($matches && $matches[1]) {
//         $res = $matches[1][0];
//     } else {
//         $res = get_stylesheet_directory_uri() . '/assets/img/random/' . mt_rand(1, 8) . '.jpg';
//     }
//     return $res;
    $res = get_stylesheet_directory_uri() . '/assets/img/random/' . mt_rand(1, 180) . '.jpg';
    return $res;
}

删除post列表中的分类（未完成，只注释掉了2条）

编辑 templates/module-post.php， 注释掉三条含有 php echo get_post_category_link( 的语句

并且在第二条语句后添加如下代码，给移动版增加日期：

<span class="c-sub-a t-sm ml-md-2 line-h-20 d-inline-block d-md-none"><i class="fa-regular fa-clock"></i><?php pk_get_post_date() ?></span>

引用固定边框

通过增加css完成: header.php

    <style>
    blockquote {
  background: #f9f9f9;
  border: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
    </style>
</head>
<body class="puock-<?php echo pk_theme_light() ? 'light' : 'dark';
echo current_theme_supports('custom-background') ? ' custom-background' : ''; ?>">

markdown代码：

> test
> $y=x^2$
> test

效果：

test
$y=x^2$
test

标题颜色为蓝色

header.php 的 style 中添加

#post-title {
    color: blue;
}
."a-link t-w-400 t-md"{
    color: blue;
}

mathjax支持

参考：

https://docs.mathjax.org/en/latest/web/start.html#configuring-mathjax

https://docs.mathjax.org/en/latest/web/configuration.html

分别修改 header.php, footer.php, 添加 mathjax配置

<!-- header 部分 -->
<script>
MathJax = {
  tex: {
    inlineMath: [['$', '$'], ['\\(', '\\)']]
  },
  svg: {
    fontCache: 'global'
  }
};
</script>

<!-- footer 部分 -->
<script type="text/javascript" id="MathJax-script" async
   src="/wp-content/themes/wordpress-theme-puock-2.8.5/assets/js/tex-svg.js">
</script>

tex-svg.js 从以下地址下载： https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js

测试：

$\sum_{i=0}^N\int_{a}^{b}g(t, i)\text{d}t$

$\sum_{i=0}^N\int_{a}^{b}g(t, i)\text{d}t$

$$\sum_{i=0}^N\int_{a}^{b}g(t, i)\text{d}t$$

$$\sum_{i=0}^N\int_{a}^{b}g(t, i)\text{d}t$$

$\alpha+\beta=\gamma$

$$\alpha+\beta=\gamma$$

$\alpha+\beta=\gamma$

$$\alpha+\beta=\gamma$$

对emoji的支持

从 https://github.com/iamcal/js-emoji/tree/master/lib 获取

  • emoji.min.js ， 保存到 wordpress-theme-puock-2.8.5\assets\js

  • emoji.css， 保存到 wordpress-theme-puock-2.8.5\assets\style
    编辑主题的 single.php

<link href="/wp-content/themes/wordpress-theme-puock-2.8.5/assets/style/emoji.css" rel="stylesheet" type="text/css" />
<script src="/wp-content/themes/wordpress-theme-puock-2.8.5/assets/js/emoji.min.js" type="text/javascript"></script>

...

<script>
jQuery(document).ready(function(){
    var emoji = new EmojiConvertor();
    // convert colons explicitly to unicode
emoji.replace_mode = 'unified';
emoji.allow_native = true;
    // replaces :smile: with platform appropriate content
  var post_html = emoji.replace_colons(jQuery('#post').html());
   jQuery('#post').html(post_html);    
});
</script>

存在的问题：emoji 对应的短代码不全，不过一般应该够用了。

在数据库中保存emoji是终极解决方案(未处理)

头部流量统计代码可以用emoji 作为favicon

header.php

<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>????????????????:milky_way:</text></svg>">

不显示阅读数，评论次数

注释掉如下页面的相关行：

  • Puock: 单独页面 (page.php):同时注释掉“编辑”按钮
<div class="options p-flex-sbc mt20">
    	<!--
                            <div>
                                <?php if (!pk_is_checked('hide_post_views')): ?>
                                <div class="option puock-bg ta3 t-sm mr-1"><i class="fa-regular fa-eye mr-1"></i><span id="post-views"><?php pk_get_post_views();  ?></span><span><?php _e('次阅读', PUOCK) ?></span></div>
                                <?php endif; ?>
                                <a href="#comments"><div class="option puock-bg ta3 t-sm mr-1"><i class="fa-regular fa-comment mr-1"></i><?php comments_number() ?></div></a>
                                <?php if (is_user_logged_in() && current_user_can('edit_post', $post->ID)): ?>
                                    <a target="_blank" href="<?php echo get_edit_post_link() ?>">
                                        <div class="option puock-bg ta3 t-sm mr-1"><i
                                                    class="fa-regular fa-pen-to-square mr-1"></i><?php _e('编辑', PUOCK) ?></div>
                                    </a>
                                <?php endif; ?>
                            </div>
    	-->
  • single.php: 同时注释掉“编辑”按钮
 <div class="options p-flex-sbc mt20">
                       <!-- <div>
                            <?php if (!pk_is_checked('hide_post_views')): ?>
                                <div class="option puock-bg ta3 t-sm mr-1"><i
                                            class="fa-regular fa-eye mr-1"></i>
                                    <span id="post-views"><?php pk_get_post_views(); ?></span><span><?php _e('次阅读', PUOCK) ?></span>
                                </div>
                            <?php endif; ?>
                            <?php if (!pk_post_comment_is_closed()): ?>
                                <a href="#comments">
                                    <div class="option puock-bg ta3 t-sm mr-1"><i
                                                class="fa-regular fa-comment mr-1"></i><?php comments_number() ?></div>
                                </a>
                            <?php endif; ?>
                            <?php if (is_user_logged_in() && current_user_can('edit_post', $post->ID)): ?>
                                <a target="_blank" href="<?php echo get_edit_post_link() ?>">
                                    <div class="option puock-bg ta3 t-sm mr-1"><i
                                                class="fa-regular fa-pen-to-square mr-1"></i><?php _e('编辑', PUOCK) ?>
                                    </div>
                                </a>
                            <?php endif; ?>
                        </div> -->
  • module-post.php (templates/module-post.php)
    <!-- <div>
                    <span class="t-sm c-sub">
                            <?php if (!pk_is_checked('hide_post_views')): ?>
                                <span class="mr-2"><i
                                            class="fa-regular fa-eye mr-1"></i><?php pk_get_post_views() ?><span
                                            class="t-sm d-none d-sm-inline-block"><?php _e('次阅读', PUOCK) ?></span></span>
                            <?php endif; ?>
                        <?php if (!pk_post_comment_is_closed()): ?>
                            <a class="c-sub-a" <?php pk_link_target() ?> href="<?php the_permalink() ?>#comments">
                                <i class="fa-regular fa-comment mr-1"></i>
                                <?php echo get_comments_number() ?><span
                                        class="t-sm d-none d-sm-inline-block"><?php _e('个评论', PUOCK) ?></span></a>
                        <?php endif; ?>
                    </span>
                </div>-->

修改更新日期： function pk_get_post_date()

function pk_get_post_date()
{
    $time = get_post_time();
    //$c_time = time() - $time;
    //$day = 86400;
    $res = date('Y-m-d', $time);
    // switch ($c_time) {
    //     //todo 本地化翻译
    //     case $c_time < $day:
    //         $res = '近一天内';
    //         break;
    //     case $c_time < ($day * 2):
    //         $res = '近两天内';
    //         break;
    //     case $c_time < ($day * 3):
    //         $res = '近三天内';
    //         break;
    //     case $c_time < ($day * 4):
    //         $res = '四天前';
    //         break;
    //     case $c_time < ($day * 5):
    //         $res = '五天前';
    //         break;
    //     case $c_time < ($day * 6):
    //         $res = '六天前';
    //         break;
    //     default:
    //         $res = date('Y-m-d', $time);
    // }
    echo $res;
}

添加备案图标： \wp-content\themes\wordpress-theme-puock-2.8.5\beian.png

删除 pages/template-chatgpt.php

wordfence扫描为恶意文件

相关文章：

  1. echarts学习笔记

  2. Flask学习笔记

  3. wordpress随笔

  4. SQLCookbook中文版:第3章 操作多个表

  5. pyecharts学习笔记(2)

正文完
wordpress
 0
评论（没有评论）
文章搜索
随机文章
<p>科技爱好者周刊：第 97 期</p>

科技爱好者周刊：第 97 期

这里记录每周值得分享的科技内容，周五发布。 本杂志开源（GitHub: ruanyf/weekly），欢迎提交...
<p>matplotlib</p>

matplotlib

饼图 # -*- coding: utf-8 -*- import matplotlib.pyplot as ...
<p>科技爱好者周刊（第 199 期）：俄罗斯的 HTTPS 证书问题</p>

科技爱好者周刊（第 199 期）：俄罗斯的 HTTPS 证书问题

这里记录每周值得分享的科技内容，周五发布。 本杂志开源（GitHub: ruanyf/weekly），欢迎提交...
<p>科技爱好者周刊（第 243 期）：与孔子 AI 聊天</p>

科技爱好者周刊（第 243 期）：与孔子 AI 聊天

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。周刊另有《谁在招人》服务，发布程序员招聘信息...
<p>PostgreSQL安装配置</p>

PostgreSQL安装配置

windows10下部署免安装版本 PostgreSQL 先安装 Visual C++ Redistribut...
标签云
C语言DebianechartshugoHyper-Vsqlitewordpresswsl列表