快好知 kuaihz

wordpress个人博客网站折腾记录

 

一、网站添加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:center center;}

[/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: 10px 0 0 10px;

}

#site-nav .down-menu li {

/** 控制主要菜单高度 **/

    height: 70px;

    line-height: 70px;

}

.nav-search {

/** 控制搜索按钮上边距 **/

    margin: 20px 10px 0 10px;

}

@media only screen and (max-width: 900px) {

    #masthead {

        height: 40px;

    }

    #menu-box {

        height: 40px;

    }

    .logo–site, .logo–sites {

        margin: 2px 0 0 10px;

    }

    .nav-search {

        margin: 5px 10px 0 0;

    }

}

[/p]

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

[s][p]

/**移动端导航菜单图标改为文字**/

.bars:after, .nav-mobile:after {

    content: “导航”;

    background: #c40000;

    color: #fff;

    padding: 1px 3px;

    border-radius: 2px;

}

.bars .be, .nav-mobile .be {

    display: none;

}

[/p]

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

[s][p]

/*强制文章中图片居中显示*/

.single-content p img{margin: 0 auto;}

[/p]

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

代码[s][p]

 /** 导航菜单下方标签美化 **/

.type-cat a, .child-cat a

{    border: 1px solid rgba(46, 181, 112, 0.4);

    box-shadow: 0 1px 1px rgb(255, 118, 0);

}

[/p]

效果演示:[s][p][/p]

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

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

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

[s][p]

/** 下拉菜单css样式调整**/

#site-nav .down-menu ul li

{

background: rgba(195, 228, 107, 0.72);

border-top: 1px solid #de9b904d;

border-left: 1px solid #da501a99;

border-right: 1px solid #fc8f24;}

[/p]

效果显示;[s][p][/p]

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

效果演示:[s][p][/p]

代码:[s][p]

.social-main a {

    color: #fff;

}

.like a {

    background: #f40000;

    border: 1px solid #f40000;

}

.share-s a {

    background: #dd9933;

    border: 1px solid #dd9933;

}

.social-main i {

    color: #fff;

}

.shang-p a {

    background: #7ab951;

    border: 1px solid #7ab951;

}

.social-main a:hover {

    color: #fff;

    background: #666;

}

.like a:hover, .share-s a:hover, .shang-p a:hover {

    border: 1px solid #666;

}

[/p]

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

效果演示:[s][p]

[/p]

 

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

[s][p]

/* 侧边导航菜单下方菜单宽度调整 */

.lx7, .child-cat li {

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: 1px dashed #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博客网站添加评论输入特效

 

五十九、

 

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:折腾  折腾词条  wordpress  wordpress词条  记录  记录词条  个人  个人词条  博客  博客词条