第七日 » WP 相关 http://www.sntip.com 关注生活，关注互联 Sat, 24 Jul 2010 13:21:46 +0000 en hourly 1 http://wordpress.org/?v=3.0 37个WordPress经典教程 http://www.sntip.com/2010/02/37-cool-wordpress-hacks-and-tutorials-you-should-try.html http://www.sntip.com/2010/02/37-cool-wordpress-hacks-and-tutorials-you-should-try.html#comments Tue, 23 Feb 2010 09:09:29 +0000 林晨 http://www.sntip.com/?p=2618 　　如今的WordPress已经是2.9.2版本了，但是却还是有许多的功能没有被设计出来，比如说如何增加一些简单的Tabs，还有就是对于日志的控制等等，而在国外，已经有许多精通PHP的高手为我们制作出了一些十分有用的Hacks来解决这些问题，而Designbeep则为我们收集了其中经典的37个来提供个大家学习，使用WordPress的朋友不妨看看你需要哪个？

1.How To Create A Beautiful Dropdown Blogroll Without Javascript

2.Don’t Ignore Your WordPress Footer

3.How To Make An UpComing Event List

4.How to Use Pages In a Horizontal Navigation Bar

5.How To Extend the User Contact Info In WordPress 2.9

6.How To Add Tabs To Your Blog Sidebar

7.How To Create Rounded Corner Tab Menu Using CSS

8.How To Highlight The Category When On A Single Post

9.How to Highlight Author Comments In WordPress

10.How To Add ”Print This” Button In Your Posts

11.How To Modify Your WordPress RSS Feed

12.How To Display Content In Multiple Columns

13.How To Number Your Comments

14.How To Display Your Feedburner Count In Full Text

15.How To Add A Line Break Between Sidebar Widgets

16.How to: Remove the [...] From The Excerpt

17.How To Show Blog Content Only To Registered Users

18.How To Build a Top Sliding Login Panel

19.How To Display Google Ads In Only First 3 Posts

20.How To Display Categories In Two Columns

21.How To Display your WordPress Tags in a Drop-Down Menu

22.How To Detect The Visitor Browser Within WordPress

23.How To Insert Image By File Name

24.How To Include jQuery in WordPress (The Right Way)

25.How To Create Your Own 4 Column Blog Footer-Html and CSS Included

26.How To Insert Author Bio On Each Post

27.How To Show WordPress Post Attachments

28.How To Create a Custom Database Error Page in WordPress

29.How To Make Expanding Code Box

30.How To Redirect WordPress Individual Category Feeds to Feedburner via HTAccess

31.How To Make Valid and SEO Friendly E-mail Permalink Buttons

32.Simple Ways To Speed Up WordPress

33.How To Create WordPress Hover Menu

34.How To Customize Your 404 Error Page

35.How To Replace Date Images To Your WordPress Post

36.How To: Separate WordPress Comments and Trackbacks

37.How To Customize Your WordPress Login Page


来源Booto.net

]]> http://www.sntip.com/2010/02/37-cool-wordpress-hacks-and-tutorials-you-should-try.html/feed 6 25个简洁的WordPress主题下载 http://www.sntip.com/2010/01/25-concise-wordpress-theme.html http://www.sntip.com/2010/01/25-concise-wordpress-theme.html#comments Wed, 27 Jan 2010 17:20:54 +0000 林晨 http://www.sntip.com/?p=2575 　　不知不觉，使用WP已经快有了3年了，从简陋的后台到如今强大的后台，可以说是让我很吃惊的，不亏是全球最牛逼的博客平台程序，下面的这25个简洁的主题是由国外的SPMAG收集的，有几个我是十分的喜欢，当然，不管你你是否在使用WordPress，这些设计都可以让你欣赏一下。

Aparatus

25个简洁的WordPress主题下载

Demo Download

GoodTheme

25个简洁的WordPress主题下载

Demo Download

Zexee

25个简洁的WordPress主题下载

Demo Download

The Structure Theme

25个简洁的WordPress主题下载

Demo Download

Crispp

25个简洁的WordPress主题下载

Demo Download

Mayumi

25个简洁的WordPress主题下载

Demo Download

WpStream

25个简洁的WordPress主题下载

Demo Download

Newspress

25个简洁的WordPress主题下载

Demo Download

Hipsterist

25个简洁的WordPress主题下载

Demo Download

DailyNote from DesignDisease

25个简洁的WordPress主题下载

Demo Download

Bueno

25个简洁的WordPress主题下载

Demo Download

Unwakeable Theme

25个简洁的WordPress主题下载

Demo Download

Obscure

25个简洁的WordPress主题下载

Demo Download

Gadgetizer Theme

25个简洁的WordPress主题下载

Demo Download

Tanzaku

25个简洁的WordPress主题下载

Demo Download

MiniCard

25个简洁的WordPress主题下载

Demo Download

BlueBubble

25个简洁的WordPress主题下载

Demo Download

Satoshi

25个简洁的WordPress主题下载

Demo Download

Clear

25个简洁的WordPress主题下载

Demo Download

Fifty Fifth Street

25个简洁的WordPress主题下载

Demo Download

Neutra

25个简洁的WordPress主题下载

Demo Download

mnml galleria – siimple

25个简洁的WordPress主题下载

Demo Download

Purple Block

25个简洁的WordPress主题下载

Demo Download

Functionalism

25个简洁的WordPress主题下载

Demo Download

Ulap Theme

25个简洁的WordPress主题下载

Demo Download

]]> http://www.sntip.com/2010/01/25-concise-wordpress-theme.html/feed 22 代推 WordPress收藏分享插件 http://www.sntip.com/2009/06/wordpress-collections-on-behalf-of-up-to-share-plug-ins.html http://www.sntip.com/2009/06/wordpress-collections-on-behalf-of-up-to-share-plug-ins.html#comments Thu, 18 Jun 2009 08:51:11 +0000 林晨 http://www.sntip.com/?p=2348 　　ShareThis、AddThis类似这些的书签工具非常的方便，但是他们并不符合国内用户的使用习惯，因为他们提供的都是一些国外的书签服务。不过，现在有了“代推”，国内的用户就方便多了，“代推”集合了20多个国内外的书签服务，其中大部分是国内的，当然也不乏Digg、Delicious这些大牌的国外书签站了。可谓是一举两得了！

　　“代推”的使用非常方便，对以WordPress用户，可以直接安装插件。其他的用户只要复制“代推”提供的代码到需要插入的位置就行了。

　　插件继承了daitui一贯的传统——“简洁”，只要安装，激活，两步即可使用。

　　插件的后台设置页面采用了和代码生成器同样的所见即所得的方式，轻松选择喜欢的样式。

收藏与分享服务插件示例截图

后台设置页面

　　代推官网　http://www.daitui.com/

　　插件下载地址　http://wordpress.org/extend/plugins/daitui-service/

]]> http://www.sntip.com/2009/06/wordpress-collections-on-behalf-of-up-to-share-plug-ins.html/feed 21 两套WordPress靓丽主题 http://www.sntip.com/2009/05/hanging-and-dynablue.html http://www.sntip.com/2009/05/hanging-and-dynablue.html#comments Mon, 18 May 2009 13:04:43 +0000 林晨 http://www.sntip.com/?p=2218 　　上次推荐了一款简单2栏主题:MGP Simplicity，今天再搞来两套国外的WordPress靓丽主题，上图先。

1.Hanging


预览 |  下载

很漂亮的主题，春天般清新的感觉，强烈推荐，2栏详细配置

2.DynaBlue


预览 | 下载

来自老外的主题，很不错，至少我看着很清淡，2栏，自带125*125和翻页，详细配置

]]> http://www.sntip.com/2009/05/hanging-and-dynablue.html/feed 20 WP简单2栏主题:MGP Simplicity http://www.sntip.com/2009/05/mgp-simplicity.html http://www.sntip.com/2009/05/mgp-simplicity.html#comments Fri, 15 May 2009 05:34:34 +0000 林晨 http://www.sntip.com/?p=2114 WordPress 主题

主题预览 │ 主题下载　　

　　又一款简洁干净的WordPress两栏主题MGP Simplicity，自动缩略图，含有twitter板块，支持widget侧栏定制，以及主题选项工具。我是很喜欢这个主题，但现在用着这个主题才换上没多久，也非常喜欢，可能会考虑下次换主题时换上这个两栏主题MGP Simplicity

]]> http://www.sntip.com/2009/05/mgp-simplicity.html/feed 12 七款专为摄影师打造的WordPress主题 http://www.sntip.com/2009/05/7-wordpress-themes-for-pro-photographers.html http://www.sntip.com/2009/05/7-wordpress-themes-for-pro-photographers.html#comments Thu, 07 May 2009 00:39:52 +0000 林晨 http://www.sntip.com/?p=2044 　　介于原作者强烈要求，本文现已删除。在此想说的是，看过网上很多盗用别人文章冒充原创的，不遵守署名-非商业性使用-相同方式共享协议，本人并没有无耻到转载了别人的劳动成果冒充自己原创，虽然在文末已经留了原文链接，并发送引用，但是应作者要求还是删除了本文。
　　
　　原文/七款专为摄影师打造的WordPress主题

]]> http://www.sntip.com/2009/05/7-wordpress-themes-for-pro-photographers.html/feed 18 WP搬家更换域名 无缝301完美转移 http://www.sntip.com/2009/04/wp-replacement-of-301-perfect.html http://www.sntip.com/2009/04/wp-replacement-of-301-perfect.html#comments Wed, 29 Apr 2009 04:42:45 +0000 林晨 http://www.sntip.com/?p=2008 　　博客搬家比较常见，普通的转移空间大家都知道，操作难度及步骤都比较简单，一般只要对WP熟悉点的都能快速完整地进行。今天谈一下搬家之更换域名，更换域名，说简单了，就是单纯的换个域名，但要真正做到无缝迁移就要费一番周折。既要保证网站正常运行，还要做到PR及搜索引擎来路不丢失，也就是通常说的301转向，下面就详细讲解。

 一、搬家更换域名

　　为了实现后面的完美301转移，需要建立一个新站，即不更改原站A，建立新站B。

　　1.备份导入　备份导出A站数据库，并导入到新站B数据库中。建议使用WordPress Database Backup进行数据库备份工作。

　　2.更换域名　做完第一步工作之后，此时新站B尚不能正常访问，还需更改数据库中的域名地址。

　　方法一：在导入备份的数据库前使用文本编辑器查找替换原域名为新域名，此方法的好处是一步到位，但缺点是数据库乱码，不易编辑修改。

　　方法二：直接在数据库中进行SQL语句查询。重点推荐此方法，简单快捷。上篇文章讲到的查询语句此时用到了。只需打开数据库，使用下列查询语句即可完成地址及文章内链的修改。

UPDATE 表名_options SET option_value = replace(option_value, ‘旧域名(不带/)’, ’新域名(不带/)’) WHERE option_name = ‘home’ OR option_name = ’siteurl’;

UPDATE 表名_posts SET guid = replace(guid, ’旧域名(不带/)’, ’新域名(不带/)’);

UPDATE 表名_posts SET post_content = replace(post_content, ’旧域名(不带/)’, ’新域名(不带/)’);

　　然后直接使用/wp-admin/登录后台，打开设置、常规，你会发现这里还是旧域名，把它该正过来，至此，域名更换完成，可以正常访问新站B了。
第七日

二、完美301转向

　　可能有的同学会问，前面的工作也可以在原站A上完成，但为什么还要建立新站B呢？这就完美转移的关键了，其实只要了解WP的都会发现，WP只能绑定一个地址，如果你用的是诸如sntip.com顶域名作为地址，那就不能用www.sntip.com这个子域作地址，反之亦然。而空间绑定另一个地址的话，只有首页绑定，内页永久链接是不变的。

　　因此，我们要建立新站B，旧站A只是提供一个301过渡，这样就形成了一个WP的301完美转移。 前面的更换域名做完之后，操作就相当简单。只需把原站A的”.htaccess”文件用文本编辑器打开更改为以下即可（适用于Linux主机，Windows主机可用其他方式转向）。

# BEGIN WordPress
<IfModule mod_rewrite.c>
Options +FollowSymLinks
RewriteEngine on
rewritecond %{http_host} ^www.a.cn [nc]
rewriterule ^(.*)$ http://www.b.com/$1 [L,R=301]
</IfModule>
# END WordPress

　　做完之后可以301转向测试看一下结果。以后就可以正常使用新站B了，但要注意的是保持原站A至少两个月不删除，以便新站正常收录。只要肯钻研，问题总能找到完美的解决方案，这次的域名更换可谓相当成功，到目前为止，更换域名不足一天，Google已收录新站第七日19页，访问量没有丝毫减退。

]]> http://www.sntip.com/2009/04/wp-replacement-of-301-perfect.html/feed 46 搬家 WP更换域名实用SQL查询语句 http://www.sntip.com/2009/04/wp-replace-the-domain-name-query-sql.html http://www.sntip.com/2009/04/wp-replace-the-domain-name-query-sql.html#comments Tue, 28 Apr 2009 06:50:52 +0000 林晨 http://www.sntip.com/?p=1991 　　更换域名，最麻烦的就是修改文章内链，今天看到一组查询语句，很管用，收藏之……

UPDATE 表名_options SET option_value = replace(option_value, ‘旧域名(不带/)’, ’新域名(不带/)’) WHERE option_name = ‘home’ OR option_name = ‘siteurl’;

UPDATE 表名_posts SET guid = replace(guid, ’旧域名(不带/)’, ’新域名(不带/)’);

UPDATE 表名_posts SET post_content = replace(post_content, ’旧域名(不带/)’, ’新域名(不带/)’);

　　更换域名后只需要到MYSQL的后台执行以上语句就会自动替换所有原由的旧域名为新的域名，这样就免去了WP在更换域名时的麻烦了！

]]> http://www.sntip.com/2009/04/wp-replace-the-domain-name-query-sql.html/feed 9 Clean home 又一款简洁主题 http://www.sntip.com/2009/04/clean-home-themes.html http://www.sntip.com/2009/04/clean-home-themes.html#comments Sat, 25 Apr 2009 03:43:49 +0000 林晨 http://www.sntip.com/?p=1964 　　Bryan Helmig制作的Clean Home主题简介明快，采用两栏设计，整个主题原始配色只有红色与黑色，经典搭配，更彰显作者追求简洁的初衷。原始主题大小只有53k，没有过多花哨的设计，一切只为追求简洁实用。但是，这款主题缺少单篇文章页面模板，即single.php文件没有制作，这种问题对于精通WordPress主题制作与修改的人来说小菜一碟，但是我相信也会有不少像我这种菜鸟在碰到这种问题时会相当头痛。

　　通过不懈努力，：iCoz.info终于成功完成了Clean-home主题的修改与完善，改动如下：

1、对模板简单汉化。
2、删除Header与Body之间的部分，让主题整体布局更加合理。
3、增加单篇文章页面模板single.php。
4、增加Google自定义搜索，代替WordPress鸡肋站内搜索。
5、更改主题内相关链接配色，更显清爽。
6、添加Feed订阅图标。

　　通过以上6个方面的改动，你就可以看到最终的效果，在我这里本地测试与在线测试，均为发现显示异常，能够在IE与Firefox、opera下完美显示。

　　使用须知

　　1、如果你使用这款模板，你需要配合使用以下插件才能获得更好地效果：WP-PageNavi，WP-PostViews。
　　2、同时，为了方便，未删除侧边栏Google自定义搜索的代码，你只需要申请自己的自定义搜索引擎，在侧边栏找到：

<ul><form action=”http://www.icoz.info/search” id=”cse-search-box”>
<div>
<input type=”hidden” name=”cx” value=”000096149632297493006:uk8iwwsejl8″ />
<input type=”hidden” name=”cof” value=”FORID:10″ />
<input type=”hidden” name=”ie” value=”UTF-8″ />
<input type=”text” name=”q” size=”24″ />
<input type=”submit” name=”sa” value=”搜索” />
</div>
</form>
<script type=”text/javascript” src=”http://www.google.com/coop/cse/brand?form=cse-search-box&lang=zh-Hans”></script></ul>

将以上代码更改为你的代码，推荐参考这篇文章

最后是下载地址，喜欢这款简洁的主题，赶快动手哦。主题下载:Clean-home

]]> http://www.sntip.com/2009/04/clean-home-themes.html/feed 9 WP中文字与图片左对齐问题 http://www.sntip.com/2009/04/wp-in-the-left-justified-text-and-image-issues.html http://www.sntip.com/2009/04/wp-in-the-left-justified-text-and-image-issues.html#comments Sun, 19 Apr 2009 11:12:50 +0000 林晨 http://www.sntip.com/?p=1913 　　今天喜欢上一个主题——dfblog，想要更换时发现一个问题，期待高手指点。问题是这样的，在文章正文中，插入图片后，回车换行写入文字后显示出如下效果


　　图片并没有赋以左对齐属性，检查CSS样式表也找不到问题的关键，（才疏学浅，对CSS不是很精通），请教大家解决办法。图片后文字与图片左对齐，不知道应该怎么修改样式表，一开始怀疑是图片属性，但我用了WordPress默认主题default中的img样式后还是解决不了，img样式如下：

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/* Using ‘class=”alignright”‘ on an image will (who would’ve
thought?!) align the image to the right. And using ‘class=”centered’,
will of course center the image. This is much better than using
align=”center”, being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */

　　大家有没有遇到过这样的问题，还要请高手指点一二，可以下载dfblog主题本地测试看看。

]]> http://www.sntip.com/2009/04/wp-in-the-left-justified-text-and-image-issues.html/feed 14