首页 > SEO优化纪实 > 不得言的WordPress博客做了两个小调整

不得言的WordPress博客做了两个小调整

2010年12月5日 发表评论阅读评论

终于抽出二个小时的时间,把不得言博客不如意的两个方面做了改动。其一是,在博客初建时就没能解决的浏览器兼容问题。另一个是,在正文部分的右上侧,加入了腾讯微博的一个链接,和Feed、Twitter相映成趣。

昨天抽时间把博客更新到了WordPress 3.0.2,并做了相关调整,暂没发现问题,姑且就这么地吧。今天就谈谈修改的两个小问题。第一个是不得言博客的一个特例,没有通用性,放在后面说。第二个,把腾讯微博链接加入到你的WordPress。虽然简单,但要做到同网站原有内容和谐统一,则需要一点技巧。

WordPress主题,加入腾讯微博链接

似乎太简单了,简单的我一边写一边笑。我使用的是Inove主题修改版。这里简单说说我修改的过程吧。首先,找到sidebar.php文件,并对相关代码进行研究。其次,在百度图片里找到一个QQ企鹅的图片,我选择了一个男(公?)企鹅,使用图片处理工具,处理成25X25大小,整合到原有的Feed.gif图片中。

1、找到styles.css文件,加入定义腾讯微博的样式

#sidebar #qq{
	height:25px;
	line-height:25px;
	display:block;
	padding:5px 5px 5px 36px;
	float:left;
	text-decoration:none;
	font-size:12px;
}
#sidebar #qq {
	background: url(img/feeds.gif) 5px -145px no-repeat;
	margin-left:10px;
	font-size:12px;
}

2、找到sidebar.php文件加入下面代码

<a id="qq" title="腾讯微博" href="http://t.qq.com/bdylovehll">腾讯微博</a>

WordPress头部红色条在IE8错位

初建Wordpress博客时,对CSS还处于初学阶段,代码不仅繁缛,还错误百出。今日弄出点时间,让它在IE6、IE8、Firefox3下看的漂亮了,不错位了。下面是修改后的代码。

#logo {
	margin:0px auto;
	width:948px;
	overflow:hidden;
	height:110px;
	overflow:hidden;
}
#logo h1 a{
	margin:20px 0px -10px 0px;
	color:#FFF;
	display:block;
	font-family:"宋体";
	font-size:40px;
	text-indent:50px;
	line-height:45px;
	text-decoration:none;
}
#logo h1 a:hover {
	text-decoration:none;
}
#logo .description {
	color:#FFF;
	font-size:14px;
	float:left;
	padding:0px 0px 11px 100px;
	overflow:hidden;
}
#navigation {
	width:948px;
	margin:0px auto;
	height: 45px;
	border-left: 1px solid #454545;
	border-right: 1px solid #454545;
	overflow:hidden;
}
#menu{
	height: 50px;
	background-color: #313131;
	background-image: url(img/pages-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	width:948px;
}
更多
  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.