WordPress 3.2 发布及更新方法

就在几天前,wordpress 3.2正式版发布,这次更新可以说是想打巨大了,我也忍不住更新了,当然一直不能在线更新的朋友稍后可以看一下我介绍的方法.

首先简单介绍下新版的变化,最容易发现的是后台界面的变化,简洁清爽,其中细微的功能有待发烧友仔细研究下.比如这次新增加的主题Twenty Eleven,功能是十分强大的,另外听说这个版本有解决了400多个的问题,更新了控制面板的Footer部分,并增加了Freedoms和Credits,而且总体感觉运行速度稍有提高,当然除了好的方面,也有一些可能让默写懒人们感到不幸的消息,WordPress 3.2 不再支持PHP4 和MySQL4 主机环境不再支持 IE6 或更低版本的IE浏览器不再支持 IE6 或更低版本的IE浏览器,所以懒人们请及时更新了.(当然对于我表示压力不大.做了两年的网页设计师,最看不爽IE6了–!)

接下来简单说明下,我是如何更新到此版本的.因为在线更新好像从很早就不能用了.wordpress在线更新具体解决办法一只都总是拼人品,也很麻烦,这次我更新是通过本地更新上传,也十分简单方便.

  1. 首先你本地需要有wordpress的建站环境,我用的是xampp,接着在官方网站下载好wordpress 3.2中文版,并安装,这几步就不用我多说了吧,本地数据库建立需要和服务器上的相同,
  2. 接着,因为本地数据库是没有数据,这里需要将服务器上数据库导出,phpmyadmin直接导出整个数据库,再导入到本地,这时,会发现本地可以直接访问了,日志什么的都有了.
  3. 但是可能没有图片还有插件都没用了,所以需要将服务器上的文件直接复制到本地,包括wp-content\uploadswp-content\plugins,还有wp-content\themes\你的主题文件夹,
  4. 最后还需要注意的是你无法可能将登录本地后台,现象为登陆后直接进入到服务器的wordpress后台了.如果是这样需要在在修改本地的后台设置,但是后台进不去了怎么办呢,只有进入本地的phpmyadmin,找到wp_options修改修改(除非你改了),id为2的siteurl看到option_value可能是你的域名地址,这里需要改成http://localhost/目录名称(比如我的是http://localhost/whidy.net)这样你就可以进后台了,事实上,接着进入后台检查你的插件,和相关修改的代码,确认无误之后讲文件上传至服务器,这样基本上可以说,更新完成了,当然还要注意的是你的其他文件也要复制到服务器上,比如放在根目录的.htaccess,还有一些验证邮箱等需要用到的文件.

至此,就可以算大功告成了.好了,写了这么多,可能有点乱,不过希望对大家有所帮助…如果有什么问题可以留言,我会及时回复的.

G2 MAGIC 归来!

自从上次我的手机摔坏之后,一只用那个Nokia 7610了,但是实在是卡的不习惯,又不忍心看着G2 magic的尸体存放于家中,每次去了武汉修,却无法修好,看来CPU这东西不好找啊,,,前几日去武汉一狠心,花了300大洋将他复活,却不慎中了奸商的圈套,使得爱机不伦不类…从未刷过SPL和Radio的原版G2 TIM,,,就这样成了不知道是沃达丰版本还是T-mobile版本了,本是一个高端版本的G2,一下子成了个悲剧…少了100M内存让我痛心不已,找奸商追究无果,只得默默离去,,,

更可恶的是回去之后才发现,问题不仅仅是这些,重力感应失效,,,信号不良,,,机器发热,,,插上USB后机器无响应等等接踵而至…怀着忐忑的心情决定自己动手修理…

经过几日的研究和刷机,可是终于基本上稳定下来了.

  1. 重力感应修复.
    在网上搜索了一些文章,得出结论,手机换了字库之后,因为原版的字库储存有重力感应信息,相当一个配置文件,当其他字库替换了原版字库,那么重力感应信息与设备不符,导致失效,可以通过一个小程序HTC SSD Test修复,当然这个程序不是哪里都有的,必须刷一个工程系统才可以使用.详细的内容我也是参见网上的,这里不详细说明,发三个相关文章的链接,大家可以看看.

  2. 信号修复,发热问题及USB问题.
    这个问题本来以为刷radio就能解决,可是我刷了N个版本,,,都没有解决,看来以后要跟我打电话的人,只有看你们的人品了.发热的手机我也不敢长时间玩了,就普通应用就行了,不过USB的问题貌似也是因为插上USB温度上升导致机器无响应,只好重启,所以看来以后也就不能插上USB长时间充电了…
话说,现在刷的固件倒是原版的系统,全英文版倒不是问题,不过好像还是很卡,也只能将就用了…因为本来是G2 32A的机子,现在少了100M内存成了32B,但是可能由于某种原因,现在这个成了T-MOBILE版本,也就是俗称的G2伪军..小内存版本只能刷大内存手机用的系统,这不是坑爹么,无奈找个合适的固件也是费尽心血.最终选择了官方原版的.如果小内存的G2玩家有兴趣,也可以选择刷新此系统.那么刷机过程我也不详细说了…我也是在网上找的几篇文章,供大家参考:
PS:刷机有风险,人品要好是关键!!!好吧说说我的SPL和RADIO,供大家参考下:
本来是原版的32A SPL: 1.33.0008 RADIO: 3.22.xxxxx不记得了呃
被奸商换成了32B之后是 SPL: 1.33.2010 RADIO: 3.22.xxxxx
不过都是s-off什么的…
之后我刷过的SLP有2013,2013d,刷过的radio有2.22.xxxx都没有什么问题,

最后感谢安卓网,机锋网,手机中国等专业网站的帮助,,,也希望此篇文章能给G2爱好者带来帮助…(以上内容包括的软件或文件如果失效,可以与我联系~我有滴~嘿嘿…)

js修改标签内内容(下)

经过彻夜和一上午的研究,现在总算是把最终效果弄出来了,我先上代码,老鸟不要笑话(这么简单的东西琢磨半天…),没办法,没有系统学习过这个玩意,很多东西都出问题.代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>输入框焦点样式变化测试</title>
<!--文本框样式可以忽略,不过为了增加特效的观赏性,我简单的加上了.-->
<style>
input {border:1px solid #eee;height:20px;width:100px;line-height:20px;}
</style>
<script type="text/javascript">
window.onload = iSC; //加载iSC()函数
function iSC() {
inputs=document.getElementsByTagName("input");
for(i=0;i<inputs.length;i++) {
inputs[i].onmouseup = function(){this.style.backgroundColor='#fffab5';}
inputs[i].onblur = function(){this.style.backgroundColor='#fff';}
}
}
</script>
</head>
<body>
<form>
  <input type="text" />
  <input type="text" />
  <input type="text" />
</form>
</body>
</html>

当然这只是一个简单的示例,效果也很简单.那段JS也不难理解,这里并没有用到之前所想的用setAttribute()来解决,而后来的多次测试,不知道是不是我代码不对还是其他原因,通过这个方法无法达到目的.总之,通过这个简单的东西我总结出了几个需要注意的问题:

  1. inputs[i].onmouseup = function(){this.style.backgroundColor=’#fffab5′;}不能通过inputs[i].setAttribute(“onmouseup“,”function(){this.style.backgroundColor=’#fffab5′;“)来实现.
  2. window.onload = iSC;千万不能忘记!否则,你会发现,他根本没有运行这个js.当然你同样可以在测试的时候,写一个按钮,测试这个js是否读取了所有的input标签,方便调试.

关于此次学习的其他方面总结包括,在查找问题的同时,我学到了其他的一些特效,特别分享给大家.

其实,在一些高级的浏览器(我基本是把除了IE6(包括相同核心),其他的都算高级了,IE7那不伦不类,IE8稍有长进~)中,input设置一个伪类,十分简单的就可以实现以上效果:

  • 看这个就知道了(除了IE6不行,我测试过IE8和chrome都是没有问题的,我想其他的比如FF,OPERA应该也没有问题吧)
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>最简单的输入框变化方法</title>
    <style>
    input:focus {background-color:#FF9;}
    </style>
    </head>
    <body>
    <input type="text" />
    <input type="text" />
    <input type="text" />
    </body>
    </html>
    
  • 另外还有许多其他的效果,比如跟这个类似的,并非样式变化,而是当光标焦点处于输入框时,输入框默认value改变,比如,默认value=”请在此处输入用户名”,当焦点在此时,value=””等待用户输入,,等等效果,这里不一一列举,为了方便大家学习,我顺便将其打包,部分代码摘自互联网,版权的话,我也找不到了,反正大家学习嘛,我想这小东西不会还说我侵权吧…z当然以上我自己总结的东西,大家尽管拿去,有什么疑问也可以发邮箱与我联系交流.
  • 其他部分特效源码打包下载(skydrive网盘地址下载)(除了我这两种之外的源码在内,还有其他三种比较简单的效果)
  • 百度可参考的资料,其实后来我发现,这个不就是我那个差不多的嘛,汗我研究这么久,http://baike.baidu.com/view/1710146.htm

js修改标签内内容(上)

最近几天做页面,跟表单设计制作打交道很多,很多页面的表单格式都很简单,其中,在设计初期,有些效果未添加,而后期需要增加这些效果,于是面对大量的input标签,修改起来也出现了困难,具体情况待我细说.

比如原始的代码大部分格式是这样的:

<html>
<head>
</head>
<body>
<form>
<input type="text" />
</form>
</body>
</html>

而,后来有需求说,需要添加一个效果,当光标进入输入框时,会出现比如输入框边框颜色变化,输入框背景颜色变化的效果,当然,如果这仅仅是修改其中这一个输入框的效果,那么方法很多,其中最简单的方法可能可以这样写:

<html>
<head>
</head>
<body>
<form>
<input type="text" onBlur="this.style.backgroundColor='#ffffff'" onMouseUp="this.style.backgroundColor='#fffab5'" />
</form>
</body>
</html>

是的,大概就是这样,但是如果有很多页面,有很多input标签,难道一个个这样加,虽然我不是很会js,但是我感觉应该可以直接修改input标签内的内容,更多的是通过获取某个ID,并通过setAttribute()修改某个属性的值,然后事实并不是这样的.也不知道是不是我代码写错了,还是什么的,无论是用setAttribute(属性,值)还是setAttribute(属性,函数),效果都无法实现,当然,这里是为了测试才使用ID的,既然无法实现,则采取另外一个思路,直接通过getElementsByTagName()方法,对于这个方法,可以方便的修改所有input标签的属性,即getElementsByTagName(“input”),当然,首先是需要遍历当前页面的所有input标签,然后一个个进行修改,之前,我试了很多次,可能是由于代码规范问题,因为我还没有系统的学习js,或者可能是种种原因,弄了一晚上没弄好,最后还Anfy同学的帮助下,解决了这个问题,由于时间关系,今天暂时写这些,明天把这个简单的小例子写出来,分析,同时也是为了方便以后查阅,举一反三!

Dreamweaver CS5 新功能学习有感

一早起床,实在想不出来做什么了,于是看了看上次没看完的Adobe Dreamweaver CS5 新特性视频教程,可能我下载的不够完整,教程一共11个视频,每个视频看后都觉得大有惊喜,那么我挑几个我认为很有帮助的简单说一下

  1. 禁用/启用CSS属性:
    这个主要是在
    (点击图片可放大)

    禁用/启用CSS属性
    禁用/启用CSS属性

    这里可以更加方便的将某个标签的CSS属性比如途中是font-size,(点击图中其中任意箭头指向的地方)禁用查看效果,我想这个功能也许会在有时遇到某些莫名其妙的问题中通过排除法更快的解决,功能比较类似chrome里面的”审查元素”将某个CSS属性关闭或开启,总而言之,这个将会在web设计中起到很大的帮助作用,具体用法还需大家多多实践~

  2. 检查:
    当你需要编辑某个标签时,通过该功能可以直观的查看他的CSS属性和该标签在代码中的位置,如图

    检查

    当你鼠标悬浮在元素上时,左侧代码区讲随着你的光标对不同的元素选择而变化,当你单击某个元素时,便是图中的状态,你可以清晰的看出来该元素的CSS特征(例如,未定义PADDING和MARGIN值,这个P标签是由默认的外边距和内边距的),我自己感觉的话这个功能其实跟Firefox和chrome里面的工程模式差不多了.

  3. Adobe BrowserLab:
    当然这个是需要在线测试的,并且需要注册ADOBE帐号才能使用,按理说是可以本地测试的,不过我的DW配置有问题,而且没有添加站点,所以只好在线测试已经上传了的页面,通过这个可以方便的对比出不同浏览器之间的区别,更容易解决兼容性问题,这个功能是我最喜欢的,因为经常要考虑多浏览器兼容的时候,用那个IE TESTER有时候会崩溃,很麻烦,而且电脑安装多个浏览器也不是很方便.如图,这是分成两列的效果

    Adobe BrowserLab 2-up view

    同样的可以用参考线,进行对比,左边是FF 3.6效果,右边则是IE6效果,太方便了,当然还有个更神奇的,见下图

    Adobe BrowserLab

    如果我不说你猜出来是什么了没,就是将两种效果重叠的看,图中间有个滑动块,可以调整两个不同浏览器的效果图的透明度,简直就是Wonderful ; )有兴趣的赶紧尝试下吧~

就先介绍这三个强大的新功能,更多细节还有待发掘 : )