Loading
0

WordPress大学wpdx主题模板更新移植知更鸟记录和自定义项

公众号搜索菜鸟站长之家

WordPress大学wpdx主题模板更新移植知更鸟记录和自定义项(红色标记重要)

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扫光效果结束*/

文章声明:
1、本站文章来源于互联网,仅供学习交流使用,严禁用于商业用途,因此造成的一切法律后果自行承担。
2、本站不对文章内容的完整性和安全性负责,请自行辨别,如发现有问题,请及时联系我们进行处理。
3、如果你有比较好的文章需要发布,可以联系菜鸟站长之家小编,或者自行点击 投稿
4、若文章中有侵权或不适当内容,请留言告知我们,本站会第一时间进行处理。
5、转载请保留原文地址,违者后果自负,本站保留一切法律追责权力。
6、如遇下载地址失效,请留言告知或者联系客服获取。