我用过2个wordpress主题,之前用的是收费主题lonesome估计作者太忙了,停更了。所以又换了个主题,现在用的主题是xenice的onenice,刚开始的时候觉的也一般,没想到去掉图片,改纯文本后的风格我是很满意了!顺便记录一下修改的部分。
友情链接
有跟作者反应过了,反正主题自带的友情链接是不知道怎么去添加新的连接,我之前的链接都不能用。网上找了个代码。
直接在后台小工具添加自定义Html
<ul style="padding: 12px 13px 10px 0px;" class="wailian">
<li><a href="填入域名" target="_blank">网站名</a></li>
<li><a href="填入域名" target="_blank">网站名</a></li></ul>
然后添加CSS代码 后台 外观 额外CSS 加入下面的代码。边框距离可以照着自己主题修改!
/******* 友情链接 css 控制 ******/
.wailian li{ float:left}
.wailian li a {
background: #FAFAFA;
border: 1px solid #e9e9e9;
display: block;
text-align: center;
margin-left: 15px;
margin-bottom: 5px;
padding: 0 4px;
border-radius: 2px;
width:90px;
color: #5e5e5e;
line-height: 30px;
white-space:nowrap;
overflow:hidden;
}
.wailian li a:hover {
color: #fff;
background: #428BCA;
}
img.thumb {
object-fit: cover !important;
}
效果如下
增加了页面底部联系跟RSS订阅
在footer.php中合适位置添加下面代码
<ul class="social-media-icons">
<li><a class="rss" target="_blank" href="RSS地址" tabindex="0">
<i class="fa fa-rss" title="rss"></i>
<span class="screen-reader-text">rss</span></a></li>
<li><a class="qq" target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=QQ号&site=qq&menu=yes" tabindex="0">
<i class="fa fa-qq" title="qq"></i>
<span class="screen-reader-text">qq</span></a></li>
<li><a class="wechat" target="_blank" href="微信图片弟子" tabindex="0">
<i class="fa fa-wechat" title="wechat"></i>
<span class="screen-reader-text">wechat</span></a></li>
<li><a class="email-form" target="_blank" href="mailto:邮箱" tabindex="0">
<i class="fa fa-envelope-o" title="email-form"></i>
<span class="screen-reader-text">email-form</span></a></li>
</ul>
然后也是跟上面同样的添加CSS
/******* 底部 css 控制 ******/
.social-media-icons li{
float:right
}
.social-media-icons li a{
margin-left: 1px;
padding: 0 2px;
}
.social-media-icons{
list-style:none
}
.beian{text-align:center;
padding: 0 2px;
}
效果如下
目前就只有这些,慢慢在修改吧!