转载

【WordPress】更换主题日志

选择综合症 + 外貌协会 + 强迫症让我对 WordPress 主题又爱又恨。每次更换主题以后,一大串自定义的样式就要重新写。于是,我准备写篇博客,备份一下。

本文属于个人备份文件,文章中出现的链接朋友们最好不要直接使用,说不定哪天心情好,就换掉了…

一、代码高亮

1.添加以下代码到 header.php 文件中(在 </head> 标签之前,一直仍在 <?php wp_head();?> 后面的)

2.删除系统自带的 pre 样式

这个样式的代码位置说不准,需要审查元素。可能是在 style.css 中,也可能是在 bootstrap.min.css 中。

二、添加百度统计

添加到代码高亮下面就行。

三、添加右边栏的 FOLLOW 图标并修改样式

打开 style.css ,添加以下代码(不要加到最后,最后的大括号好像有问题)

如果也有需要 FOLLOW 功能的朋友,那要注意了,我的三、四个步骤都是因为我创建了名为 FOLLOW 的菜单,所以在 css 中才可以用 ul#menu-follow li ,如果你的名字和我不一样,还要根据你的 css id 来修改。

/* Aside function icons-------------------------------------------*/ @font-face {font-family: 'iconfont';         src: url('http://brighttj-brighttj.stor.sinaapp.com/system%2Ffunction-icon%2Ficonfont.eot'); /* IE9*/         src: url('http://brighttj-brighttj.stor.sinaapp.com/system%2Ffunction-icon%2Ficonfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */         url('http://brighttj-brighttj.stor.sinaapp.com/system%2Ffunction-icon%2Ficonfont.woff') format('woff'), /* chrome、firefox */         url('http://brighttj-brighttj.stor.sinaapp.com/system%2Ffunction-icon%2Ficonfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/         url('http://brighttj-brighttj.stor.sinaapp.com/system%2Ffunction-icon%2Ficonfont.svg') format('svg'); /* iOS 4.1- */ }  .github, .email, .RSS, .weibo{     font-family:"iconfont" !important;     font-size:24px;font-style:normal;     -webkit-font-smoothing: antialiased;     -webkit-text-stroke-width: 0.2px;     -moz-osx-font-smoothing: grayscale; }  ul#menu-follow li {     display: inline !important;     margin-right: 1em; } 

四、修改 FOLLOW hover 样式

如果 FOLLOW 的 hover 颜色不喜欢或不好分辨,可以加上下面这句:

ul#menu-follow li a:hover {     color: #d65050 !important; } 

五、页脚备案标识

根据情况来看,如果要保留主题名称,就加 span ,如果不保留,就直接覆盖整个 <footer>

六、其他

博客字体:

"Hiragino Sans GB",'Source Sans Pro', sans-serif

剩余的都是一些微调,每个主题的修改方式都不一样,不列举了。

正文到此结束
Loading...