wordpress主题Kratos

主题官方网址: https://github.com/Vtrois/Kratos

使用 wordpress 插件 Theme Check检查该主题有很多问题。 如果无法删除, 直接删除 wp-content/theme 文件夹下的该主题的文件夹即可。

1. 编辑 pages/page-content.php, 删除相关代码, 首页不显示特色图像

修改后的 page-content.php 代码:

<?php

/**
 * 文章列表
 * @author Seaton Jiang <seaton@vtrois.com>
 * @license MIT License
 * @version 2020.03.14
 */
?>
<div class="article-panel">
    <!--
    <?php if (kratos_option('g_thumbnail', true)) { ?>
        <div class="a-thumb">
            <a href="<?php the_permalink(); ?>">
                <?php post_thumbnail(); ?>
            </a>
        </div>
    <?php } ?>
    <div class="a-post <?php if (!kratos_option('g_thumbnail', true)) {echo 'a-none';} ?>">
        -->
    <!--replace by the following line -->
    <div class="a-post a-none">
        <div class="header">
            <?php $category = get_the_category();
            echo '<a class="label" href="' . get_category_link($category[0]->term_id) . '">' . $category[0]->cat_name . '<i class="label-arrow"></i></a>'; ?>
            <h3 class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
        </div>
        <div class="content">
            <p><?php echo wp_trim_words(get_the_excerpt(), 260); ?></p>
        </div>
    </div>
    <div class="a-meta">
        <span class="float-left d-none d-md-block">
            <span class="mr-2"><i class="kicon i-calendar"></i><?php echo get_the_date('Y 年 m 月 d 日 '); ?></span>
            <span class="mr-2"><i class="kicon i-comments"></i><?php comments_number('0', '1', '%');
                                                                _e(' 条评论 ', 'kratos'); ?></span>
        </span>
        <span class="float-left d-block">
            <span class="mr-2"><i class="kicon i-hot"></i><?php echo get_post_views();
                                                            _e(' 点热度 ', 'kratos'); ?></span>
            <span class="mr-2"><i class="kicon i-good"></i><?php if (get_post_meta($post->ID, 'love', true)) {echo get_post_meta($post->ID, 'love', true);
                                                            } else {echo '0';}
                                                            _e(' 人点赞 ', 'kratos'); ?></span>
        </span>
        <span class="float-right">
            <a href="<?php the_permalink(); ?>"><?php _e(' 阅读全文 ', 'kratos'); ?><i class="kicon i-rightbutton"></i></a>
        </span>
    </div>
</div>

2.footer.php

去掉相关不需要的内容:

<?php

/**
 * 主题页脚
 * @author Seaton Jiang <seaton@vtrois.com>
 * @license MIT License
 * @version 2020.03.17
 */
?>
<div class="k-footer">
    <div class="f-toolbox">
        <div class="gotop <?php if (kratos_option('s_wechat', false)) {echo 'gotop-haswechat';} ?>">
            <div class="gotop-btn">
                <span class="kicon i-up"></span>
            </div>
        </div>
        <?php if (kratos_option('s_wechat', false)) { ?>
            <div class="wechat">
                <span class="kicon i-wechat"></span>
                <div class="wechat-pic">
                    <img src="<?php echo kratos_option('s_wechat_url', get_template_directory_uri() . '/assets/img/wechat.png'); ?>">
                </div>
            </div>
        <?php } ?>
        <div class="search">
            <span class="kicon i-find"></span>
            <form class="search-form" role="search" method="get" action="<?php echo home_url('/'); ?>">
                <input type="text" name="s" id="search" placeholder="<?php _e(' 搜点什么呢?', 'kratos'); ?>" style="display:none" />
            </form>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <p class="social">
                    <?php
                    $social = array('s_sina', 's_bilibili', 's_coding', 's_gitee', 's_twitter', 's_telegram', 's_linkedin', 's_youtube', 's_github', 's_stackflow', 's_email');
                    foreach ($social as $social) {if (kratos_option($social)) {echo '<a target="_blank" rel="nofollow" href="' . kratos_option($social . '_url') . '"><i class="kicon i-' . str_replace("s_", "", $social) . '"></i></a>';
                        }
                    }
                    ?>
                </p>
                <?php
                $sitename = get_bloginfo('name');
                echo '<p>' . kratos_option('s_copyright', 'COPYRIGHT © 2020 ' . $sitename . '. ALL RIGHTS RESERVED.') . '</p>';
                /** 
                echo '<p>THEME <a href="https://github.com/vtrois/kratos" target="_blank" rel="nofollow">KRATOS</a> MADE BY <a href="https://www.vtrois.com/" target="_blank" rel="nofollow">VTROIS</a></p>';
                if (kratos_option('s_icp')) {echo '<p><a href="http://www.beian.miit.gov.cn/" target="_blank" rel="nofollow">' . kratos_option('s_icp') . '</a></p>';
                }
                if (kratos_option('s_gov')) {echo '<p><a href="' . kratos_option('s_gov_link', '#') . '" target="_blank" rel="nofollow" ><i class="police-ico"></i>' . kratos_option('s_gov') . '</a></p>';
                }
                */
                if (kratos_option('seo_statistical')) {echo '<p>' . kratos_option('seo_statistical') . '</p>';
                }
                ?>
            </div>
        </div>
    </div>
</div>
<?php wp_footer(); ?>
</body>

</html>

3.wordpress 后台 Kratos 主题设置

全站配置

  • 开启 Font Awesome 字体
  • 开启静态资源加速(CSS、JS、Font): 猫云
  • 开启 Gravatar 头像加速

4. 顶部配置

顶部样式: 颜色导航。 主色可以考虑为蓝色设置为:

#3b5999

蓝色也是 Facebook 的主要颜色,因为扎克伯格是个色盲。

5. 支持语法高亮

参考 https://highlightjs.org/, 在网页模板的 与之间加入类似下面的代码:

    <link rel="stylesheet" href="/uploads/highlight/styles/vs.css">
    <script src="/uploads/highlight/highlight.pack.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
评论(没有评论)