知更鸟begin主题美化

爱游博客

发布于 2019-08-07 11:58:12

1.2K0

发布于 2019-08-07 11:58:12

文章被收录于专栏：爱游博客

一直以来爱游都是用的知更鸟的begin主题，当然爱游是用的破解版，前几天爱游买了一个正版begin主题，这里分享下以前爱游做的一些美化，有些在最新版的主题里面已经不适用了所以也算是记录，万一哪天我忘了呢。

面包屑导航栏美化

打开主题根目录下的style.css文件，查找下面的代码：

.bread {
    width: 1122px;
    height: 25px;
    line-height: 25px;
    margin: 0 auto;
    padding-left: 10px;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

将下面的代码替换掉上面的代码：

.bread {
        margin: 10px auto;
        border: 1px solid #ddd;
        border-radius: 2px;
        background-color: #fff;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 10px;
}

效果

感觉比原来的好看多了。

顶部菜单栏改为渐变背景色

在wp后台→主题选项→定制风格→自定义样式添加以下代码：

#header-top {
	background: linear-gradient(-30deg,rgba(255, 213, 60, 0.71) 10%,rgba(161, 230, 243, 0.78)) no-repeat;
}

效果

Admin改成博主

在begin/inc/inc.php找到那一行的 Admin （如果找不到，直接Ctrl+F搜索：// admin），改成你想改的字符（如“博主”二字），或者加其他图标，样式都可以的。

效果

WordPress有新评论微信提醒管理员

查看文章：WordPress实现微信推送评论消息

WordPress关注微信公众号获取密码

查看文章：WordPress关注微信公众号获取密码

表格自适应

<h3>AD</h3>
<div class="table-r">
<table width="100%">
<tbody>
<tr>
<td width="25%">自适应表格</td>
<td width="25%">输入文字</td>
<td width="25%">自适应表格</td>
<td width="25%">输入文字</td>
</tr>
</tbody>
</table>
</div>

如果你要两栏，把宽度改成50%，四栏就25%

侧边栏添加广告位代码

外观→小工具→侧边栏，然后点击添加小工具选择增强文本添加，将下面代码放在增强文本的内容里面即可。

<html>
 <head></head>
 <body>
  <div style="position: relative;">
   <a href="https://vipiu.net" rel="nofollow" target="_blank" data-original-title="预留位广告" title="预留位广告"><img class=" aligncenter" src="https://cdn.vipiu.net/wp-content/uploads/2019/03/370x245.jpg" alt="广告测试" style=" margin-left: 0px; padding: 1px;margin-bottom: 1px; border-radius: 4px;" width="360" height="120" /></a>
   <span style="position: absolute;bottom:-1px;right:-1px;"><img src="https://cdn.vipiu.net/wp-content/uploads/2019/03/370x245.jpg" /></span>
  </div>
 </body>
</html>

以上就是爱游博客的一些改造，如有好的建议或是那里有问题，请在下方留言。

cambrian.render('tail')

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019年7月7日11，如有侵权请联系 cloudcommunity@tencent.com 删除

wordpress