Avatar

Not only about design, but also about life| 是造物者之无尽藏也,而吾与子之所共适

视觉搜藏夹(2):WP主题不走寻常路

不走寻常路的WP主题

感谢Google Picasa的拼贴功能,给我的几张截图一个很完美的组合展示图片,我觉得很棒很酷。

主题,主题,又见主题。主题一直是WPresser们最津津乐道的话题。文章的内容,或者插件的强大固然很重要,但是如果没有一个好的展示平台,一个漂亮的门面,人们是很难记住这数以亿计的芸芸博客众生中的你的。所以,可见主题有多么重要。很庆幸,Wp的强大使得它的主题跟着它一样强大。不同的网页设计师网页程序师赋予了WP主题很多内涵。

现在,Wp的主题也是千千万万,如何找到自己心爱的,又能吸引人们眼球的,又具有最佳友好度的主题模板呢?

仁者见仁智者见智。下面是我从ChinaVisual上收藏到的一个专题。关于特立独行的设计师的WP主题。

主题:不走寻常路–基于WordPress的博客设计

不走寻常路–基于WordPress的博客设计(一)

不走寻常路–基于WordPress的博客设计(二)

不走寻常路–基于WordPress的博客设计(三)

不走寻常路–基于WordPress的博客设计(四)

不走寻常路–基于WordPress的博客设计(五)

不走寻常路–基于WordPress的博客设计(六)

总的来说,编辑选的博客都具有代表性,有些博客可能外观上不怎么好看,但是,可能却在设计的一些细节上下了功夫,所以,入选合理合情。

还在为找不到博客主题而愤恼?那么赶紧看看去,看看是否有你喜欢的类型,然后GG搜搜……

如果你是一名设计师因为正找不到主题设计的灵感而发愁,也建议你去看看。

Wordpress Themes:The Unstandard

主题名称:The Unstandard

作者:Derek Punsalan

类型:CMS

网址: 预览 | 下载

点评:简约不简单的CMS主题,简约得很好看。缩略图的展示也很赏心悦目。不可多得的主题。如果没有设置自定义段——图片缩略图将显示为灰色(Firefox和Safari下),在IE及Maxthon下,会有小红叉叉。页眉的导航很不人性化,不会自动调用页面,要自己动手去<li>才可以。以及在sidebar侧边栏里添加内容时候,会致使所有侧边栏及底部内容字体放大,在FF下浏览正常,但是在IE下就惨不忍睹了。建议要在Sidebar添加内容的朋友们现在CSS样式表里进行一个新的定义,之后再在添加内容,看是否会解决此问题。我起先还质疑是 字体大小单位是em而不是px的原因,经证实,质疑失败。整体来说,T U还是一款很不错的主题,不过对于一些信手来说,确实有些困难,我就是最好的例子,太花费脑细胞了。

Tips:
添加自定义段的方法

准备两张图片,一张作为最新一篇日志时的缩略图(姑且名为A图),另一张作为非第一篇新日志时展示的缩略图。(B图)。
图片大小分别为:A图大小:593px x 225px  B图大小:293px x 150px
在WP后台文章编辑页,编辑完文章后,来到高级选项,在 键 处输入lead_image ,在值里添加A图的文件链接,点击添加。接着再在 键 处输入 secondary_image,在值里添加B图的文件链接,点击添加。发布你的文章就OK了。

鉴于所有文章都需要设置自定义段,所以,在你换这个主题之前的所有文章都必须添加,但过程繁琐(一篇文章2张图,100篇文章200张图,而且要为每篇文章做相应的图示,这是个巨大的工程量,所以,经过验证,除了最新一篇日之外,其他文章只要设置B图就可以了。   但使用此主题后,每一篇文章都需要设置两张图。务必记住。  麻烦就是麻烦。

另外,给图片命名要讲究方法,乱起最终会造成很多麻烦,我的建议是将图片名称做如下改:

A图命名规则为  文章名_1.jpg
B图命名规则为  文章名_2.jpg

这样做的好处除了便于管理,还有一个更重要的意义:添加自定义段的时候,只需要复制一次A图的地址就可以了。添加B图时候,只需要在A图的地址上将1改为2即可。方便,节省时间。

如果还有什么不明白或者使用上出问题,欢迎与我进行讨论,大家相互促进,使用好每一款主题!谢谢你的阅读。

Wordpress CMS型模板初体验

在mo首先我得说,读者突然回访我的博客的时候,发觉,这个博客名字居然变了……

嗯,的确变了。由ShyNloc Studio → ShyNlocPress。

这样的改名有什么理由呢?Studio是工作室、创作室的意思。的确,这个博客目前为止依然还是一个工作室。Press的后缀却也不失本意。当然,受到了Wordpress这个合成词的一些影响。Press除了按,压的意思外,还有新闻出版的意思。我是这么理解的,Wordpress大致为言辞出版,言辞出版当然就是发布文章,很显然就是博客的意思嘛。ShyNlocPress,顾前名而思后意,就是ShyNloc Studio出版的意思。就是新闻中心的意思了。

CMS在Wordpress届里是相当有分量的一类,目前很多博客都已经采用了这种形式。比如ShyNlocPress,Vikiworks.com,www.massivepress.com等等。CMS与传统的博客类型有什么区别呢?从我的观点来看,大致有以下几点:

  1. 传统博客在首页显示最新文章,或全文或摘要,并且日志承时间一般为新顶旧下的格式依次排序……这个,大家应该有很多直观感受吧,博客主流的版式设计嘛……CMS型大改风格,在首页显示文章的链接而不直接显示文章的内容,当然链接又分文字链接、摘要链接、图片链接等。
  2. 大量的使用分类或这标签做博客的页面链接,这样,读者访问博客时,可以根据自己的需要点击自己所求的内容而不需要慢慢的去搜索。
  3. 图片缩略图的大量使用。
  4. 模板设置复杂。
  5. 拥有大量页面。
  6. 有些博客甚至是多人维护更新。
  7. ……

也许只是那么点区别,或者还是很大区别,你怎么认为呢?

CMS无疑很适合Gallery类型的博客。正好,本博客正好走在了岸边上,所以,也就使用了CMS类型的模板。Wordpress的确很好很强大。

本博客使用的模板是 The UnstandardDerek Punsalan 设计制作。按照帕兰在其博客文章5Thirtyone共享自用WordPress主题: The Unstandard说到的那样:

而现在这款Unstandard,也秉承了531一贯的设计风格,用一句广告词来说,就是——简约,不简单。

其实很多人的心里都是这样想的,我的博客应该是独一无二的,所以才有那么多人陆续走出BSP的领地,自己开辟天地假设博客。既然使用的是公开化的主题,就应该标榜点点一些不同于其他的地方。所以,在The Unstandard的基础上进行了一些皮毛的修改,修改内容及出现的问题大致如下:

  • 将模板里所有 橙黄色 的色域改成比较清爽的 天蓝色。
  • 替换了标题,将原有的标题换成了图片logo,并去掉了链接,我在想,既然已经有了Home链接,那么为什么还要多此一举的在标题栏部分也设置链接呢?
  • 原本打算在logo下方显示副标题的,但是设置半天,发觉一些问题,又懒得动手,故放弃了这个想法。
  • 在侧边栏添加新的东西时候,会造成之后的所有文字放大3倍以上,据我推测,可能是因为模板的style.css中将文字大小全用xx% / xx em的缘故吧……可能换成px(像素)之后会有所改变。不过我比较懒,兴致大的时候再去试验能否修改成功。
  • 在底部添加了版权分享信息和计数器等链接。
  • 在这个主题的原型里,所有文章缩略图都是灰色的,可能是为了搭配需要。也正因为如此,所以天蓝色的风格我也就将所有缩略图统一为彩色的。

修改模板有时候我觉得是一件很累人的事情,毕竟不是自己的,所以不熟悉啊……而且我的PHP还依然那么菜。

经历了长达几个小时的修改测试,以及一些主题上的翻译。大致已经完成了模板私有化的80%。现在天色正晚,我肚子饿,得赶紧补充点伙食才是。

长话短说。先看看下面的图:

你在上面看到的便是两个同根生的主题的区别了。

最后,给大家一些关于CMS的阅读链接:
5Thirtyone共享自用WordPress主题: The Unstandard

把wordpress打造成CMS(一):选一个合适的wordpress模板

5个简单的步骤把 Wordpress 打造成 CMS

10款最佳Wordpress CMS插件

Wordpress 最佳CMS插件

先说到这里,大家有什么补充的,欢迎大家踊跃说出……

我们一直在祈福!

四川发生7.8级地震

2008年5月12日14时28分,四川省汶川县发生里氏7.8级地震。此次地震影响颇大,波及范围广,造成的伤害及损失目前无法估算。截止5月16日22时20分 5.12地震已造成全国22069人遇难。(数据来源:腾讯新闻地震专题网站

目前为止,全国各个领域各个行业,甚至每一个人都在积极地做着自己力所能及的事情。

我们一直在祈祷!

2008年5月14日,江苏扬州市三元桥小学的同学们点亮一盏盏烛光,为四川地震灾区的人民以及小朋友们祝福。祈昐他们平安度过灾难,小朋友们早日重返课堂。

让我们Blogger一起为灾区人民祈福!

Feedsky发出号召,让我们Blogger一起为灾区人民祈福!并且制作了签名Widget,让网友们把这个“为灾区同胞祈福”的旗子挂在自己的博客或者网站上!

为灾区同胞祈福的旗子

等什么呢?赶紧访问http://event.feedsky.com/08earthquake/写下你的祈福签名,并把这个小旗子挂到你的博客上!

sinablog新浪的祈福模板 祈福的烛光

新浪博客也没闲着,立马推出了一个祈福模板。新浪的Blogger们很多都已经换上这个主题用这种方式表现祈福!

不仅如此。

祈福地图 china bless yunnan bless

新浪博客还提供了一个widget给博客们添加——祈福地图。每有一个博客使用了这个widget,就会在地图上点亮那个地区的光点。现在,就我所在的云南省,已经有149173人使用了这个widget!咱们网民有力量啊!如果你也使用新浪博客,赶紧登陆http://blog.sina.com.cn给自己的博客添加上这个具有超级意义的Widget!

wpchinaorg 为四川祈福

Wpchina.org发起了“为四川祈福”的征文活动!

2008年5月12日下午14时28分,四川汶川县发生7.8级地震,全国大部分地方均有明显震感。灾难无情,人间有爱!我们的这次“为四川祈福”公益征文活动,希望我们所有的博客们,行动起来,将我们美好的祝愿送给灾区的人民,为他们祈福!

这次活动题材不限,你可以用文字,用图片,用视频等记录下与灾区人民的生活;内容不限,你可以为他们祈祷祝福,传递平安,如果你有为灾区人民捐款,也可以记录下来,立德扬善;只要与灾区有关的文字,都欢迎您投稿。

相关网页地址:http://wpchina.org/event/

本博客相应号召,已经提交了相关文章:

安得广厦千万间

googlesearchqinren

Google推出了寻找亲人的搜索服务,提供网民对熟悉的人(灾区难民)进行搜索。

地址:http://www.google.cn/intl/zh-CN/qinren/cse.html

祈福的方式各种各样,限于时间的压力,我没有各个网站都登陆一气来使用各个网站推出的祈福方式。如果有新的发现及更有意义的方式,我会给大家及时报告!大家可以根据自己的条件去寻找适合自己的方式!方式无论如何都是对灾区人们的最好的,最真诚的祈福!

是的,从灾难发生的那一刻起,我们就没有停止担心,也没有停止祈祷……我们衷心的希望,每一个人都可以安全的渡过这次灾难,并且在灾难过后,走出人生的阴影,积极工作,用最饱满的热情重建自己的家园!

最新补充:

act win

爱心绿丝带

新浪博客又推出爱心接力棒——绿丝带!

赶紧登陆新浪博客添加吧!~

googlemap2 googlemap

Google推出地震图:

点击查看地图

WordpressTheme-Bluebar

Bluebar

主题名称:Bluebar

主题来源or作者:http://TopWPThemes.com

主题信息:
Widget Ready
Fixed Width
2 Columns

主题语言:English

预览及下载地址:Preview | Download

主题评价:页面干净、清爽。页面加载速度快。支持侧边栏。整体感觉很不错。这个主题的网站还有更多类似板式,却不同风格的主题作品。有意思的读者可以访问http://topwpthemes.com查看更多的主题。

Before you go

Going so soon? May these links be a guide to web enlightenment. Thanks for you visited the ShyNloc Studio!