WordPress大学wpdx主题模板更新移植知更鸟记录和自定义项(红色标记重要)
更改侧边栏置顶值:
找到文件wp-content\themes\wpdx\assets\js\post.js
把里面的top:60改为top:2
更改字体:
.entry p{margin:5px 0 10px;color:#666;font-size:14px;line-height:180%;word-break:break-all;}
.p-text-indent .entry p{text-indent:2em;}
.p-text-indent .entry .has-text-align-center,
.p-text-indent .entry .wp-block-cover-text{text-indent: 0; color: #fff;}
.p-text-indent .entry p img.alignnone {margin-left: -2em;}
.p-text-indent .entry .has-large-font-size{font-size: 150%;}
.entry a{color:#09B1B9;text-decoration:none;}
.entry a:hover{color:#E14D43;}
.entry em{padding:0 2px;color:#A40000;}
.entry strong{color:#666;font-weight:700;}
首页多余文章显示省略号:
text-overflow: ellipsis;white-space: nowrap;
文中文大小居中:
.p-text-indent .entry p
.wp-embedded-content{margin-left: -2em;}
调整返回顶部图标箭头距离:
.returnTop{position:fixed;right:5px;bottom:40px;z-index:9999;display:none;width:40px;height:40px;background:#323841;box-shadow:0 0 5px #F5F5F5;text-indent:-9999px;cursor:pointer;}
加入文件里的代码:
custom-functions
加入文件:
avatar和customfun里的所有文件
加入头部和底部代码:
footer和header
LOGO扫光效果开始加到主题主CSS的logo下面:
/*LOGO扫光效果开始*/
#logo{position:relative;float:left;margin-right:20px;padding:5px 0;overflow: hidden;}
#logo a:before{
content:””;
position: absolute;
left: -665px;
top: -460px;
width: 230px;
height: 10px;
background-color: rgba(255,255,255,.5);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: searchLights 1s ease-in 1s infinite;
-o-animation: searchLights 1s ease-in 1s infinite;
animation: searchLights 1s ease-in 1s infinite;
}
@-webkit-keyframes searchLights {
0% { left: -100px; top: 0; }
to { left: 120px; top: 100px; }
}
@-o-keyframes searchLights {
0% { left: -100px; top: 0; }
to { left: 120px; top: 100px; }
}
@-moz-keyframes searchLights {
0% { left: -100px; top: 0; }
to { left: 120px; top: 100px; }
}
@keyframes searchLights {
0% { left: -100px; top: 0; }
to { left: 120px; top: 100px; }
}
/*LOGO扫光效果结束*/