Movie Castle » Blueweed

对使用中Theme继续做三处改进

Yacca — Wed, 26 Nov 2008 03:12:45 +0000

生命在于折腾,自用的WordPress Theme也需要不断折腾才能与时俱进.

　　看到辐射鱼童鞋不停的折腾他那Blueweed for WP2.7,心里虽痒痒,却无奈心爱滴索尼本本送修美承.这周终于可以自己捣鼓,不过碍于上上周升级WordPress2.7Beta3失败(主要是数据库升级后有问题,球球都快被我都逼疯掉了),我暂时对此有不小的心理阴影,今天早上发现WordPress2.6.5发布,顺道替换了俩文件小小升级了一番^^

　　考虑到 Sofish & Shawn 将联手为Movie Castle打造一款新Theme,在此本人表示无限的期待及对两位能人的感谢.同时我也没有忘记对现使用中的这款Blueweed继续进行改造,辐射鱼搞的"页眉公告"后台Option我很感兴趣,准备研习后加入现在的Theme,另外这个2.7嵌套评论的支持暂时兴趣不大,nnd老子自己都没法升到2.7呢...囧!

　　下面是这次对本站Theme的改进:

1. 主导航下方增加副导航.

如图,虽然说没有这个副导航也关系不大,但考虑到就一函数,就加上了,此想法来自于毒龙童鞋. 现在亟需对其位置和样式做出调整,同志们给点建议!?

2. 支持Ctrl+Enter快捷回复.

同志们去找篇文章增加一个留言,然后直接Ctrl+Enter体验即可...感谢冰古童鞋滴代码.

3. 使用Smooth.js实现同页面的平滑跳转.

譬如您可以点击标题栏右侧的"Leave a Comment"按钮,感谢xiaorsz滴分享.

　　计划在研究下辐射鱼的几处改进后,整合一个新的版本释出分享,由于暂时不准备去支持WordPress2.7,所以分页评论和嵌套评论之类的直接无视.

P.S: 苦思冥想为什么辐射鱼的首页数据库请求比我少呢...最后得到一个结论,我右侧栏的调用比他多,很正常的事情...nnd!

--------- 我是不够小巧的分割线 ---------

Update1: 这个副导航的增加不仅仅美感和作用上存在疑问, 而且刚发现它会在IE下引起本站CSS圆角代码的一些问题,故挪到Localhost慢慢调整位置和样式先...

Update2: 最近不少朋友提出我的首页无法完全打开,而内页却没什么问题. 呃...检查了下确定是这个Flash展示的js文件编码问题,现在已经修正完毕,用IE6的朋友,请及时确认问题消除^^

随便走走看看

对使用中的Theme做了两点改进

Yacca — Sun, 26 Oct 2008 09:09:41 +0000

再针对Blueweed这么改下去,索性换个色调打包个新Theme吧...

　　最近对Movie Castle的Theme,也就是目前在用的这个Blueweed汉化改进版继续做出了两个改进.

1. 拒绝JS,用纯CSS的方式使导航栏在IE6中显示下拉菜单;

2. Google自定义搜索取代WordPress自带搜索.

　　其实方法很简单,也没啥好介绍滴.第一个问题是一直困扰我滴,很多朋友告诉我用JS实现下拉一了百了,但我不甘心,此次在辐射鱼个鸟人给了一个例子后终于搞定了这个纯CSS下拉菜单在IE6中的表现.nnd,这个问题我都放弃了那么久,突然就这么找到解决案例了,这感觉真好...关于Google自定义搜索,据说有如下这么些好处,我才下决心去搞滴:

整合Google自定义搜索到WordPress中:

a. 减少数据库查询,搜索结果由Google提供,不用再搜索数据库了.

b. 能够更加全面的搜索,WordPress目前只能搜索post.

c. 还可以在搜索结果中绑定Google Adsense赚钱(这个对我没有意义)

　　下面给出两个问题各自的解决办法:

CSS导航菜单:

　　参考许许如生童鞋这篇关于纯CSS下拉菜单的文章,看看他给出的Demo.当然,本站的导航栏自然是最佳示例,请大家随意测试.

Google自定义搜索:

　　参考zEUS童鞋的这篇关于Google自定义搜索的教程,基本上是依样画葫芦,简单的很.你可以在我的搜索框内随意输入些内容,例如点击查看Heroes, Fringe, Gossip Girl什么的检验下,基本上除了翻页的样式不合我心意外都蛮不错的.

　　Google自定义搜索有一个问题,就是我刚保存完自定义搜索结果的各项目的颜色,去尝试了下优化选项后就发现颜色设置丢失了,恢复到了默认-.- 不知何解,想想算了吧...那个优化功能似乎没什么人用.

　　接下来要考虑改进的一个地方就是想用Theme Options来控制首页Flash图片和链接、右上角小气泡的更新. 对于这个主题控制选项的写法目前还是一无所知,待我找几个例子来好生研究一下先吧.

P.S: 如果有童鞋想搞一下什么CSS圆角,建议去玩下这个工具>> ,效果么如我的Theme上下左右这4个圆角喽,IE6以上及其他各种浏览器中效果一致. 注意: 千万别拿去IE5.5以下的浏览器内看效果,后果自负.

随便走走看看

分享本站现在使用的Theme

Yacca — Sat, 16 Aug 2008 07:51:10 +0000

第一次分享WordPress Theme,您千万别拍砖啊~

　　近日接连收到朋友要求,让我分享现在Movie Castle的Theme. 很害羞的说句,这个Theme并不是我制作的,其原作Blueweed出自于大名鼎鼎的Blogohblog之手,我所做的工作便是将其汉化及进行了一点点的修改,令其适合我使用.

　　我修改后的模板大家反正看得到,我也不废话了,倒是有几点需要提醒:

1. 模板只经过了IE5.5-IE8/Firefox下的调试,目前基本正常,如发现问题可反馈与我并逐一改进. 注: Safari3/Opera9.5未经测试.

2. 不支持Widget. 原作是支持Widget滴,但因我个人喜欢将需要的内容直接写入Sidebar,所以去除了原作中的此项支持.

3. 固顶文章的设置需要去index.php去改动post_ID,主要是如何添加这个admin option我不会...-.-

4. 插件用到了以下几个,大家可以自己去插件主页下载

　All in One SEO Pack 考虑到SEO插件有强大直观的title重写,我干脆不设置header中的title了.

　Hot Friends 新颖的友情链接显示机制就全靠它了

　Show Top Commentators 评论排行榜显示

　WordPress Thread Comment 看您需求,并非必须

　WP-PageNavi 看您需求,并非必须

　WP 2.3 Related Posts 看您需求,并非必须

5. 右上角的twitter: 没账号的申请一个,有账号的就去这里get your code. 我把js部分放在页脚了,您只需要更新页脚部分的js代码即可.理论上说,饭否也可以这么玩^^

6. 似乎也没什么其他的了.Enjoy~ 记得把导航和ico以及logo改成您自己的~

现Movie Castle使用Blueweed修改版

预览 | 网盘下载 | 下载From软件生活 | WOPUS用户也可以去这里下载

原作者设计的Blueweed(未修改版): 预览 | 下载

注: 请使用本修改版主题的朋友尊重原作者及本人的劳动. 原作者的链接必须保留,我的么你愿意就留着,不愿意就删除也没关系,但不要加上您自己的,除非你在我基础上改进了许多许多^^ 到时候也欢迎您再trackback这里.

随便走走看看

Movie Castle正式换皮

Yacca — Sat, 05 Jul 2008 18:11:03 +0000

这个皮,终于算是能见人了...

　　Movie Castle自2007年底建站至今已走过大半个年头,换皮早已被提上议程...经过一段时间的筛选后我确定以Blog Oh! Blog的Blueweed Theme为基础,着手汉化及调整,具体效果可以看本站现在的样式. 虽然改写的部分css代码的相当业余,增加的内容也不够出彩,但这个主题确确实实付诸了我相当的精力及时间,以后会不断的修正发现的Bug,边学边做,最后分享给有需要的朋友.

　　之前使用 Nick Fvart 制作的优秀Theme —— Dark作为本站的默认主题长达半年之久,不可否认这是个很华丽的设计作品,我个人非常喜欢. 但Movie Castle是一个以影视及评论为主的个人博客,Dark无法从根本上满足我的需求,所以更换主题迫在眉睫,也或许是我喜新厌旧吧,看着Dark有些审美疲劳了哈哈...

　　大半夜的,不说废话了...把新皮的相关特性略微描述下吧,具体效果可以看这里的预告,很详细了:

1. 页首TwitterRSS输出

2. 首页不依靠插件置顶单篇日志

3. 首页Flash电影海报展示

4. 为保持整洁,整合了日志页面的相关信息

5. 日志评论Admin高亮 ^o^

　　当然,也有没实现的预期功能,譬如之前介绍的一个视频插件,由我的同事风来无度设计开发,但是由于PHP版本的原因,无法在我的服务器上正常使用,郁闷之极...不过他会帮我解决的,我坚信.

　　Movie Castle的新皮发展离不开大家的帮助啊~大家在浏览本站时发现什么问题,敬请回复在这里,我会尽快找方法修正滴.

随便走走看看

预告新皮的特性

Yacca — Wed, 18 Jun 2008 15:54:57 +0000

卡其的这个Logo手稿越看越舒服来着^^

　　新Theme在众友人千呼万唤之下,殷切希望早日上阵,但碍于我的技术水平孱弱...只能一个萝卜一个坑,慢慢来. 新Theme的Logo设计稿上次已经让大家看过,是视觉设计师卡其老兄友情替我设计滴. 由于我的特殊要求,本站偏重于电影相关却矫情滴用吐泡泡的鱼来做Logo和ICO,希望大家别介意,我也得顾及我家鱼的感受滴,对吧~?!^^

　　Logo在鸟生鱼汤的修饰下初现峥嵘,考虑到我原先的副标题过长,似乎是"以对电影的执着,撰写扭曲&黑暗之现世,即使黑暗也会一往无前."所以干脆不加了,换成了我的域名www.eemir3.com. 如下图,大家可以看看,或者提点看法,我会认真听取,但不一定改,嘿.

和Blueweed的Logo有点类似,但还是略有区别的,嗯...自个儿用就将就了~

　　熟悉Blog Oh! Blog的朋友一眼就看的出来这个Theme是出自那里的Blueweed. 第一次看到它时就甚觉欢喜,蓝色是其一,喜欢这个颜色胜过于追求华丽;其二是简洁线条勾勒,既然不追求华丽了,那线条色块型的Theme是最合适不过了. 再回顾下邂逅它时给我的印象依然是赞不绝口,在这里看它的Demo...

　　来看看经过改造的Blueweed有什么吸引人的地方吧,如下图:

点击查看大图,存在了巴巴变上^^

　　其实也没什么特别的,就是根据Wordpress的特性做了些应用了,把几个拿的出手的特性告诉下大家吧,老鸟别笑话,会打击到我滴.

1. 页首右侧展示Twitter更新

作用: 现在流行玩Twitter,之前也有小搞一下,但始终没能形成习惯. 由于Chada最近一直在跟进Twitter,nnd我也忍不住了,放上去再说,就当是小的公告板或者心情小黑板吧~

实现: TwitterRSS插件...没什么好说的了,很容易.

看,拿来泄愤也不错...

2. 首页置顶日志

作用: 长期置顶个别需要大家关注的文章,麻烦了同事风来无度帮忙用代码实现,免除了使用WP-Sticky的麻烦.

实现: 根据POST_ID来判断是否有置顶文章,以手动更改index.php文件中的ID来实现,没有设置则隐藏这个DIV.

依靠自定义字段设置了热区图片,右侧则是输出了标题,摘要,More标签.

3. 首页Flash图片展示

作用: 展示精彩剧照以及海报,点击可进入相关日志查看.具体效果可参见各大新闻门户如新浪等.

实现: 找了个现成的Flash,以更新相应文件夹下图片及更新JS文件中链接地址来实现内容的更替,操作相对烦琐-.-

别管里面的图...那是我瞎放的,关键是用途一目了然.

4. 首页视频动态展示

作用: 将一篇日志中定义为"name=Index_Video"的1个或2个视频输出到首页展示,可以自己设定,多个视频间实现动态切换.

实现: 归根结底还是依靠Wordpress强大的自定义字段,然后还有风来无度同志的Code部分工作^^

下面的标题可以直接点击,进入日志查看视频相关,如果两个视频,则可以动态切换.

5. 日志页面信息整合

作用: 时间,发布者,类别,Tags以及其他一堆乱七八糟诸如申明之类都丢在这里,保持页面整洁.

实现: ......没有技巧可言,耐心磨就是了.

什么叫乱七八糟...这些就是! 经常来我这里的朋友对这个已经很熟悉了吧^^

6. 日志页面作者评论高亮

作用: 区分一下评论者和作者,顺便去掉了Ajax回复插件,层层嵌套的结果就是凌乱.... 最近看了国外n多站,没什么人用的,用"@xxx"来回复蛮好.

实现: 详见这里.

有背景的是我登陆状态下的留言,下方则是未登陆状态.

　　......很不好意思,大致上也就这些可以看看了,其他譬如用CSS做导航栏多级菜单; 侧边栏相关内容(尽量少的使用Widgets)以及其他单个Page的修改还没开工,大家有的等等啦~,完工后还需要大量的时间做CSS样式的优化,现在我都直接写在各自的DIV里滴,很不好的习惯-.-