温暖一车人 » 网页应用

域名转移教程：从NAME.COM转到Godaddy

飘雨云翳 — Tue, 27 Jul 2010 12:51:20 +0000

转移过程：

1.登陆你的 Name.com 帐户，点击进入要转移的域名，看到左边的小锁头图标了吧？它是锁上的，对不，点击它，使它解锁，解锁后锁头图标上锁头打开，锁下出现“unlocked”；找到并记录中间的转移密码“Auth Code”。

2.登录你的 Godaddy 账户，购买欲转移的域名的转移资格：从菜单 HOME—>Domains—>Domain Transfer进入购买。结帐时记得使用超级优惠码哦；

3.成功购买欲转移的域名的转移资格后，Godaddy会往你的域名管理员邮箱中发送一封含有 Transaction ID 和 Security Code 的邮件，主题为“Transfer of”加上你的域名，记录 Transaction ID 和 Security Code；

4.开始转移：进入Godaddy 账户，点击左边菜单的“Domain Manager”进入域名管理器，点选菜单Domains—>Domain Related—>Domain Transfers，点选要开始转移的域名，点选稍下一点的右上角菜单Authorization—>Begin Transfer Authorization，这时会弹出框子，第一步填入 Transaction ID 和 Security Code，第二步填入记录的转移密码“Auth Code”，然后转移开始，过几分钟至十几分钟不等之后就会出现卡在转移的第3步的情况，好了，等5天就会同意转出。

wordpress 分类分页子分类分页

飘雨云翳 — Sat, 24 Jul 2010 04:30:37 +0000

不知道这样分页有什么好处，但是就遇到这样一位客户，要求这样做wordpress主题。结果在网上搜索了一翻，没有太多相关介绍。最后只能自己想办法了。

正常的分页是对posts分页，象pagenavi之类的。

对分类或者该分类下面的子分类进行分类，要另写代码了。思路：搜索数据库某个表中的记录，对记录进行汇总，然后按照正常的php程序分页进行写程式就可以了。虽然看起来不难，但是这个代码我确写了不少时间，希望将来有一天，wordpress提供此功能，就是不管你调用出来什么数据，都可以对这些数据进行分页了。哈哈，那这样wordpress就强大了。

等闲些时候贴出代码，代码太多，也没时间整理。

如何在浏览器地址栏显示自己的Favicons.ico图标

飘雨云翳 — Thu, 08 Jul 2010 15:52:19 +0000

设置自己网站的浏览器小图标的好处：可以加深访客对贵站的形象且容易认出你的网站，就跟网站的logo效果一样。

下面说一下如何实现这个功能:

一，要给自己的网站加上个性图标当然先要设计出一个你自己网站的图标来，格式最好是.ICO。

二，使用ftp软件上传favicon.ico 到网站根目录，然后在需要的显示个性ico图标的页面中，使用网页编辑软件dw或直接文本编辑器也行，打开页面，在源代码的和标签之间，加上：

http://www.nuanche.com/favicon.ico” />

今天给客户制作这个的时候，很奇怪呀，代码是对的，图片路径也是对的，这个时候，所有的流行的浏览器图标都显示了，只有ie没显示，奇怪吧，然后我让客户换个ico格式的图标（一开始客户给的是jpg格式的），客户很快说，图标已经换成了ico格式，结果还是不显示！

真是够呛，虽然问题很简单呢，最后我看了客户的图片路径的图片属性，虽然格式是ico格式的，但是实际上呢，确是jpg格式的。后来我跟客户沟通了下格式的问题，原来他是直接改了jpg的后缀名，而不是真正的ico格式图片。

最后给他找了个在线转换的网址。客户转换好以后，我同样查看了图片格式，这次是对的了，是ico格式的了。意外发生了，啥情况呢？所有流行浏览器都不显示了，只有ie显示，^_^！

代码、路径全部检查一遍，没问题，我把自己这个站的ico图标（半个西柚）发给客户试验，结果一切都没问题。只能说明图标有问题了。这么简单的问题，确折腾了好一会呢。

如何在你的 wordpress 博客添加新Digg的按钮不使用插件

飘雨云翳 — Thu, 27 May 2010 04:06:03 +0000

说实话，这些digg、facebook之类的分享代码我都很少使用，但是部分客户需要用到，昨晚搜索了部分代码，现在分享下。

有这样的效果，就是并排的小按钮效果，应该是digg的Compact效果！代码如下（digg Compact、digg Medium、stumbleupon）：

&title=&bodytext=”>

http://digg.com/submit?url= the_permalink() ?>&title=&bodytext=”

还有网上这种随着页面滚动的效果，也挺不错的！不过，昨天如果不用代理预览页面的话，部分按钮是不显示的。也许这些分享之类的代码在国外比较流行吧。我看国内很少有人要求加类似的代码。

StumbleUpon 查看链接地址 Digg 查看链接地址

使用wordpress的朋友门注意了，黑客来了……

飘雨云翳 — Sat, 10 Apr 2010 04:33:03 +0000

如果打开网址看到类似的错误，“public_html/wp-includes/default-filters.php on line 229” 那么恭喜你，你被黑客访问过了。

查看ftp，你会发现，有些文件被篡改了，而且不是主题相关的文件。打开文件会发现如下：

这些语言看不懂，不知道啥意思。但是不是啥好东西！

网上反映，以下文件会发现如上乱码：

index.php
wp-admin/index.php
wp-admin/index-extra.php

wp-content/plugins/commentluv/commentluv.js
wp-content/plugins/commentluv/hoverIntent.js

wp-content/plugins/contact-form-7/admin/wpcf7-admin.js
wp-content/plugins/contact-form-7/contact-form-7.js

wp-content/plugins/index.php

插件也被篡改了，基本上……

wp-admin/js folder

wp-content/index.php
wp-content/themes/index.php

主题文件中任何后缀是 .js的文件

主题文件中任何后缀是 .php的文件

虽然我没有被黑客侵袭，但是，我做了防范措施，不知道作用大不大！

使每一个文件和目录都不可写。文件模式644的所有文件。

CMS主题Hybrid news安装、设置，很漂亮的一款

飘雨云翳 — Wed, 17 Mar 2010 06:21:20 +0000

以下说明，需要读者有相关的wp知识，以及操作设置等。

hybrid-news

主题相关介绍

主题名称：Hybrid News
主题作者：Justin Tadlock
主题类别：两栏&三栏、CMS 主题
下载预览：Hybrid News & Demo
主题说明：Hybrid News 是 Hybrid主题的子主题，其功能相当强大，不但可以通过 Widggets 自定义侧边栏，还可以自定义首页 Post Slider、Excerpts Section 和 Headlines Section。

一、简要说明与相关准备

先看一下 hybrid-news的WP示范，这就是我们安装好以后的主题，该怎么使用？

首先你需要准备好的东西有：
1.安装好的wp
2. WP需含多篇测试文章(没有文章当然做不出你要的效果)
3. Hybrid框架和 Hybrid-news子版型 (点选链接可至网页下载)
4.相关的Hybrid套件( Hybrid侧栏tab套件 , 更多套件去WP官网找.. )

二、安装主题、安装相关插件

1.安装WP( Hybrid和Hybrid-news )

路径：左方选单→ Appearance(显示外观) → Add New Themes(增加新的主题) →右方选择Upload (上传)
作法：依序浏览你所下载的Hybrid.zip和Hybrid-news.zip→分别进行Install (安装) →完成

2.安装边栏tab插件

路径：左方选单→Plugin(插件) → Add New (增加新的插件) →右方选择Upload (上传)
作法：浏览你所下载的Hybrid-tabs.zip插件→进行Install (安装) →完成

安装完成后，下方会显示是否Activate (启用)该插件，选择[是]。或你可以点选Plugin → Installed (已安装插件)，于右方的插件列表中，找到Hybrid-tabs，将它Activate (启用)！

三、使用边栏tab插件操作

路径：左方菜单→ Appearance(显示外观) → Widget(小工具)
作法：右方的小工具列表中，拖拉新增的Tabs工具至你想要的区块上

可以设定选择各块的标题(title)和内容(content)，至多六个页面。如设定完成按下右下方的[Save] 即完成设定。

接着要设定Tab的样式(预设值是未显示)，所以我们需要先去启动它。

路径：左方选单→ Appearance(显示外观) → Editor (编辑工具)
作法：将Hybrid-Tabs的注解拿掉。如下图位置：

php 字符串函数

飘雨云翳 — Mon, 08 Mar 2010 13:16:13 +0000

php怎样判断一个字符串是否包含另一个字符串？比如 “abcdef” 包含 “cde”

strpos() ：strpos(源字串,查找的字符串,起始位置[默认是0]) ，如果没有匹配任何串时,返回false

手册上的函数万一忘记了，就这么写：

$a=’1234567′;
$b=’123′;
$c=explode($b,$a);
if(count($c)>1){
echo “true”;
}
?>

查找字符位置函数：

strpos($str,search,[int]):查找search在$str中的第一次位置从int开始；
stripos($str,search,[int]):
strrpos($str,search,[int]):查找search在$str中的最后一次出现的位置从int开始；

提取子字符函数（双字节）

substr($str,int start[,int length]):从$str中strat位置开始提取[length长度的字符串]。
strstr($str1,$str2):从$str1(第一个的位置)搜索$str2并从它开始截取到结束字符串;若没有则返回FALSE。
stristr() 功能同strstr，只是不区分大小写。
strrchr() 从最后一次搜索到的字符处返回；用处：取路径中文件名

替换字符串

str_replace(search,replace,$str):从$str中查找search用replace来替换
str_irreplace(search,replace,$str):
strtr($str,search,replace):这个函数中replace不能为”";
substr_replace($Str,$rep,$start[,length]):$str原始字符串,$rep替换后的新字符串,$start起始位置,$length替换的长度，该项可选

取字符长度：int strlen($str)

比较字符函数

int strcmp($str1,$str2):$str1>=<$str2分别为正1,0,-1（字符串比较）
strcasecmp() 同上（不分大小写）
strnatcmp(“4″,”14″) 按自然排序比较字符串
strnatcasecmp() 同上，（区分大小写）

php设置隐藏input获取上一页面的url，并取值问题

飘雨云翳 — Sat, 06 Mar 2010 09:04:45 +0000

测试无错，正常的代码如下：

” />

隐藏input代码：type=”hidden”

获取前一页url代码：$_SERVER["HTTP_REFERER"];

提交之后获取value值代码： $backurl = $_POST['backurl'];

处理过程：

一开始按照以下方法修改表单内容：

” />

本地测试没问题，可以获取前一页面网址。但是ftp上传以后，出现问题，input的value值总是为空。后来google了下，发现这个代码并不合适。原因：“This is set by the user agent. Not all user agents will set this, and some provide the ability to modify HTTP_REFERER as a feature. In short, it cannot really be trusted.”

IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览

飘雨云翳 — Wed, 03 Mar 2010 15:11:38 +0000

知道CSS的朋友一定听说过CSS hack，现在的浏览器IE、Firefox、Chrome、Opera、Safari……，郁闷，兼容问题就成为Web前端开发人员的一个难题。

不同的浏览器对CSS的解释都有一点出入，特别是padding, line-height这些要细微控制的地方，下面的hack基本可以解决这个问题：

• 在属性前加下划线(_)，那么此属性只会被IE6解释
• 在属性前加星号(*)，此属性只会被IE7解释
• 在属性值后面加”\9″，表示此属性只会被IE8解释

#test{
color:red; /* 所有浏览器都支持 */
color:red !important;/* Firefox、IE7支持 */
_color:red; /* IE6支持 */
*color:red; /* IE6、IE7支持 */
*+color:red; /* IE7支持 */
color:red\9; /* IE6、IE7、IE8支持 */
color:red\0; /* IE8支持 */
}

body:nth-of-type(1) p{color:red;} /* Chrome、Safari支持 */

今天安装了下传说中的谷歌浏览器。在线安装地址：请点我谷歌浏览器安装。

基本上兼容问题不大，但是还有细微的问题。直接用body:nth-of-type(1) p{color:red;}语句小兼容了下……

具体的兼容方法，网上相关内容很少。

WordPress相册插件NextGEN Gallery使用

飘雨云翳 — Tue, 02 Feb 2010 23:10:30 +0000

突然要用到图集的功能，就在网上搜索了下，找到了这个插件，用起来相当不错的一款插件NextGEN Gallery，功能很强大，提供了很完美的照片管理方法，操作并不复杂，只是要熟悉下最基本的。下面我将介绍一下这个插件的安装和一些使用时可能出现的问题。

NextGEN Gallery可实现的功能

1、可以通过拖拉进行相册的排序，跟 widget 一樣样，你想要怎么排序用拉就可以，所见既所得 !
2、浮水印功能，可在照片上加上文字或图片
3、可以上传图片的压缩文件 (zip)，或直接导入图片的文件夹，懒人的最爱，省去上传的时间。
4、內建 JavaScript 效果，Thickbox，Greybox or Lightbox ，效果很炫。
5、可自己编辑CSS文件，通过 css 你可以打造属于自己的相册风格 !!
6、Slideshow – 自动播放图片，还有许多变化效果。
7、Sidebar Widget – 随机显示图片的 widget ，可以显示在 sidebar 內。
8、可以在文章内调用图片，与附件完美整合到编辑页面的选择栏内，太方便了。

下载安装NextGEN Gallery

http://wordpress.org/extend/plugins/nextgen-gallery/
http://downloads.wordpress.org/plugin/nextgen-gallery.zip

插件的官方网站：
http://alexrabe.boelinger.com/?page_id=80

下载后，开始安装

1、把NextGEN Gallery传到wp-content/plugins目录；
2、最后还有一步很重要的是：用FTP在wp-content目录里建一个gallery的文件夹，并且把它的权限设置为777（这是插件默认的目录，事实上你可以在选项里更改这个目录）。

传好这些文件之后，到后台激活NextGEN Gallery插件，这时，在后台管理的菜单上会多了一个“图集”的选项，这个就是NextGEN Gallery的控制面板了。

NextGEN Gallery的使用

NextGEN的相册结构基本是由Gallery和Album组成，Gallery包含你要归类的一些图片，例如把每个月的照片作为一个 Gallery，例如“8月”和“12月”等等。而Album则包含一些相关的Gallery，把每个月的相册整理为一个Album，取名“2009”，然后把各个Gallery添加进来并排序。换句话说，我们可以根据需要新建数个Gallery，也可以建立几个Album，把图片分类好上传到各个 Gallery并加入到合适的Album。

1.选择图集选项卡——“新增图集/图片”->“新增图集”，这里给新图集取名为“fengjing”，确定。
注意：这时候，在你的根目录wordpress\wp-content\gallery下，就会生成一个名为“fengjing”的新文件夹，用来存放你即将上传的图片。上传图片有三种方式，分别是“上传ZIP压缩文件”、“导入图片目录”、直接“上传图片”。大家可以选择自己喜欢的方式上传图片，到这里，你的图集就创建好了，但是想让它显示，还需要接着来。

2.选择相册选项卡，新增相册“Album”。然后选择这个相册，左边你会看见相册的相册“ID 1 : Album” （这里是Album ID），中间你会看到你所有的图集“ID: 1| fengjing” （这里是Gallery ID），你只需要把你需要的图集拖拽到左边的相册中即可。完了别忘了点击”更新“。

3.新建一个页面，取名“Album”，内容填写

[ album=1,extend ]或[ album=1,compact ]

“album=1”中1是第二步的相册ID。compact和extend是简介展开的两种方式，更多的参数调用方法请到插件的官方演示网站查看：http://nextgen.boelinger.com/

如何在侧栏或任意页面动态显示相册照片

安装NextGEN Gallery后，会在在小工具选项卡出现 “NextGEN 幻灯片”、“NextGEN 资讯”以及“NextGEN Gallery 小工具” 三个可用Widgets，可以随意选择合适的Widgets安放到Sidbar中去。

如果想要在任意页面中插入幻灯显示的相册照片，也可以按照如下格式，插入php代码：

if (function_exists(’nggSlideshowWidget’))
{nggSlideshowWidget($galleryID,$Width,$Height);}
?>

参数说明：
$galleryID : 相册编号
$Width : 宽度
$Height : 高度

如果说想显示相册编号为 3，宽度为 320 px ，高度为 240 px，插入以下代码就可以了：

if (function_exists(’nggSlideshowWidget’))
{nggSlideshowWidget(3,320,240);}
?>

（运行时可能会提示下载flash文件，需要的可以下载。）

如何在一个页面显示多个分类图集

新建页面–点击图集标志（在右上角，编辑按钮的第一排最右边会有一个图集标志）–插入图集1，继续插入图集2……

WP相册插件NextGEN Gallery已经安装设置完毕。当然这款插件有很多功能，有时间的wp爱好者，可以花时间研究下……