博客

WordPress 插件:TGM Plugin Activation 为主题添加“插件推荐安装”功能

TGM Plugin Activation 是一个 php 库,通过 TGM Plugin Activation 可以很方便的在你开发的主题上集成“插件推荐安装”功能,提醒用户安装某个插件以提升主题功能。

TGM Plugin Activation 简介

TGM Plugin Activation 是一个 php 库,它可以让你在你的 WordPress 主题(或插件)上集成“推荐插件安装功能”,用户可以很容易地安装所需主题并且自动激活。只要你的插件放在服务上,就可以实现。

项目官方地址:http://tgmpluginactivation.com/

安装需求:WordPress 3.0 and PHP 5 以上

阅读全文

标准
博客

网站用户体验的重要性

站在浏览者的角度考虑,你是喜欢漫天广告的网页,还是有更多实质内容的网页?

显而易见,你一定是选择后者,这是人之常情,这就是最简单的用户体验(User Experience,简称UE),也是最直接影响你的网页浏览度的因素。很多时候,用户体验直接影响到你的网站是否成功。在上一篇博文做一个赚钱网站的必备因素中,我没有提到用户体验,这是因为在网站策划和网站运营当中,用户体验是最重要的一个因素,一旦做不好用户体验,那么你希望做一个赚钱网站的想法也只能成为空谈。

在一般设计网页的时候,你必须要注意几个问题,第一就是你必须要规避你自己的喜好,你要知道你喜欢的东西并不一定谁都喜欢,比如网页构成色彩,你喜欢大红大绿,并且你的网页充斥着这样的颜色,那么你一定会丢失掉很多你的潜在客户,原因很简单,就是你那跳跃的色彩让你失去浏览者对你网页的信任,要知道现在人们都喜欢简单的颜色,简约而不简单嘛,这时候你舅应该考虑去看看竞争对手的网页设计方案,不要抄袭,因为那会更让浏览者失去信任度,在他的基础上再做提高才是你留住浏览者最好的办法。第二个问题是你必须要让很多不同层次的人在你的网页上达成一致的意见,用最简单的话说就是老少咸宜。那样才能说明你的网站是成功的,因为你抓住了所有浏览者共同的心里特征,这样才能更多的吸引新的浏览者,当然了,有奖浏览之类的东西还是少一些为好,虽然利益是最大的驱动力,但是网络的现状让网民的警惕性非常高,一不小心就会适得其反。想要抓住人们的习惯其实很简单的,你首先想想你周围的人都关注的共同的东西,你就明白了。第三比较重要,这是对你竞争对手的分析,也是对你自己观察力的一个考验。平时多看看竞争对手的网站项目,总结出他们的优缺点,一定记住一点,不要用鸡蛋撞石头,他们的优势已经延续了很久了,你很难打败他们,看看他们没有什么,然后你去提高,这样才会吸引更多的浏览者注意。这里举个很简单的例子,有一座小城市,只有一个服装市场,你如果再开服装市场的话,那么或许你会赔本,但是如果你出售特别的服装,那么一定会有客户到你的店里来消费,也就是说,你必须要把竞争对手的劣势转换为自己的优势,然后突出展现给你的浏览者看。

阅读全文

标准
博客

优秀设计师应当知道的20大UI设计原则

世界级图形设计大师Paul Rand(保罗.兰德)曾经说过:“设计绝不是简单的排列组合与简单地再编辑,它应当充满着价值和意义,去说明道理,去删繁就简,去阐明演绎,去修饰美化,去赞美褒扬,使其有戏剧意味,让人们信服你所言……”,由此可见,设计绝非轻而易举之事,优秀的设计更是难上加难,今日小编偶然发现一篇界面设计师Joshua Porter博客当中的一篇文章——《Principles of User Interface Design》,文章中列举了20大UI设计原则,看完之后,觉得挺受启发,于是试着将其编译,希望能够给广大设计师——特别是刚入门的初级设计师,提供较好的学习机会。全文编译如下:

1.清晰度是首要工作

清晰度是界面设计中,第一步也是最重要的工作。要想你设计的界面有效并被人喜欢,首先必须让用户能够识别出它?让用户知道为什么会使用它?比如当用户使用时,能够预料到发生什么,并成功的与它交互。有的界面设计得不是太清晰,虽然能够满足用户一时的需求,但并非长久之计,而清晰的界面能够吸引用户不断地重复使用。

2.界面是为促进交互而存在的

界面的存在,促进了用户和我们的世界之间的互动。优秀的界面不但能够让我们做事有效率,还能够激发、唤起和加强我们与这个世界的联系。

阅读全文

标准
博客

主流浏览器Hack写法 解决浏览器兼容问题

此处的“hack”并非是网络中很神秘的组织“黑客”,而是使用他们可以帮助你解决浏览器下一些怪异和特殊的bug。很多时候对于这样的讨论也非常多,比如说在您的代码中应不应该使用hack?甚至延伸到使用“hack”是一个优秀的前端人员?其实,有时候是逼不得以,必须为之。

有关于hack的使用方法和种类,互联系网上成千上万,比较典型的介绍有:

  1. Browser CSS Hacks
  2. Moving IE specific CSS into @media blocks
  3. Detecting browsers javascript hacks
  4. Browser Specific Hacks
  5. Browser-Specific CSS Hacks
  6. CSS hacks

大家平时看得多的应该是IE浏览器的hack写法比较多,但对于现代浏览器,比如说Safari、Chrome、Firefox等浏览器的hack写法并不多见,甚至有的不知道怎么写。如果您是属于后者,根本不知道各浏览器下具有哪些hack手段,不要着急。因为Hugo GiraudelTim Pietrusky将各浏览器下的hack写整理放在了Browserhacks.com之上。当然也要非常感谢Paul IrishNicolas Gallagher所做的补充与说明。为了国内前端开发者更好的查阅,我将Browserhacks.com上有关于各种浏览器的hack写法搬移到w3cplus上,以供大家翻阅与查找。

一、Chrome浏览器

选择器Hack

/* Chrome 24- and Safari 5- */
::made-up-pseudo-element, .selector {
  代码放在这里
}	

媒体查询Hacks

/* Chrome, Safari 3+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  代码放在这里	
}	

JavaScript Hack

/* Chrome */
var isChrome = Boolean(window.chrome);	

阅读全文

标准
博客

WordPress 教程:让 WordPress 文章的网址URL自动生成超链接

通常情况下,在 WordPress 后台编辑文章的时候,直接粘贴网址到文章内容中,WordPress 并不能自动将网址生成超链接(可点击),如果我们每次都要通过“插入或编辑链接”这个按钮来插入链接,的确有点麻烦。其实 WordPress 提供了一个名为 make_clickable 的函数,它可以自动将网址转换为可点击的超链接。

使用方法很简单,通过 the_content 钩子挂载 make_clickable 函数即可。具体方式是在主题的 functions.php 中添加下面的代码即可:

add_filter('the_content', 'make_clickable');

注:make_clickable 函数可将 URI、www、ftp 以及 E-mail 地址转换成超链接的形式。更多说明,请查看 make_clickable 文档

标准

继续浏览