对C7V5主题的修改记录及本站使用的自定义代码等

本篇文章主要记录了我对本博正在使用的主题-C7V5 进行的一些修改,方便给有需要的人参考,也为了日后升级主题时做一个参考

自定义网站页面右侧滚动条

将下面代码添加到主题自定义 css 或者 style.css 文件中就行:

/*—滚动条默认显示样式–*/
::-webkit-scrollbar-thumb{
background-color:#018EE8;
height:50px;
outline-offset:-2px;
outline:2px solid #fff;
-webkit-border-radius:4px;
border: 2px solid #fff;
}
 
/*—鼠标点击滚动条显示样式–*/
::-webkit-scrollbar-thumb:hover{
background-color:#FB4446;
height:50px;
-webkit-border-radius:4px;
}
 
/*—滚动条大小–*/
::-webkit-scrollbar{
width:8px;
height:18px;
}
 
/*—滚动框背景样式–*/
::-webkit-scrollbar-track-piece{
background-color:#fff;
-webkit-border-radius:0;
}

效果:

上传文件自动实现重命名代码

让图片上传以后,文件能在我们上传的时候自动变成英文或数字。在你的模板 functions.php 中加入以下代码并保存,就可以实现中文文件名称在上传过程中的自动重命名了。当上传文件就会以“年月日时分秒+千位毫秒整数”的格式重命名文件了,如“2017091611151935.jpg”

//wordpress 上传文件重命名
function git_upload_filter($file) {
        $time = date("YmdHis");
        $file['name'] = $time . "" . mt_rand(1, 100) . "." . pathinfo($file['name'], PATHINFO_EXTENSION);
        return $file;
}
add_filter('wp_handle_upload_prefilter', 'git_upload_filter');

头像旋转

将以下代码加入 style.css 或者额外 css 中就行

.avatar{-webkit-transition:0.4s;-webkit-transition:-webkit-transform 0.4s ease-out;transition:transform 0.4s ease-out;-moz-transition:-moz-transform 0.4s ease-out;}.avatar:hover{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);}

一行代码彻底禁用 WordPress 缩略图自动裁剪功能

//彻底禁止 WordPress 缩略图
add_filter( 'add_image_size', create_function( '', 'return 1;' ) );

将默认主题标题分隔符 – 变为 |

//将默认主题标题分隔符-变为|
function Bing_title_separator_to_line(){
        return '|';
}
add_filter( 'document_title_separator', 'Bing_title_separator_to_line' );

评论作者链接新窗口打开

//评论作者链接新窗口打开
function my_get_comment_author_link() {
        $url = get_comment_author_url( $comment_ID );
        $author = get_comment_author( $comment_ID );
        if ( empty( $url ) || 'http://' == $url )
        return $author;
        else
        return "<a href='$url' target='_blank' rel='external nofollow' class='url'>$author</a>";
}
add_filter('get_comment_author_link', 'my_get_comment_author_link');

WordPress 文章中英文数字间自动添加空格(不写入数据库)

//WordPress 文章中英文数字间自动添加空格(不写入数据库)
add_filter( 'the_content','fanly_post_content_autospace' );
function fanly_post_content_autospace( $data ) {
        $data = preg_replace('/([\x{4e00}-\x{9fa5}]+)([A-Za-z0-9_]+)/u', '${1} ${2}', $data);
        $data = preg_replace('/([A-Za-z0-9_]+)([\x{4e00}-\x{9fa5}]+)/u', '${1} ${2}', $data);
        return $data;
}

禁用所有文章类型的修订版本

//禁用所有文章类型的修订版本
add_filter( 'wp_revisions_to_keep', 'specs_wp_revisions_to_keep', 10, 2 );
function specs_wp_revisions_to_keep( $num, $post ) {
        return 0;
}

禁用自动保存

//禁用自动保存
add_action('wp_print_scripts','disable_autosave');
function disable_autosave(){
        wp_deregister_script('autosave');
}

解决修改主题选项中自定义代码不立即生效的问题

本站加了腾讯的 CDN,在修改主题选项中的自定义代码后,不能立即看到效果,首先关闭腾讯云 CDN 对应的过滤参数选项

编辑主题模板函数文件functions.php

找到c7v5_scripts方法函数,增加以下代码

// 增加版本号
$version = c7v5_get_option( 'uid' );

这个可能是小影写错代码地方了。。版本号没获取到,但是有定义版本号的变量,私信他了,看以后主题更新会不会有变化,主题 v2.1 已经修复

给苹果系统下的浏览器增加彩虹特效

body{overscroll-behavior:none}@media screen and (-webkit-min-device-pixel-ratio:0){body:before{right:0;top:0;left:0;height:100px;z-index:2147483647;position:fixed;content:"";transform:translateY(-99.99px);background:linear-gradient(124deg,#f00,#ff7f00,#ff0,#7fff00,#0f0,#00ff7f,#0ff,#007fff,#00f,#7f00ff,#f0f,#ff007f,#f00);animation:rainbow 15s ease infinite;background-size:1000% 1000%}}@keyframes rainbow{0%{background-position:0 80%}50%{background-position:100% 20%}100%{background-position:0 80%}}

更多自定义代码移步 Gihub:https://github.com/sy-records/WordPress-tools

7 条评论

发表评论

*