我们一起长大 » WordPress http://baozi.info 我是包子 Sun, 29 Aug 2010 06:26:17 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 WordPress空白页原因及解决办法 http://baozi.info/wordpress-blank-page.html http://baozi.info/wordpress-blank-page.html#comments Thu, 22 Jul 2010 08:02:06 +0000 包子 http://baozi.info/?p=1147 刚才修改一个友情链接,发现改完后变成空白页,实际上已经修改成功,新加链接也是如此,add后显示为空白页面.最近换空间等改动了好多东西,想找原因也不简单. 求助无敌的Google,发现了解决办法,证实完全有效.

WordPress修改MySQL帐号密码或做某些核心安全信息的修改后会出现空白页情况, 包括后台管理登录入口也出现的空白页, 解决方法是:

在根目录将wp-config.php文件改名, 浏览index.php页面, WordPress提示”创建配置文件”, 按下一步, 将MySQL的数据库名、用户密码信息和相关信息填写完成, 让系统重新自动建立wp-config.php文件, 就可解决WordPress的空白页面情况。

]]> http://baozi.info/wordpress-blank-page.html/feed 33 go2wap在ie跳转wap浏览的问题 http://baozi.info/go2wap-ie-wap.html http://baozi.info/go2wap-ie-wap.html#comments Tue, 13 Apr 2010 14:46:29 +0000 包子 http://baozi.info/?p=1063 想使用手机版的wordpress浏览,要装个WP-T-Wap插件,但是不能自动判断手机浏览,还要装个判断用的插件go2wap,但是这个插件会把ie浏览器误认为是手机,从而使ie浏览器浏览时都是跳转到wap模式,解决的办法:

原来是插件在判断手机时:
“/(nokia|sony|ericsson|mot|samsung|sgh|lg|sie|philips|panasonic|
alcatel|lenovo|cldc|midp|wap|mobile)/i”;

在这句里有”sie”，这样会误把IE认成是西门子手机，直接删除保存就可以了。

]]> http://baozi.info/go2wap-ie-wap.html/feed 12 快捷回复和双栏友情链接 http://baozi.info/quick-commnets-and-multiple-columns-links.html http://baozi.info/quick-commnets-and-multiple-columns-links.html#comments Thu, 01 Apr 2010 16:44:37 +0000 包子 http://baozi.info/?p=1005 1.使用Ctrl+Enter快捷回复,这个快捷键是论坛和QQ的快捷键,大家都用着顺手.
打开comments.php,原来代码是这样的,

1

<div class="form-textarea"><textarea id="comment" name="comment" cols="45" rows="8" tabindex="6"></textarea></div>

改成:

1

<div class="form-textarea"><textarea id="comment" name="comment" cols="45" rows="8" tabindex="6"onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};"></textarea></div>

完工!
2.多栏友情链接
打开style.css
添加如下代码

1
2
3
4
5
6
7
8
9
10
11
12
13

.blogroll{
width:250px;
display:block;
overflow:auto;/*记得清除浮动*/
zoom:1;/*兼容IE6*/
}
ul.list-blogroll li,li.widget_links li {
background:url(images/li.gif) no-repeat left center!important;
display:block;
float:left;
padding-left:20px!important;
width:130px;
}

注1:如果想分成N列,就把li标签的宽度改成其父级标签的宽度-Margin-Padding等宽度再除以N,注意一定要留有余地多试几次，上面我只要将 width:设置到106以上就不能分栏[因为（250-20X2）/2=105]。

注2:如果你同时制作了linkpage这样的页面,会遇到页面排列成2栏的问题,因为在分栏显示设置CSS项目.blogroll时设置了宽度250，这里你LI定位为135当然不足250的1/2，不能横排也就可以理解了。找到width:250px这行,删除该行。这里不用担心删除后li项目会跑出250px宽度，因为blogroll的父项Sidebar中一般设置了边栏宽度。
本文参考:http://xiacd.com内容修改.

]]> http://baozi.info/quick-commnets-and-multiple-columns-links.html/feed 10 制作链接页面 http://baozi.info/create-link-page.html http://baozi.info/create-link-page.html#comments Mon, 22 Mar 2010 15:41:36 +0000 包子 http://baozi.info/?p=948 wordpress很流行的一个链接页面,教程很多,前一段做了一个没成功,今天搞成了.
1.复制一个当前模板的page.php
2.在最头上加上:(给模板起个”linkpage”的名字)

1
2
3
4
5
6

<?php
/*
Template Name: linkpage
*/
?>
<?php get_header(); ?>

3.找到

1

<?php the_content(); ?>

替换为:

1
2
3
4
5
6
7

<div class="linkpage">
<ul>
<?php wp_list_bookmarks('categorize=1&
category_orderby=id&before=<li>&after=</li>&show_images=0&
show_description=1&orderby=name&title_before=<h3>&title_after=</h3>'); ?>
</ul>
</div>

4.然后修改一下css,在所使用主题的css文件中加入下面的代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

/*---------------------Links Page-----------------------*/
.linkpage ul {
padding: 5px 6px;
list-style-type: none;
overflow:auto
}
.linkpage ul{ height:1%;}
.linkpage ul li {
color: #333;
margin-bottom: 5px;
font-size: 12px;
}
.linkpage ul li ul li {
float: left;
width: 135px;
text-align: center;
margin: 3px 3px;
line-height: 180%;
background-color: #FFFFFF;
border: 1px solid #dadada;
}
.linkpage ul li ul li a {
text-decoration: none;
color: gray;
 
display: block;
}
.linkpage ul li ul li a:hover {
background-color: gray;
color: #FFFFFF;
font-weight:bold;
}

5.新建页面,模板选择”linkpage”.
完工!
效果:http://baozi.info/links
本文主要参考:http://www.awuit.com/beauty-wordpress-friends-link-page/

]]> http://baozi.info/create-link-page.html/feed 7 我在用的wordpress插件 http://baozi.info/a-few-wordpress-plugins.html http://baozi.info/a-few-wordpress-plugins.html#comments Thu, 18 Mar 2010 16:12:52 +0000 包子 http://baozi.info/?p=933 很多人写过推荐wp插件的文章,本人从那里淘来不少有用的插件,现整理一下,既是分享又是备忘.
随机顺序
1.cos_slug_translator,这是一个slug插件,是本人第一次修改过固定链接格式时Google到的,自动翻译标题.
2.cos_slug_converter,如果你以前写过不少文章,那就要用到这个插件了,它会批量翻译以前文章的标题,由于是机器翻译的,差强人意,最好还是自己再修改一翻.
3.highslide4wp,缩放图片的插件,本博很多文章里的图片都用到了这个效果,mg12大人作品.非常喜欢.
4.google-sitemap-generator,这个就不用多讲了,几乎是必备的一个seo插件.
5.whydowork-adsense,在本人第一次申请ggad通过后,寻觅广告插件时群主抓抓推荐的.用来在博客中插入广告.
6.wordpress-23-related-posts-plugin,通过tag来显示相关文章的插件.
7.quick-comments,AJAX 提交和更新评论, 还可以向评论者的邮箱或 Twitter 发送新评论通知.以前在用,更换主题后出现故障,现有替代品
8.wp-easyarchives,存档插件,mg12作品,以前在用,现有替代品.
9.wp-db-backup,没有完美的主机,所有的空间都有宕机的危险,还是做好备份吧.
10.wp-postviews,用来显示热门文章的插件,记录文章的浏览次数.
11.wp-recentcomments,在侧栏显示评论,并且可以设置头像的大小.
12.wp-syntax,在文章里插入代码必备.
13.wp-pagenavi,在页面底部显示页码的插件,并且可以设置多种样式.
14.clean-archives-reloaded,这便是上面提到的wp-easyarchives替代品,由于wp-easyarchives要做一个页面模板,而此插件直接在新页面里添加一行代码即可,方便我这个新手.
15.page-links-to,这个现在没使用,但是非常的实用,就是能在你的导航里添加任何一个网址,非常方便.
16.wordpress-thread-comment,这个是替代quick-comments的插件,让用户能够对已有评论进行回复讨论,并将结果嵌套或成串显示.
17.blogroll-page和blogroll-links,这两个插件都可以让你方便快速的做出一个链接的页面.
18.wp-limit-posts-automatically,此插件可以自动截取文章内容,用户自己定义从单词数,文字数,第一段来折断文章.
19.audio-player,可以很方便在博客中插入音乐的插件,由于外联的mp3空间不好寻觅,所以暂时停用了.
20.Collapsible Elements,文字折叠效果,可以隐藏文字,点击后才打开.
这些就是本人用wordpress后搜集到的插件.大大的扩展了wordpress的功能.

]]> http://baozi.info/a-few-wordpress-plugins.html/feed 9 文字收缩效果 http://baozi.info/telescopic-effect.html http://baozi.info/telescopic-effect.html#comments Wed, 17 Mar 2010 09:57:49 +0000 包子 http://baozi.info/?p=895 自从看了五个木的博客后,就一直想弄个他那样的文字收缩效果.这个对我来说难度很大,看了n多文章,请教了n位大师后,总算弄出点效果.再次谢谢各位大师了.
方法1:这是利用jq效果的

看看方法

    1.在header.php的head添加js
    2.在css的相应位置加上下面代码:

    1
2

    .menuheader{color:#36f;font-weight:bolder;cursor:pointer;}
.toggle{display:none;}

    这是木大人的样式.

方法2:还有一种用插件实现的方法,是在找jq方法的时候收获的,好像没有滑动的效果,只是把文字折叠和展开.

相关的文章和插件

代码备忘:

1
2
3
4
5
6

<p class="menuheader">
这里写标题
</p>
<ul class="toggle">
我是隐藏的内容
</ul>
]]> http://baozi.info/telescopic-effect.html/feed 11