使用 WordPress 的子主题(Child Themes)功能快速制作自己的主题

转载自:http://blog.wpjam.com/article/child-themes/

在了解子主题功能之前,先来看一下你在使用 WordPress 的时候是否是这样:不会自己制作主题,只好从网上下载一个,这个主题整体风格比较适合,但是有些小地方不太好,自己只是有一点 CSS 基础,可以修改一些简单的样式。修改的时候,却发现主题文件这么多,里面掺杂各种 PHP、HTML 代码,让人不知道在哪里修改。

太好了,那么我们开始学习子主题吧,子主题就是来解决这个问题的。它可以基于某个主题,继承它的功能和样式,然后让你自己进行简单的代码编写就可以衍生出一个新的版本。你还可以对子主题增加样式、功能等等,不仅仅是修改父主题样式那么简单。

做一个子主题非常简单,只需要用 FTP 什么的新建一个目录,然后增加几个文件就可以。你只需要了解很简单的 HTML 和 CSS 知识就可以修改父主题的样式等,当然当父主题升级之后,子主题样式、功能不会被覆盖失效。所以从这个角度来说,如果你想修改一个主题,你应该用子主题这个功能,而不是直接修改原主题文件。

下面就来具体实践看一下,我们就以 Twenty Twelve 这个主题为例吧,其他的主题都是一样的。

资源:Adobe Edge Animate

Adobe Edge Animate是adobe公司的一款新型网页互动工具。允许设计师通过HTML5、CSS和JavaScript制作网页动画。无需Flash。Adobe Edge Animate并不会替代Flash。该软件只是为网页设计人员提供了一种工具,帮助他们在不支持Flash的设备(比如苹果iOS设备)上制作网络动画。

新技术:SoundCloud前端技术团队分享开发经验

转载自:http://www.infoq.com/cn/articles/soundcloud-development-sharing

PS: http://www.infoq.com 是个好网站

 

SoundCloud是世界领先的基于声音分享的社交平台,每个人可以录制并上传自己的声音,同时分享给社区的好友。SoundCloud前端技术团队,不断通过技术的创新来提升用户体验,打造下一代单页面应用,并分享了技术实现的心得体会

下一代SoundCloud应用(已经在公测状态),尝试使用HTML5 widget实现声音播放器,未来会根据浏览器的兼容性,将老的flash player切换为HTML5 widget。前端技术实现不仅仅是HTML5,构建一个坚实的底层JavaScript框架式是很重要的。

构建单页面应用之JavaScript选型

下一代SoundCloud应用最重要的一个特性是在不打断用户通过导航寻找其他声音的前提下,可以回放之前播放的track(声音片段),这相当于,界面右上方总会悬浮一个迷你播放面板,每当用户想回放上一个track,一次不刷新页面的点击就可以解决问题。这势必会鼓励用户根据当前的页面导航,不断寻求新的内容,此类行为会通过点击完成,每次点击应该保证又快又平滑。在系统层面保证又快又平滑是将下一代应用定位为单页面应用的重要原因(数据通过统一的API获取,前端的展现和用户点击行为,通过前端技术处理以获取更好的体验)。

press button
图1:悬浮按钮[1]

在前端JavaScript技术框架的选型上,SoundCloud推崇Backbone.js,原因除了在手机站点的实践经验外,Backbone.js会对前端进行分层:Views(视图),Data Model(数据)以及Collection(集合)等。剩下的业务逻辑以及组件的具体实现,会留给应用端自己处理,这就意味着应用端有非常大的灵活性。

以生成视图Rendering Views为例,SoundCloud选择Handlebars作为页面模板库,Handlebars与其他模版库相比有以下优势:

  • 模版内部没有具体的逻辑,便于解耦
  • 模版可以通过预编译,获取在浏览器更快的渲染性能(运行时库只有3.3kb大小)
  • 支持自定义custom helpers

WordPress技术+建站:WordPress主题嵌入淘宝商铺[转载]

本文转载自:http://www.chinaz.com/web/2011/1223/228016.shtml

之前有童鞋问,另一个站的淘宝商铺是如何加到Wordpress主题中的,其实使用iframe标签可以很轻松实现这一功能。

通过添加iframe 标签可以使任何HTML页面实现内联框架,方便嵌入任意网页,代码如下:

[cc lang=”html”]

[/cc]

其中:
http://wopus.taobao.com/为嵌入网页的地址。
width=976 height=1530为嵌入网页的宽度和高度,可根据自己的页面大小适当调整。
scrolling=“no” 为嵌入网页的滚动设置,当内容范围大时,可设置为允许滚动 scrolling=“yes”。
ALLOWTRANSPARENCY=“true” 为允许透明设置,把true改为no为不透明。

将上面代码加到模版文件的适当位置即可。

建站:创业建站技术指南[转载]

原文地址:http://www.isno.cn/2013/02/start-guide/ 感谢作者,其主页:http://www.isno.cn/

——–正文———

或许你心血来潮想要建立个人站点,或许你有一个非常cool的idea准备招募人员创业….

在这些开始之前,大部分人都会纠结如何选择从而建立一个”完美”站点,根据我以往的经验,本文从域名注册,主机,网站监控,统计,CDN等逐一做一段简介指南,以便帮助大家建立一个 经济高效的网站!

本文建站使用的服务只针对国内大陆用户!

域名注册商的选择

非常不推荐在国内注册域名,主要原因有三点

  • 价格贵,大部分价格在80~130之间
  • 域名转出困难,部分会有另外收费,要各种文件证明等
  • 经常各种和谐清理政策,可以毫无理由的停用域名的解析服务

推荐的国外域名注册商

  • 1.首推 http://www.godaddy.com/ ”狗大爹“应该是世界上最大的域名注册商,价格在8美元/年 左右,另外也有各种优惠码,支持支付宝付费,有中文的
  • 2.http://www.enom.com 也是国外非常有名的注册商,价格在 7~8美元左右,国内有各种代理商

以上两个我均有在上面注册域名,其他注册商也有http://www.name.com/ 等等,另外国外域名转入转出都是免费的

WordPress技术:16个可用于WordPress的Google服务和应用

转载自:http://www.iteye.com/news/23623

Google提供了很多不错的客户端服务和应用,虽然最初是一个搜索引擎,今天Google几乎为每一个用户提供解决方案。当为了满足需求的时候,Google并不忘记满足web开发人员和设计人员的需求。在这篇文章中,我们将了解一下Google提供了那些主要的服务,并且如何应用到wordpress中的。

wordpress博客中使用的Google服务和应用

1. Google自定义搜索

Google自定义搜索帮助网站创建了一个自制定的搜索引擎。帮助你构建你的核心功能,帮助你搜索整个网站,部分网站甚至是多个站点。同时你也可以使用Google adsense来帮助你显示广告到你的搜索结果中,当然你可以使用付费版本,这样可以去掉所有的广告(100美元/年),给用户提供更好的搜索体验。

wordpress博客中使用的Google服务和应用:Google自定义搜索

 

wordpress技术:为WordPress添加采集到花瓣和开心集品浮动按钮

转载自:
分享一段采集到花瓣和开心集品浮动按钮。

花瓣提供了pinmarklet.js这样一个javascript文件,里面已经封装了采集方法。于是我们只需要对花瓣提供的JS代码,针对wordpress网站的特点,在相应的位置进行调用即可以,同样赞一句,花瓣不光提供了JS文件,还对分享按钮设定了样式,也算是统一网站标识吧!

1.可以是文章页single.php,也可以是全局的footer.php,推荐文章页single.php。

2.把代码放置在single.php最底部。

[cc lang=”javascript”]


[/cc]

技术:转载:专访SegmentFault创始人祁宁

原地址:http://www.infoq.com/cn/articles/interview-segmentfault-sunny-joyqi

社会化问答网站自去年起就成为了互联网行业的热点之一,针对程序员的垂直类问答网站也已经出现,本文所提到的SegmentFault(思问)就是其中典型的代表,我们采访到了高阳(@高阳Sunny)和祁宁(@joyqi),以下是详细的采访内容:

InfoQ:请两位分别做下自我介绍?

祁宁:我叫祁宁,微博ID是@joyqi,在SegmentFault上的个人主页是joyqi。07年毕业,08年到10年在阿里巴巴工作。现在在北京的一家创业公司从事互联网游戏的开发工作,是SegmentFault网站的技术负责人。以前还曾做过一些开源项目,其中有一个大家非常喜欢的开源博客项目Typecho,还有其它一些小的开源项目。

高阳:我叫高阳,英文名字Sunny,微博ID是@高阳Sunny,在SegmentFault上的个人主页是Sunny。我接触互联网应该算比较早的,在高中时就接触互联网,当初一直在给校内去做一些事情。在那个大学只上了三个月之后,有一个机会来北京,也就是现在祁宁所在的公司。然后到了2011年,我跳槽到新公司Tech2IPO。业余时间,我喜欢关注就互联网产品趋势,在SegmentFault主要负责运营和推广的工作。

InfoQ:能否简单谈一下国内问答网站的发展,以及SegmentFault的技术背景呢?

祁宁:我们最早接触的国内问答网站就是百度知道,但是对于行业内的垂直问答网站来说国内的发展还是比较晚的,至少在2010年的时候,我们还没有接触到很专门的问答网站,很多网站基本上是用来把问答作为一个子板块来做,比如说ITEye的问答频道还有CSDN论坛都会有一些这样的子板块,但是作为专门的问答网站在国内还是很少找到,针对程序员的就更少,然后我们SegmentFault起步也是看到了这一点。

高阳:社会化问答受到国内大部分人关注的主要是两个网站,一个就是Quora,再一个就是Stack Overflow。其实在2011年的时候Quora受到很多人的关注,因为他们拿到了比较大的一个投资。之后还有像Stack Overflow的增长速度也是非常之快。同时,还出现了其他的一些社会化问答网站,比如像Form Springfriend.ly这种,都是类似于通过问答去交友的一类网站,这类网站更加社会化,国内也看到了这样的一个趋势,现在也有很多创业者在摸索。然后国内会出现了知乎,知乎得到了创新工厂的投资,我有一个之前在盛大的朋友也做了一个叫做mifan.me的这样一个问答网站,也在做一些尝试。

当时我跟祁宁进行了一次长时间的沟通,当时是抱着试试看的心理,正好也注册了一个比较有意思的域名,想把这个东西给做出来,于是大家花了一个多月的时间把SegmentFault给做了出来,我相信在互联网发展之后,两种人才会特别突出,一类是程序员,再一个就是设计师,所以我们想借助一些体验较好的社区,通过问答的这种形式把这件事给做起来,我们认为这件事本身是一件非常有价值的事情,很值得去做。

InfoQ:你们认为Stack Overflow、Quora的成功之处有哪些?

高阳:首先我谈一下Quora,他的创始人之前在FaceBook工作。Quora从一开始就非常注重用户群,他们认为一个社区要发展就必须要有Power User,他们一开始的用户大部分都是硅谷的精英,有了这样的一批高质量用户,高质量问答就是水到渠成的事情了。其次,Quora控制注册人数,通过邀请机制,首先由内部人员邀请其朋友们过来。Quora里面有更多的社交元素在里面。比如说我可以直接关注这个人,然后在上面给他留言或进行评论交流之类。还有一个就是他们的邀请机制,他们是如何控制中国用户呢?中国用户不能直接注册,必须得通过Twitter或FaceBook才能登录,或是直接通过邀请,因为Face  book跟Twitter被墙的原因,这也一定程度上也限制了中国用户的使用。当时我也是Quora的第一批用户,他们很明确规定,在上面回答问题必须是英文,当时我们在上面也问了很多中文的问题,但都被他们官方删除了。

像Stack Overflow的两个创始人,应该是美国比较知名的两个技术博主,非常有名,在国内也许有很多人知道。他们在做问答之前,有很长时间的一个积累。从08年开始做,Stack Overflow只是Stack Exchange下面的一个子站点,但是发展却是十分迅猛。我认为这里面最重要的一点,就是人群定位精准,面向程序员。再一点就是解答,提出的问题得到别人回答之后,会让用户感觉有意义,再通过一些比较不错的激励机制,就使得用户对网站更加地有黏性。