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

本篇文章主要记录了我对本博正在使用的主题-C7V5进行的一些修改,方便给有需要的人参考,也为了日后升级主题时做一个参考。其中在functions.php中添加的代码几乎都不是原创的。

评论框添加插入图片按钮

主题commentform.php大概第117行:

<?php if ( c7v5_get_option('smilies') && function_exists('c7v5_smilies') ) : ?> 
       <i class="icon-smilies" title="表情"></i>
<div class="comment-smilies"><?php c7v5_smilies(); ?></div> 

在其中增加一个插入图片的按钮:

<?php if ( c7v5_get_option('smilies') && function_exists('c7v5_smilies') ) : ?> 
       <i class="icon-smilies" title="表情"></i>
       <i class="icon-pic" title="图片" onclick="addimg();">&#xE3C4;</i>
<div class="comment-smilies"><?php c7v5_smilies(); ?></div> 

主题选项-自定义代码中添加:

function addimg(){
      document.getElementById('comment').value = document.getElementById('comment').value + '<img src="请输入图像地址,请上传到我的图床(wl.uixsj.cn)后获取" alt="图像描述" />';
}        

主题选项-自定义CSS中添加:

.icon-pic{
    float:left;
    position: relative;
    top: -1px;
    width: 1em;
    height: 1em;
    font-size: 21px;
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
}

functions-diy.php中添加:

function auto_comment_image( $comment ) {// by https://mufeng.me
      global $allowedtags;
      $content = $comment["comment_content"];
      // alt部分自行填写
      $content = preg_replace('/((https|http|ftp):\/\/){1}.+?.(jpg|gif|bmp|bnp|png)$/is','<img src="$0" alt="" />',$content);
      //允许发布img标签
      $allowedtags['img'] = array('src' => array (), 'alt' => array (),'class' =>array());
      // 重新给$comment赋值
      $comment["comment_content"] = $content;
      return $comment;
}

效果图:

给LOGO和标题添加阴影

最近把首页大图换成了我老婆,但默认白色的logo看不清了,所以给logo加上了阴影特效(前提是你的logo是svg绘制的)\
主题设置-自定义CSS中添加:


#logo {
        -webkit-filter: drop-shadow(0px 0px 5px black);
}
#site-description,#site-title{
        text-shadow:0px 0px 5px #000 ;
}

让Prism.js右上方显示语言名称

主题-自定义CSS中添加:

div.prism-show-language {
	position: relative;
}
div.prism-show-language > div.prism-show-language-label {
	color: black;
	background-color: #CFCFCF;
	display: inline-block;
	position: absolute;
	bottom: auto;
	left: auto;
	top: 0;
	right: 0;
	width: auto;
	height: auto;
	font-size: 0.9em;
	border-radius: 0 0 0 5px;
	padding: 0 0.5em;
	text-shadow: none;
	z-index: 1;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

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

将下面代码添加到主题自定义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;
}

效果:

评论头像旋转

将以下代码加入style.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时间快了8小时

打开/wp-includes/functions.php文件,找到第61-70行将以下代码:

function current_time( $type, $gmt = 0 ) {
	switch ( $type ) {
		case 'mysql':
			return ( $gmt ) ? gmdate( 'Y-m-d H:i:s' ) : gmdate( 'Y-m-d H:i:s', ( time() + ( get_option( 'gmt_offset' ) * HOUR_IN_SECONDS ) ) );
		case 'timestamp':
			return ( $gmt ) ? time() : time() + ( get_option( 'gmt_offset' ) * HOUR_IN_SECONDS );
		default:
			return ( $gmt ) ? date( $type ) : date( $type, time() + ( get_option( 'gmt_offset' ) * HOUR_IN_SECONDS ) );
	}
}

修改为:

function current_time( $type, $gmt = 8 ) {
	switch ( $type ) {
		case 'mysql':
			return ( $gmt ) ? gmdate( 'Y-m-d H:i:s' ) : gmdate( 'Y-m-d H:i:s', ( time() + ( get_option( 'gmt_offset' ) * HOUR_IN_SECONDS ) ) );
		case 'timestamp':
			//return ( $gmt ) ? time() : time() + ( get_option( 'gmt_offset' ) * HOUR_IN_SECONDS );
			//修复时间错误
			return ( $gmt ) ? strtotime(gmdate('Y-m-d H:i:s')) : strtotime(gmdate('Y-m-d H:i:s')) + ( get_option( 'gmt_offset' ) * 3600 );
		default:
			return ( $gmt ) ? date( $type ) : date( $type, time() + ( get_option( 'gmt_offset' ) * HOUR_IN_SECONDS ) );
	}
}

 

导航栏透明

在script.min.js的d(t)方法中加入

e("#navbar").css("background-color", "transparent");
		e("#m-panel .m-nav").css("background-color", "rgba(" + t.join(",") + ",0.97)");
		if(t.join(",").substr(0,3)>=220&&t.join(",").substr(4,3)>=220&&t.join(",").substr(8,3)>=220){
			e("#site-menu li a").css("color", "#333");
			e("#site-menu li a").css("border-color", "#333");
			e(".logo").css("color", "#333");
			e("#header").css("color", "#333");
			e("#header a").css("color", "#333");
			e("#m-panel .m-nav a").css("color", "#333");
		}

 

2 条评论

发表评论

*