wordpress知更鸟begin个人博客网站折腾记录

2018年6月26日11:29:32 6 41,190 views

wordpress知更鸟begin个人博客网站折腾记录的图片 1

一、网站添加ssl证书,实现整站https。

添加www证书,301强制跳转。

二、侧边栏关于本站的四个联系图标美化,头像居中添加背景美化。

效果及操作步骤,请查看:知更鸟主题“关于本站–微信、QQ、微博、订阅”四个图标美化

效果及操作步骤,请查看:知更鸟主题“关于本站”小工具头像的居中布局美化

效果演示:展开

wordpress知更鸟begin个人博客网站折腾记录的图片 2

三、头部顶部显示日期与问候语

效果及操作步骤,请查看:WordPress顶部显示问候语和日期的完美解决方法

效果演示:展开

wordpress知更鸟begin个人博客网站折腾记录的图片 3

四、为评论框添加背景图片

wordpress让评论框不再单调,为评论框添加背景图片

本站css在自定义风格中添加,也可以style.css中添加:  代码展开

  1. /** 评论背景图**/
  2. #comment
  3. {background-image:url(https://www.seoqe.com/wp-content/uploads/2018/05/2018010611074450.png);
  4. background-repeat:no-repeat;
  5. background-position:center center;}

效果显示:展开

wordpress知更鸟begin个人博客网站折腾记录的图片 4

五、热门标签固定与凌乱显示(暂停使用,目前用3d标签

WordPress修改右侧边栏彩色标签为固定显示

效果显示:展开

wordpress知更鸟begin个人博客网站折腾记录的图片 5

六、wordpress美化特效:网站欢迎语弹框  (暂停使用)

展开

wordpress知更鸟begin个人博客网站折腾记录的图片 6

七、wordpress免插件实现添加留言者国家,操作系统,浏览器等信息(自用详细教程)

展开

wordpress知更鸟begin个人博客网站折腾记录的图片 7

 

八、wordpress站点修改知更鸟主题评论区沙发,板凳,地板样式

    美化评论“沙发 板凳 地板”添加背景色

展开

wordpress知更鸟begin个人博客网站折腾记录的图片 8

九、wordpress安装WP-PostViews Plus插件,显示文章的阅读次数

十、WordPress评论框输入QQ获取头像和昵称的教程  (已取消,不支持ssl

十一、WordPress侧边栏如何实现一图三按钮的效果?

展开

wordpress知更鸟begin个人博客网站折腾记录的图片 9

十二、给begin主题友情链接页面添加评论

效果展示页面:https://www.seoqe.com/links.html

十三、wordpress一段自定义滚动显示问候语代码

展开

wordpress知更鸟begin个人博客网站折腾记录的图片 10

十四、为导航菜单添加个性图标字体

效果及操作步骤,请查看:1.wordpress站点阿里巴巴图标库使用方法-wordpress美化

                                      2.为导航菜单添加个性图标字体

展开

wordpress知更鸟begin个人博客网站折腾记录的图片 11

十五、如何利用Robots.txt优化你的WordPress站点

效果演示:https://www.seoqe.com/robots.txt

十六、WordPress页面链接添加.html后缀

十七、WordPress上传文件自动重命名

十八、添加缓存插件

WP Super Cache静态缓存插件简明使用教程

十九、WordPress博客自定义鼠标指针样式

效果演示: 看鼠标指针

二十、wordpress站点-顶部导航美化及侧边栏和两栏标题美化

效果演示:展开

wordpress知更鸟begin个人博客网站折腾记录的图片 12

二十一、顶部导航添加渐变色   (在顶部美化2里面)

效果演示展开

wordpress知更鸟begin个人博客网站折腾记录的图片 13

二十二、侧边栏和两栏标题美化

效果显示:

展开

wordpress知更鸟begin个人博客网站折腾记录的图片 14

二十三、菜单导航下方文章链接添加背景(本背景只在手机端显示,主要背景颜色与pc顶部冲图,可自                    行修改)

效果演示:展开

wordpress知更鸟begin个人博客网站折腾记录的图片 15

二十四、添加seo优化插件:DX-seo

1、添加sitemap地图,2、添加相关文章模块,3、自动生成标签内链

二十五、知更鸟Begin主题右侧滚动条按钮美化

效果演示

展开

wordpress知更鸟begin个人博客网站折腾记录的图片 16

二十六、主题缩略图及方框图片添加圆角边框及阴影效果(详解)

效果演示:展开

wordpress知更鸟begin个人博客网站折腾记录的图片 17

二十七、知更鸟Begin主题默认的顶部菜单修改为彩色条菜单 

效果显示:展开

wordpress知更鸟begin个人博客网站折腾记录的图片 18

二十八、纯代码给文章添加管理员可见的百度是否已收录展示和查询功能

效果显示:展开

wordpress知更鸟begin个人博客网站折腾记录的图片 19

二十九、WordPress添加评论回复邮件提醒通知功能/SMTP邮件服务器配置

三十、WordPress短代码给文章添加彩色美化框+按钮

效果显示:展开

wordpress知更鸟begin个人博客网站折腾记录的图片 20

三十一、亲测解决wordpress导入数据错误MySQL返回:#1273 

三十二、wordpress网站给文章H标签添加背景色

效果显示:展开

wordpress知更鸟begin个人博客网站折腾记录的图片 21

三十三、WordPress 熊掌号/原创保护文章数据提交插件(暂停使用,采用自动提交感觉熊掌号并没                  啥用)

效果显示:

展开

wordpress知更鸟begin个人博客网站折腾记录的图片 22

三十四、更改导航菜单logo及字体的高度及间距

展开

  1. /** 控制头部整个高度 **/
  2.    #masthead {
  3.  height: 102px;
  4. }
  5. .logo-site, .logo-sites {
  6. /** 控制LOGO的上边距 **/
  7.     margin: 10px 0 0 10px;
  8. }
  9. #site-nav .down-menu li {
  10. /** 控制主要菜单高度 **/
  11.     height: 70px;
  12.     line-height: 70px;
  13. }
  14. .nav-search {
  15. /** 控制搜索按钮上边距 **/
  16.     margin: 20px 10px 0 10px;
  17. }
  18. @media only screen and (max-width: 900px) {
  19.     #masthead {
  20.         height: 40px;
  21.     }
  22.     #menu-box {
  23.         height: 40px;
  24.     }
  25.     .logo-site, .logo-sites {
  26.         margin: 2px 0 0 10px;
  27.     }
  28.     .nav-search {
  29.         margin: 5px 10px 0 0;
  30.     }
  31. }

三十五、移动端导航菜单图标改为文字(可自行修改,或添加a标签链接

展开

  1. /**移动端导航菜单图标改为文字**/
  2. .bars:after, .nav-mobile:after {
  3.     content: "导航";
  4.     background: #c40000;
  5.     color: #fff;
  6.     padding: 1px 3px;
  7.     border-radius: 2px;
  8. }
  9. .bars .be, .nav-mobile .be {
  10.     display: none;
  11. }

三十六、强制文章中图片居中显示

展开

  1. /*强制文章中图片居中显示*/
  2. .single-content p img{margin: 0 auto;}

三十七、 导航菜单下方标签美化 

代码展开

  1.  /** 导航菜单下方标签美化 **/
  2. .type-cat a, .child-cat a
  3. {    border: 1px solid rgba(461811120.4);
  4.     box-shadow: 0 1px 1px rgb(2551180);
  5. }

效果演示:展开

wordpress知更鸟begin个人博客网站折腾记录的图片 23

三十八、Autoptimize(插件优化版)加速WordPress(配合WP Super Cache静态缓存插件

三十九、屏蔽wp-login.php登录入口确保WordPress网站后台安全

四十、下拉菜单css样式调整

展开

  1. /** 下拉菜单css样式调整**/
  2. #site-nav .down-menu ul li
  3. {
  4. background: rgba(195, 228, 107, 0.72);
  5. border-top: 1px solid #de9b904d;
  6. border-left: 1px solid #da501a99;
  7. border-right: 1px solid #fc8f24;}

效果显示;展开

wordpress知更鸟begin个人博客网站折腾记录的图片 24

四十一、修改文章底部分享点赞颜色

效果演示:展开

wordpress知更鸟begin个人博客网站折腾记录的图片 25

代码:展开

  1. .social-main a {
  2.     color: #fff;
  3. }
  4. .like a {
  5.     background: #f40000;
  6.     border: 1px solid #f40000;
  7. }
  8. .share-s a {
  9.     background: #dd9933;
  10.     border: 1px solid #dd9933;
  11. }
  12. .social-main i {
  13.     color: #fff;
  14. }
  15. .shang-p a {
  16.     background: #7ab951;
  17.     border: 1px solid #7ab951;
  18. }
  19. .social-main a:hover {
  20.     color: #fff;
  21.     background: #666;
  22. }
  23. .like a:hover, .share-s a:hover, .shang-p a:hover {
  24.     border: 1px solid #666;
  25. }

四十二、网站审查元素(F12)显示一个提示信息

效果演示:展开

wordpress知更鸟begin个人博客网站折腾记录的图片 26

 

四十三、侧边导航菜单下方菜单宽度调整

展开

  1. /* 侧边导航菜单下方菜单宽度调整 */
  2. .lx7, .child-cat li {
  3. width: 12.2857%;
  4. transition-duration: .5s;
  5. }

四十四、修改友情链接、文章内标签边框css

在友情链接边框 .link-f a 、文章内标签边框 .single-tag li a  下添加以下属性

  1. border-radius: 20px;

效果wordpress知更鸟begin个人博客网站折腾记录的图片 27

 

四十五、首页布局添加边框css

展开

将下面样式代码添加主题选项→定制风格,在“自定义样式”中:

  1. .post:hover, .tao-box:hover, .picture-box:hover, .picture-h:hover, .tab-site:hover, .cat-box:hover {
  2.  border1px dashed #39c;
  3. }

效果如下图
wordpress知更鸟begin个人博客网站折腾记录的图片 28

这里添加的是把网站里一些需要改的位置都添加进去了,可以根据个人所好修改。

四十六、begin主题首页阅读全文按钮美化自动缩进显示

展开

wordpress知更鸟begin个人博客网站折腾记录的图片 29

鼠标未到文章区块时效果图

wordpress知更鸟begin个人博客网站折腾记录的图片 30

四十七、wordpress知更鸟主题侧边栏和两栏标题美化

展开

wordpress知更鸟begin个人博客网站折腾记录的图片 31

 

四十八、正文下方添加qq群加群链接图标,及二维码加上加群链接a标签

效果:展开

wordpress知更鸟begin个人博客网站折腾记录的图片 32

四十九、网站文章内容添加复制版权

 

五十、404页面美化改造及添加神经猫游戏

展开

wordpress知更鸟begin个人博客网站折腾记录的图片 33

五十一,wordpress修复知更鸟begin主题评论区获取QQ信息失效

五十二、  wordpress知更鸟主题CMS增加Tab选项卡

 

weinxin
欢迎加入中国SEO站长博客之家
本站的所有资源都会上传分享到博客之家,希望大家互相学习交流进步。中国企鹅SEO站长博客群
企鹅博客

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:6   其中:访客  6   博主  0

    • avatar 企鹅seo 4

      如果有不足的或者要改进的请提出来,大家一起改进,共同进步 :smile: :smile:

      • avatar 职业群主 0

        学习了,我也要折腾一下,把网站做成博主的这样美观

        • avatar 木 木 1

          用心出精品,网站真漂亮

          • avatar 企鹅博客2 4

            的请提出来,大家一起改进,共同进步 :smile: :smile:

            • avatar 浅色的切断 4

              我说的阿萨德阿萨德按时

              • avatar 广州网站建设 2

                必须给赞,棒棒哒 :cool: