个人博客网站折腾记录

　　一、网站添加ssl证书，实现整站https。
　　添加www证书，301强制跳转。
　　二、侧边栏关于本站的四个联系图标美化，头像居中添加背景美化。
　　效果及操作步骤，请查看：知更鸟主题关于本站微信、QQ、微博、订阅四个图标美化
　　效果及操作步骤，请查看：知更鸟主题关于本站小工具头像的居中布局美化
　　效果演示：〔s〕〔p〕
　　〔p〕
　　三、头部顶部显示日期与问候语
　　效果及操作步骤，请查看：WordPress顶部显示问候语和日期的完美解决方法
　　效果演示：〔s〕〔p〕〔p〕
　　四、为评论框添加背景图片
　　wordpress让评论框不再单调，为评论框添加背景图片
　　本站css在自定义风格中添加，也可以style。css中添加：代码〔s〕〔p〕
　　评论背景图
　　comment
　　｛backgroundimage：url（https：www。seoqe。comwpcontentuploads2018052018010611074450。png）；
　　backgroundrepeat：
　　backgroundposition：｝
　　〔p〕
　　效果显示：〔s〕〔p〕〔p〕
　　五、热门标签固定与凌乱显示（暂停使用，目前用3d标签）
　　WordPress修改右侧边栏彩色标签为固定显示
　　效果显示：〔s〕〔p〕〔p〕
　　六、wordpress美化特效：网站欢迎语弹框（暂停使用）
　　〔s〕〔p〕〔p〕
　　七、wordpress免插件实现添加留言者国家，操作系统，浏览器等信息（自用详细教程）
　　〔s〕〔p〕〔p〕
　　八、wordpress站点修改知更鸟主题评论区沙发，板凳，地板样式
　　美化评论沙发板凳地板添加背景色
　　〔s〕〔p〕〔p〕
　　九、wordpress安装WPPostViewsPlus插件，显示文章的阅读次数
　　十、WordPress评论框输入QQ获取头像和昵称的教程（已取消，不支持ssl）
　　十一、WordPress侧边栏如何实现一图三按钮的效果？
　　〔s〕〔p〕〔p〕
　　十二、给begin主题友情链接页面添加评论
　　效果展示页面：https：www。seoqe。comlinks。html
　　十三、wordpress一段自定义滚动显示问候语代码
　　〔s〕〔p〕〔p〕
　　十四、为导航菜单添加个性图标字体
　　效果及操作步骤，请查看：1。wordpress站点阿里巴巴图标库使用方法wordpress美化
　　2。为导航菜单添加个性图标字体
　　〔s〕〔p〕〔p〕
　　十五、如何利用Robots。txt优化你的WordPress站点
　　效果演示：https：www。seoqe。comrobots。txt
　　十六、WordPress页面链接添加。html后缀
　　十七、WordPress上传文件自动重命名
　　十八、添加缓存插件
　　WPSuperCache静态缓存插件简明使用教程
　　十九、WordPress博客自定义鼠标指针样式
　　效果演示：看鼠标指针
　　二十、wordpress站点顶部导航美化及侧边栏和两栏标题美化
　　效果演示：〔s〕〔p〕〔p〕
　　二十一、顶部导航添加渐变色（在顶部美化2里面）
　　效果演示：〔s〕〔p〕〔p〕
　　二十二、侧边栏和两栏标题美化
　　效果显示：
　　〔s〕〔p〕〔p〕
　　二十三、菜单导航下方文章链接添加背景（本背景只在手机端显示，主要背景颜色与pc顶部冲图，可自行修改）
　　效果演示：〔s〕〔p〕〔p〕
　　二十四、添加seo优化插件：DXseo
　　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：102
　　｝
　　。logosite，。logosites｛
　　控制LOGO的上边距
　　margin：10px0010
　　｝
　　sitenav。downmenuli｛
　　控制主要菜单高度
　　height：70
　　lineheight：70
　　｝
　　。navsearch｛
　　控制搜索按钮上边距
　　margin：20px10px010
　　｝
　　mediaonlyscreenand（maxwidth：900px）｛
　　masthead｛
　　height：40
　　｝
　　menubox｛
　　height：40
　　｝
　　。logosite，。logosites｛
　　margin：2px0010
　　｝
　　。navsearch｛
　　margin：5px10px00；
　　｝
　　｝
　　〔p〕
　　三十五、移动端导航菜单图标改为文字（可自行修改，或添加a标签链接）
　　〔s〕〔p〕
　　移动端导航菜单图标改为文字
　　。bars：after，。navmobile：after｛
　　content：导航；
　　background：c40000；
　　color：
　　padding：1px3
　　borderradius：2
　　｝
　　。bars。be，。navmobile。be｛
　　display：
　　｝
　　〔p〕
　　三十六、强制文章中图片居中显示
　　〔s〕〔p〕
　　强制文章中图片居中显示
　　。singlecontentpimg｛margin：0｝
　　〔p〕
　　三十七、导航菜单下方标签美化
　　代码〔s〕〔p〕
　　导航菜单下方标签美化
　　。typecata，。childcata
　　｛border：1pxsolidrgba（46，181，112，0。4）；
　　boxshadow：01px1pxrgb（255，118，0）；
　　｝
　　〔p〕
　　效果演示：〔s〕〔p〕〔p〕
　　三十八、Autoptimize（插件优化版）加速WordPress（配合WPSuperCache静态缓存插件）
　　三十九、屏蔽wplogin。php登录入口确保WordPress网站后台安全
　　四十、下拉菜单css样式调整
　　〔s〕〔p〕
　　下拉菜单css样式调整
　　sitenav。downmenuulli
　　｛
　　background：rgba（195，228，107，0。72）；
　　bordertop：1pxsolidde9b904d；
　　borderleft：1pxsolidda501a99；
　　borderright：1pxsolidfc8f24；｝
　　〔p〕
　　效果显示；〔s〕〔p〕〔p〕
　　四十一、修改文章底部分享点赞颜色
　　效果演示：〔s〕〔p〕〔p〕
　　代码：〔s〕〔p〕
　　。socialmaina｛
　　color：
　　｝
　　。likea｛
　　background：f40000；
　　border：1pxsolidf40000；
　　｝
　　。sharesa｛
　　background：dd9933；
　　border：1pxsoliddd9933；
　　｝
　　。socialmaini｛
　　color：
　　｝
　　。shangpa｛
　　background：7ab951；
　　border：1pxsolid7ab951；
　　｝
　　。socialmaina：hover｛
　　color：
　　background：666；
　　｝
　　。likea：hover，。sharesa：hover，。shangpa：hover｛
　　border：1pxsolid666；
　　｝
　　〔p〕
　　四十二、网站审查元素（F12）显示一个提示信息
　　效果演示：〔s〕〔p〕
　　〔p〕
　　四十三、侧边导航菜单下方菜单宽度调整
　　〔s〕〔p〕
　　侧边导航菜单下方菜单宽度调整
　　。lx7，。childcatli｛
　　width：12。2857；
　　transitionduration：。5s；
　　｝
　　〔p〕
　　四十四、修改友情链接、文章内标签边框css
　　在友情链接边框。linkfa、文章内标签边框。singletaglia下添加以下属性
　　borderradius：20
　　效果：
　　四十五、首页布局添加边框css
　　〔s〕〔p〕
　　将下面样式代码添加主题选项定制风格，在自定义样式中：
　　。post：hover，。taobox：hover，。picturebox：hover，。pictureh：hover，。tabsite：hover，。catbox：hover｛
　　border：1pxdashed39c；
　　｝
　　效果如下图
　　这里添加的是把网站里一些需要改的位置都添加进去了，可以根据个人所好修改。
　　〔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博客网站添加评论输入特效
　　五十九、