CorePress个性设置!
CorePress个性设置!
CorePress主题地址:https://www.lovestu.com/
修改代码高亮让其超过一定行数不自动折叠
corepress-dark.css文件中的pre.corepress-code-pre code中的
max-height=500px;
删除掉
修改网站页面排版宽度
main.css文件中的.container中的
max-width:1200px;
改为
max-width:1600px;
main.css文件中的.post-item-thumbnail中的
flex:30%
改为
flex:15%
优化内容:
- 加入了font-display: swap;属性,可确保在加载Web字体时用户可见文本.
- 压缩了CSS文件
- 利用Nginx可对js以及字体文件进行本地缓存
Webfonts字体优化
1 2 3 4 5 6 |
# 下载fonts文件到主题目录下 wget -P /wp-content/themes/CorePress/static https://github.com/JiangJiYue/yunwei/blob/main/webfonts.tar.gz # 解压 tar -zxvf /wp-content/themes/CorePress/static/webfonts.tar.gz # 删除压缩包 rm -rf /wp-content/themes/CorePress/static/webfonts.tar.gz |
Css文件优化
1 2 |
# 下载css文件到主题目录下 wget -P /wp-content/themes/CorePress/static/css/ https://raw.githubusercontent.com/JiangJiYue/yunwei/main/all.min.css |
Utils php文件优化
替换utils.php
中loadiconfont_by_cdn
函数内容vim /wp-content/themes/CorePress/geekframe/utils.php
1 2 3 4 |
function loadiconfont_by_cdn() { echo '<link rel="stylesheet" href="/wp-content/themes/CorePress/static/css/all.min.css?v=' . THEME_VERSIONNAME . '">'; } |
优化Header php文件
如果不想用主题提供的字体也可以将header.php
文件中的以下内容注释掉vim /wp-content/themes/CorePress/header.php
1 2 3 4 5 6 7 8 9 10 |
if ($set['theme']['font'] != 'no') { echo '<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/ghboke/corepresscdn@master/static/lib/font/' . $set['theme']['font'] . '/font.css">'; <style> html, textarea { font-family: echo $set['theme']['font'] , PingFang\ SC, Hiragino\ Sans\ GB, Microsoft\ YaHei, STHeiti, WenQuanYi\ Micro\ Hei, Helvetica, Arial, sans-serif !important; } </style> } |
优化Nginx Conf文件
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
#缓存静态文件 location ~ .*\.(gif|jpg|jpeg|png|bmp|ico|webp)$ { root 网站根目录; expires 30d; } #缓存静态文件 location ~ .*\.(eot|woff|woff2|ttf)$ { root 网站根目录; expires 30d; } # expires 30s; 30秒 # expires 30m; 30分钟 # expires 2h; 2个小时 # expires 30d; 30天 |
优化主页缩略图alt
给/wp-content/themes/CorePress/component/post-list-item.php
中的$imgtag
变量添加alt
属性,alt
内容为当前文章的标题
1 2 3 4 5 6 7 |
# 修改后的代码 if ($set['module']['imglazyload'] == 1) { $pathname = 'data-original'; $imgtag = '<img src="' . file_get_img_url('loading.gif') . '" data-original="' . $postitem['thumbnail'] . '" alt="'.$postitem['title'] .'">'; } else { $imgtag = '<img src="' . $postitem['thumbnail'] . '"alt="'.$postitem['title'] .'">'; } |
优化友情链接无ul
/wp-content/themes/CorePress/index.php
1 2 3 4 5 |
<div class="frinds-links-list"> <ul> <?php wp_list_bookmarks('title_li=&categorize=0&show_images=0&category=' . $set['index']['links_ids']); ?> </ul> </div> |
wp-content/themes/CorePress/static/css/main.css
1 2 |
/*文件中的.frinds-links li Css样式替换为下面 */ .frinds-links li{float: left;font-size:15px;list-style:none;margin-right:20px;margin-bottom:6px;vertical-align:middle} |
学习资料见知识星球。
以上就是今天要分享的技巧,你学会了吗?若有什么问题,欢迎在下方留言。
快来试试吧,小琥 my21ke007。获取 1000个免费 Excel模板福利!
更多技巧, www.excelbook.cn
欢迎 加入 零售创新 知识星球,知识星球主要以数据分析、报告分享、数据工具讨论为主;
1、价值上万元的专业的PPT报告模板。
2、专业案例分析和解读笔记。
3、实用的Excel、Word、PPT技巧。
4、VIP讨论群,共享资源。
5、优惠的会员商品。
6、一次付费只需99元,即可下载本站文章涉及的文件和软件。
共有 0 条评论