YUMU 语幕的作者是懂极简主义的,整个主题讲究的就是极致的文字体验,剔除了所有花里胡哨的功能,边栏,文章、页面底部连评论区也都没有,但是恰到好处的美观度,又使得这款主题生机勃勃。使用 YUMU 语幕主题,你就是沉浸在自己的文字世界里面。
预览截图:
YUMU语幕主题详情:
在线预览:https://yumus.cn
主题页面:https://www.yumus.cn/theme/2102.html
需要自行修改的部分:
基础:
- 站点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>
<a class="tumblr" href="https://www.tumblr.com/你的账号" target="_blank">
<i class="fa-brands fa-tumblr"></i>
</a>
</div>
*图标与图标之间建议空格x3,即:
关于添加的图标在夜间模式下太黑的问题,打开主题,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原创主题归属权为九凌少子,如有侵权,请联系删除。
赞赏微信赞赏支付宝赞赏