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.phploadiconfont_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: <?php echo $set['theme']['font']?>, PingFang\ SC, Hiragino\ Sans\ GB, Microsoft\ YaHei, STHeiti, WenQuanYi\ Micro\ Hei, Helvetica, Arial, sans-serif !important;
        }
     </style>
     <?php
}

优化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

欢迎 加入 零售创新 知识星球,知识星球主要以数据分析、报告分享、数据工具讨论为主;

电商数据分析360°实战攻略!

你将获得:

1、价值上万元的专业的PPT报告模板。

2、专业案例分析和解读笔记。

3、实用的Excel、Word、PPT技巧。

4、VIP讨论群,共享资源。

5、优惠的会员商品。

6、一次付费只需99元,即可下载本站文章涉及的文件和软件。

文章版权声明 1、本网站名称:Excelbook
2、本站永久网址:http://www.excelbook.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长王小琥进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报。
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。

THE END
分享
二维码
< <上一篇
下一篇>>