YUMU语幕,WordPress极简快速文字笔记免费主题

2023-02-07 1,548 0

YUMU 语幕的作者是懂极简主义的,整个主题讲究的就是极致的文字体验,剔除了所有花里胡哨的功能,边栏,文章、页面底部连评论区也都没有,但是恰到好处的美观度,又使得这款主题生机勃勃。使用 YUMU 语幕主题,你就是沉浸在自己的文字世界里面。

预览截图:

YUMU语幕主题详情:

在线预览:https://yumus.cn

主题页面:https://www.yumus.cn/theme/2102.html

下载:GitHub Gitee


需要自行修改的部分:

基础:

  • 站点Logo: 上传图片后,打开header.php,第 29 行中,修改自己的 logo 的地址
  • 页脚信息:打开footer.php文件,从第4行开始至第10行结束
  • 修改作者:打开single.php,第 9 行,替换『九凌少子』为你自己的作者名

文章页面报错:

打开single.php,删除第 15 行

<?php echo DownloadPanel();?>

文章/页面添加评论区域:

文章:打开single.php,在你需要的位置,比如我在相关阅读之前就是找到:

<div class="related-post">

在此之前加入:

    <div class="comments">
        <h3 class="comments-title">评论:</h3>
            <div class="post_comment" id="post_comment_anchor">
                <?php
                if ( comments_open() || get_comments_number() ) :
                    comments_template();
                endif;
                ?>
            </div>  
    </div>      

页面:打开page.php,在 15 行

</article>

下面添加:

    <div class="comments">
        <h3 class="comments-title">留言:</h3>
            <div class="post_comment" id="post_comment_anchor">
                <?php
                if ( comments_open() || get_comments_number() ) :
                    comments_template();
                endif;
                ?>
            </div>  
    </div> 	

其他:

如果有对FontAwesome使用需求的,可以在header.php的<header>中添加:

<link href="//cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.css" rel="stylesheet">

便可以使用FontAwesome码在网页任何位置添加想要的图标了。

比如:

在右上角添加Twitter等链接可以在header.php中第 53 行添加:

<div class="social-media">
	<a class="twitter" href="https://twitter.com/你的账号" target="_blank">
	<i class="fa-brands fa-twitter"></i>
	</a>&nbsp;&nbsp;&nbsp;
	<a class="tumblr" href="https://www.tumblr.com/你的账号" target="_blank">
	<i class="fa-brands fa-tumblr"></i>
	</a>&nbsp;
</div>

*图标与图标之间建议空格x3,即:

&nbsp;&nbsp;&nbsp;

关于添加的图标在夜间模式下太黑的问题,打开主题,style/css/yumu.min.css文件,搜索:

.dark .icon-weixin,

在后面继续添加你在上一步添加的 icon,颜色默认为#fff。比如我用 fontawesome 添加了Twitter,那就添加:

.dark .fa-twitter,

长文分页

对长文章有分页习惯的朋友,安装WP-PageNavi插件启用后,在single.php

<?php the_content();?>

下方添加:

<?php wp_pagenavi( array( 'type' => 'multipart' ) ); ?>

版权说明

本笔记由伊桑原创, YUMU原创主题归属权为九凌少子,如有侵权,请联系删除。

©伊桑的笔记 版权所有 | 如未注明 均为原创
原创文章版权归作者所有,未经允许谢绝转载
本文原地址:https://www.imethanw.com/notes/yumu-free-wordpress-theme.html
本站存储于RackNerd服务器,打开链接获得优惠价格:https://my.racknerd.com/aff.php?aff=6966
赞赏

微信赞赏支付宝赞赏

广告
Lingoda

相关文章

RK61换轴改装,百元成品机械键盘鸟枪换大炮?
如何在宝塔上使用NPS实现OpenWRT内网穿透
WooCommerce隐藏SKU、Tag和分类的方法
WordPress 后台占资源太大的加速方法
OpenWRT 文件管理器 FileBrowser 安装
OpenWRT 硬盘未使用空间挂载

发布评论

請輸入答案 (必填) 限制時效已用盡。請重新載入驗證碼。