个人博客网站折腾记录
⇨⇦
一、网站添加ssl证书，实现整站https。
添加www证书，301强制跳转。
二、侧边栏关于本站的四个联系图标美化，头像居中添加背景美化。
效果及操作步骤，请查看：知更鸟主题＂关于本站–微信、QQ、微博、订阅＂四个图标美化
效果及操作步骤，请查看：知更鸟主题＂关于本站＂小工具头像的居中布局美化
效果演示:[s][p]
[/p]
三、头部顶部显示日期与问候语
效果及操作步骤，请查看：WordPress顶部显示问候语和日期的完美解决方法
效果演示:[s][p][/p]
四、为评论框添加背景图片
wordpress让评论框不再单调，为评论框添加背景图片
本站css在自定义风格中添加，也可以style.css中添加： 代码[s][p]
/**评论背景图**/
#comment
{background-image:url(https://www.seoqe.com/wp-content/uploads/2018/05/2018010611074450.png);
background-repeat:no-repeat;
background-position:centercenter;}
[/p]
效果显示:[s][p][/p]
五、热门标签固定与凌乱显示（暂停使用，目前用3d标签）
WordPress修改右侧边栏彩色标签为固定显示
效果显示:[s][p][/p]
六、wordpress美化特效:网站欢迎语弹框 (暂停使用)
[s][p][/p]
七、wordpress免插件实现添加留言者国家,操作系统,浏览器等信息（自用详细教程）
[s][p][/p]
八、wordpress站点修改知更鸟主题评论区沙发,板凳,地板样式
美化评论＂沙发 板凳 地板＂添加背景色
[s][p][/p]
九、wordpress安装WP-PostViews Plus插件，显示文章的阅读次数
十、WordPress评论框输入QQ获取头像和昵称的教程 （已取消，不支持ssl）
十一、WordPress侧边栏如何实现一图三按钮的效果？
[s][p][/p]
十二、给begin主题友情链接页面添加评论
效果展示页面:https://www.seoqe.com/links.html
十三、wordpress一段自定义滚动显示问候语代码
[s][p][/p]
十四、为导航菜单添加个性图标字体
效果及操作步骤，请查看：1.wordpress站点阿里巴巴图标库使用方法-wordpress美化
2.为导航菜单添加个性图标字体
[s][p][/p]
十五、如何利用Robots.txt优化你的WordPress站点
效果演示:https://www.seoqe.com/robots.txt
十六、WordPress页面链接添加.html后缀
十七、WordPress上传文件自动重命名
十八、添加缓存插件
WP Super Cache静态缓存插件简明使用教程
十九、WordPress博客自定义鼠标指针样式
效果演示: 看鼠标指针
二十、wordpress站点-顶部导航美化及侧边栏和两栏标题美化
效果演示:[s][p][/p]
二十一、顶部导航添加渐变色 （在顶部美化2里面）
效果演示:[s][p][/p]
二十二、侧边栏和两栏标题美化
效果显示:
[s][p][/p]
二十三、菜单导航下方文章链接添加背景（本背景只在手机端显示，主要背景颜色与pc顶部冲图,可自 行修改）
效果演示:[s][p][/p]
二十四、添加seo优化插件:DX-seo
1、添加sitemap地图，2、添加相关文章模块，3、自动生成标签内链
二十五、知更鸟Begin主题右侧滚动条按钮美化
效果演示：
[s][p][/p]
二十六、主题缩略图及方框图片添加圆角边框及阴影效果（详解）
效果演示:[s][p][/p]
二十七、知更鸟Begin主题默认的顶部菜单修改为彩色条菜单
效果显示:[s][p][/p]
二十八、纯代码给文章添加管理员可见的百度是否已收录展示和查询功能
效果显示:[s][p][/p]
二十九、WordPress添加评论回复邮件提醒通知功能/SMTP邮件服务器配置
三十、WordPress短代码给文章添加彩色美化框+按钮
效果显示:[s][p][/p]
三十一、亲测解决wordpress导入数据错误MySQL返回:#1273
三十二、wordpress网站给文章H标签添加背景色
效果显示:[s][p][/p]
三十三、WordPress 熊掌号/原创保护文章数据提交插件（暂停使用，采用自动提交感觉熊掌号并没 啥用）
效果显示:
[s][p][/p]
三十四、更改导航菜单、logo及字体的高度及间距
[s][p]
/**控制头部整个高度**/
#masthead{
height:102px;
}
.logo–site,.logo–sites{
/**控制LOGO的上边距**/
margin:10px0010px;
}
#site-nav.down-menuli{
/**控制主要菜单高度**/
height:70px;
line-height:70px;
}
.nav-search{
/**控制搜索按钮上边距**/
margin:20px10px010px;
}
@mediaonlyscreenand(max-width:900px){
#masthead{
height:40px;
}
#menu-box{
height:40px;
}
.logo–site,.logo–sites{
margin:2px0010px;
}
.nav-search{
margin:5px10px00;
}
}
[/p]
三十五、移动端导航菜单图标改为文字（可自行修改，或添加a标签链接）
[s][p]
/**移动端导航菜单图标改为文字**/
.bars:after,.nav-mobile:after{
content:＂导航＂;
background:#c40000;
color:#fff;
padding:1px3px;
border-radius:2px;
}
.bars.be,.nav-mobile.be{
display:none;
}
[/p]
三十六、强制文章中图片居中显示
[s][p]
/*强制文章中图片居中显示*/
.single-contentpimg{margin:0auto;}
[/p]
三十七、导航菜单下方标签美化
代码[s][p]
/**导航菜单下方标签美化**/
.type-cata,.child-cata
{border:1pxsolidrgba(46,181,112,0.4);
box-shadow:01px1pxrgb(255,118,0);
}
[/p]
效果演示:[s][p][/p]
三十八、Autoptimize（插件优化版）加速WordPress（配合WP Super Cache静态缓存插件）
三十九、屏蔽wp-login.php登录入口确保WordPress网站后台安全
四十、下拉菜单css样式调整
[s][p]
/**下拉菜单css样式调整**/
#site-nav.down-menuulli
{
background:rgba(195,228,107,0.72);
border-top:1pxsolid#de9b904d;
border-left:1pxsolid#da501a99;
border-right:1pxsolid#fc8f24;}
[/p]
效果显示;[s][p][/p]
四十一、修改文章底部分享点赞颜色
效果演示:[s][p][/p]
代码：[s][p]
.social-maina{
color:#fff;
}
.likea{
background:#f40000;
border:1pxsolid#f40000;
}
.share-sa{
background:#dd9933;
border:1pxsolid#dd9933;
}
.social-maini{
color:#fff;
}
.shang-pa{
background:#7ab951;
border:1pxsolid#7ab951;
}
.social-maina:hover{
color:#fff;
background:#666;
}
.likea:hover,.share-sa:hover,.shang-pa:hover{
border:1pxsolid#666;
}
[/p]
四十二、网站审查元素（F12）显示一个提示信息
效果演示:[s][p]
[/p]
四十三、侧边导航菜单下方菜单宽度调整
[s][p]
/*侧边导航菜单下方菜单宽度调整*/
.lx7,.child-catli{
width:12.2857%;
transition-duration:.5s;
}
[/p]
四十四、修改友情链接、文章内标签边框css
在友情链接边框 .link-f a 、文章内标签边框 .single-tag li a 下添加以下属性
border-radius:20px;
效果：
四十五、首页布局添加边框css
[s][p]
将下面样式代码添加主题选项→定制风格，在＂自定义样式＂中：
.post:hover,.tao-box:hover,.picture-box:hover,.picture-h:hover,.tab-site:hover,.cat-box:hover{
border:1pxdashed#39c;
}
效果如下图
这里添加的是把网站里一些需要改的位置都添加进去了，可以根据个人所好修改。
[/p]
四十六、begin主题首页阅读全文按钮美化自动缩进显示
[s][p]
鼠标未到文章区块时效果图
[/p]
四十七、wordpress知更鸟主题侧边栏和两栏标题美化
[s][p]
[/p]
四十八、正文下方添加qq群加群链接图标，及二维码加上加群链接a标签
效果:[s][p]
[/p]
四十九、网站文章内容添加复制版权
五十、404页面美化改造及添加神经猫游戏
[s][p]
[/p]
五十一，wordpress修复知更鸟begin主题评论区获取QQ信息失效
五十二、 wordpress知更鸟主题CMS增加Tab选项卡（三项变四项）
五十四、wordpress知更鸟主题给评论头像添加旋转变圆特效
五十五、给wordpress知更鸟主题菜单导航进入文章后常亮显示
五十六、WordPress知更鸟Begin主题添加＂富强、民主、和谐＂鼠标点击特效
五十七、wordpress知更鸟主题如何把评论框及站长标志的Admin改成博主
五十八、如何给WordPress博客网站添加评论输入特效
五十九、