为WP主题添加”网页加载中”特效

为了加强浏览者的体验,不在等待页面加载时感到枯燥,从而关闭网页,很多网站都会制作一个“网页正在加载中”的提示效果或显示加载进程,加载完成后提示消失,大部分都应用在网站的首页,今天我教大家把这一特效添加到Wordpress主题中。要实现该特效同样要用到jquery,如果大家和我目前用的主题一样,为了实现其它特效已提前加载了jquery,那么正好充分利用jquery的强大功能,添加此特效何乐而不为呢?当然仅仅为了实现这个特效,而去加载50几K的jquery就有点得不偿失了。具体效果可以看我的博客。 实现方法: 打开header.php模板文件 第一步:加载jquery.min.js 外链接格式: <script type=”text/javascript” src=”http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js”></script> 内链格式: <script type=”text/javascript” src=”<?php bloginfo(‘stylesheet_directory’); ?>/js/jquery.min.js” ></script> 第二步:在</head>前添加一段JS代码 <script type=”text/javascript”> jQuery(function(){ jQuery(‘#loading-one’).empty().append(‘页面加载完毕.’).parent().fadeOut(‘slow’); });</script> 第三步:在<body>后添加显示效果样式 <div id=”loading” style=”position:fixed !important;position:absolute;top:0;left:0;height:100%; width:100%; z-index:999; background:#000 url(这里输入一个图片地址) no-repeat center; opacity:0.6; filter:alpha(opacity=60);font-size:14px;line-height:20px;” onclick=”javascript:turnoff(‘loading’)”> <p id=”loading-one” style=”color:#fff;position:absolute; top:50%; left:50%; margin:50px 0 0 -50px; padding:3px 10px;” onclick=”javascript:turnoff(‘loading’)”>页面载入中,请稍后…</p> </div> 图片大小格式不限,不加图片也可以,到此该特效添加完毕.

让WordPress主题随机显示缩略图

之前本人的新作Hot News主题使用timthumb.php函数自动调整缩略图大小,并生成缓存文件,国外大部分CMS主题也都是采用此方法生成缩略图。但这一方法无法截取外链图片,这一致命弱点最终让我放弃使用timthumb.php函数。目前我使用的新版HotNews pro2.0采用比较普遍的显示缩略图的方法,添加自定义域,并通过CSS控制缩略图大小。有时文章中没有图片,也懒得特意作缩略图,虽然有默认占位图代替缩略图的位置,但文章发多了看着非常单调,也失去了缩略图吸引读者眼球的作用,于是忽随机显示默认缩略图的想法就出来了,下面请看具体的实现方法。 一般 WordPress杂志型主题,都具备缩略图功能,采用的通用缩略图函数代码如下: <?php if ( get_post_meta($post->ID, ‘thumbnail’, true) ) : ?> <?php $image = get_post_meta($post->ID, ‘thumbnail’, true); ?> <a href=”<?php the_permalink() ?>” rel=”bookmark” title=”<?php the_title(); ?>”><img src=”<?php echo $image; ?>” alt=”<?php the_title(); ?>”/></a> <?php else: ?> <a href=”<?php the_permalink() ?>” rel=”bookmark” title=”<?php the_title(); ?>”><img src=”<?php bloginfo(‘template_directory’); ?>/images/img.jpg” alt=”<?php the_title(); ?>” /></a> <?php…

WOPUS主题站国人原创主题汇集

目前 WordPress 已经成为主流的 Blog 搭建平台,插件众多,易于扩充功能,安装和使用都非常方便,在国内拥有大批的FANS。 之所以有众多FANS的拥护,个人认为很大程度来源于WordPress数以万计风格各异的主题模板的吸引,只要你有足够的耐心(因为太多),一定会找到一款适合自己的主题。WordPress Theme 风格模板是世界上的程序里最多的。除了国外众多主题模板外,国内也涌现了大批的主题作者,WordPress主题制作,可以说已从神坛走下,制作WordPress主题并不需要深入了解和学习PHP,只要简单学习一下HTML、CSS代码知识,在WordPress默认主题或其它免费主题基础上,就可以尝试制作自己的主题了。 今天Wopus中文博客平台收集整理的这些国人原创主题,都是WOPUS主题站曾经发表过的主题,并不是国人原创主题的全部,还有很多出色的国人原创主题没有收集到其中,像大家熟知的一些经典国人主题,但从众多的国人原创主题中让我们看到了国内WordPress爱好者技术的长足进步。国人主题大部分都是作者自用主题或曾经用过的主题,经过作者的不断改进,兼容性、易用性、实用性都非常适合国人使用。 在这里让我们再次感谢主题作者为广大WordPress FANS提供如此众多和优秀的WordPress主题,也希望有更多的主题设计者不断出现,奉献出更多更精彩的主题,也欢迎大家积极为Wopus中文博客平台投稿,与更多的朋友分享您的快乐! 下面就集中感受一下国人原创主题的魅力吧!(排名不分先后) 1.Dreamy 2.Prower V2 3.TANX v4.0 4.Maxthon v3.0 5.960 Pixel 6.未来之城 7.Prower V3 8.diary-cute 9.TOPMING 10.Yofox_v12 11.kissbox V1 12.Mac osX 2.1 13.spring comes 14.BBtheme CMS 15.Anear 16.lin 17.Cavano 18.Geeky 19.CNCUB 20.Blackboard 21.WPINK 22.Amarketer 23.Lifedit 24.7color 25.Green Day 26.popcolor 27.Inner News 28.imagine 29.Colorfull 30.CKSKY 31.Miniblog…

年终呈上三款精彩WordPress主题

在2009年即将过去之际,给大家推荐三款刚出笼的WordPress主题,每款主题都提供了五种颜色风格,主题设计精致,虽然是同一作者的主题,但风格迥异,该系列主题最大的特点就是不需要添加自定义字段就可以自动截取缩略图,这一功能在免费的WordPress的主题中还是比较少见的,主题兼容最新的WordPress2.9版本,对中文的支持也非常好,绝对是重量级的免费WordPress的主题。主题使用也很简单,到主题后台控制面板中选择一颜色风格,再设置一下首页幻灯要显示的分类,其它广告位及社会功能不设置也不会影响整个页面,但是建议安装下面的相关插件,以保证页面正常显示。 WordPress Theme: Maamo WordPress Theme: Matipid WordPress Theme: Maliksi

9款WordPress圣诞节风格主题

圣诞节快到了,WOPUS特意为各位准备了一份圣诞礼物,就是精选出的九款圣诞节风格WordPress主题,为您的博客也增添圣诞喜庆氛围。这九款都是比较新的圣诞风格主题,虽然还有很多类似风格的主题,但大多数没有什么实用价值或较旧,如果大家发现还有更好的圣诞风格主题,欢迎您推荐给我们! 圣诞风格主题:Christmas Carol 圣诞风格主题:christmas-green 圣诞风格主题:Hello Snowman 圣诞风格主题:ChristmasWaves 圣诞风格主题: Winter 圣诞风格主题:Christmas Theme 圣诞风格主题:jPoison 圣诞风格主题:Flower Power 圣诞风格主题:Merry Christmas

2009年十大WordPress CMS主题

2009年十大WordPress CMS主题

从近120款WordPress CMS主题中选出十款,是一件很煎熬的事情,在即将过去的2009年,WordPress在国内得到了长足的发展,WordPress CMS主题也是到处开花。今天,Wopus发布2009年十大WordPress CMS主题,和大家一起分享。 一,ComFy 入选理由: 这款主题最大的特别是页面可控性强,作者把前台技术运用到了极致,不管是轮播图,还是内容部分,都体现着主题作者完美的技术,对于这款主题,没太多的描述,也许有些朋友会不喜欢,但这款主题所蕴含的技术理解,也许会成为WordPress主题2010年的流行趋势。 除了页面功能,顶部构造也是这款主题的特点,大凡CMS主题,都需要这种头部来为整站导航。 主题详细信息:http://themes.wopus.org/wpthemes/english-lanuage/1126.html 二,Mixcss 入选理由: 通过这个主题是想告诉大家,这种也是CMS主题,不一定非要是图片+文字,布局均衡的才算CMS主题,这种纯图片的主题,也是CMS的主题,而且现在非常使用,很多人都在询问Wopus主题站的主题,其实,这款MIXCSS就是一款非常完美的图片主题。也许在2010年,我们能在国内看到很多这种网站出现。 主题详细信息:http://themes.wopus.org/wpthemes/cms/1190.html 三,Androida 入选理由: 一款典型的企业展模版,而且这模板有很强的通用性,几乎可以使用一切的企业站,当你还在苦苦寻找企业展模版的时候,这款是否值得考虑呢? 主题详细信息:http://themes.wopus.org/wpthemes/cms/1402.html 四,iBizPress Magazine 入选理由: 如果你有疑问,为何推荐了第一款还要推荐这一款,Wopus需要说明的是,这款主题的特点是在页面的2/3一下,而且,使用图片,展示出来的效果,明显比文字更加有力度,一个CMS网站总是有几个子域名站点,合理的通过首页展示十分必要,这款主题提供了一个很好的灵感,一个很好的解决方法。 主题详细信息:http://themes.wopus.org/wpthemes/cms/1443.html 五,WPBoxedTech 入选理由: CMS主题,越来越多的承载着用户的行为,而CMS更多需要的理解是一种平台,一种交流和沟通的平台,这款主题有机的把用户,内容串联并展示出来,可以遇见,WordPress在未来会加强用户角色的管理,而2010的WordPressCMS模版趋势也许会更多的在乎用户行为的体现。 主题详细信息:http://themes.wopus.org/wpthemes/three-column/1487.html 六,Magadine 入选理由: 有人还记得WopusIDC的第一版吗?其实和这款真的很像,最关键的是,这种主题看似简单,却能完成我们对一个网站展示内容的要求,这个主题适合做什么类型的网站?如果这个问题不好回答,那下面这个问题会很容易回答。这个问题不适合做什么类型的网站? 主题详细信息:http://themes.wopus.org/wpthemes/cms/1539.html 七,simpleCart 入选理由: 没错,WordPress无所不能,这是一个完完全全的电子商务模版,对于WordPress,是只有想不到,没有做不到。 主题详细信息:http://themes.wopus.org/wpthemes/cms/1732.html 八,WPYOU 入选理由: CMS主题中难得看到国人的,而且这款主题也比较符合国人对CMS的认知,页面布局清晰,色彩明朗。 主题详细信息:http://themes.wopus.org/wpthemes/cms/2019.html 九,Readers’Magazine 入选理由: 一款非常优秀的WordPress CMS模版,两列导航,顶部一列可以放网站一些关联的链接,而下面的可以放分类,页面整体布局合理,色彩搭配完美,特别别顶部页面鼠标悬停效果非常绚丽,而且主题默认有同步显示服务器时间功能。主题内容板块定时轮换非常实用,侧边栏对应的鼠标点击切换搭配完美。 主题详细信息:http://themes.wopus.org/wpthemes/cms/2377.html 十,Vodpod 入选理由: 只因为这是款视频主题,而且是WordPress主题站到目前为止收集到的最好的WordPress视频主题。 主题详细信息:http://themes.wopus.org/wpthemes/video-theme/2387.html 10款主题,介绍完毕,更多WordPress CMS主题,欢迎访问:http://themes.wopus.org/cms 欢迎各位发表见解,也欢迎各位对WordPress主题站提出自己的建议和看法,让我们在以后做的更好。

WordPress图片主题Snapshot使用教程

WordPress图片主题Snapshot使用教程

WordPress图片主题Snapshot:http://themes.wopus.org/wpthemes/english-lanuage/927.html,很多朋友都非常喜欢,但有些朋友使用起来有点问题,今天这份教程希望能帮助各位。 Snapshot 是一款适宜做图片展示类的 WordPress 主题,它有三种颜色,两种布局,非常漂亮。 WordPress图片主题Snapshot使用教程: 一,下载 Snapshot 主题,上传到你网站的 Themes 目录下,并在后台启用。 二,Snapshot 要用到两个插件,WP-PostRatings (Download) 和 WP-PageNavi (Download) 请也上传到网站 Plugins 目录下,并在后台激活它。 三,Snapshot 的后台设置 选择布局格式和主题色调即可。另外,Snapshot 还允许你上传自己的网站 Logo 和 Feedburner RSS 地址,并安装 Google Analytics 网站分析代码。这些你按自己需要而定。 四,WP-PostRatings 插件的设置 可以选择默认,也可自行设置评分的选项(Ratings > Ratings Options)和模板(Ratings > Ratings Templates)。一般选择一个喜欢的评分图片即可。而 WP-PageNavi 插件也选择默认值就可以了。 五,关键设置 要使主题发挥作用,关键是在发布日志时的设置。在发布文章界面的底部,多了个 Additional Fields 的编辑框。要额外添加显示在首页的小图、和日志内页的大图的图片地址。 第一行:添加小图地址,图片的规格是宽330px,高190px,如果不是这个规格的图片,将会被自动按此规格显示; 第二行:添加大图地址,图片的规格是宽度最大不超过690px,高度没限制,这只在你选择布局样式为:photo showcase (1-photo.php) 时,需要填写; 第三行:添加网站地址,在介绍站外内容时,如 WordPress主题,告诉读者是从哪里引用的,这只在你选择布局样式为:design…

Wopus和Dztheme.com合作公告

上周,Wopus和Dztheme.com达成协议,今后在WopusIDC购买空间的朋友,如果在Dztheme.com购买主题,可以享受九折优惠。同时购买Dztheme.com主题的朋友,再购买WopusIDC主机也享受9折服务。(九折是原价的九折,不包含促销价格。) 具体操作:到Dztheme.com查看需要购买的主题,并联系Dztheme.com站长,并把自己的域名和邮箱地址告诉DzTheme.com的站长,Dztheme.com站长在核实之后,会把空间按折扣价出售。 我们希望通过这种联合的方式促进大家对WordPress的认识和了解,推动WordPress在国内的发展。 WopusIDC简介: 作为国内最早的WordPress专业主机提供者,超过一年为国内用户提供WordPress专业主机,目前已经开通了国内、国外WordPress专业主机服务,持续为广WordPress发展提供动力。 Dztheme.com简介: 使用WordPress的朋友,对D&Z Theme Pro这款主题一定不陌生,而这款主题除了免费版,也有超值优惠的专业版(详见:http://www.dztheme.com)。现在Dztheme.com已经生产了三款付费主题,并且受到了WordPress爱好者的一致好评,今后,Dztheme.com将持续生产专业的WordPress主题,为大家提供完全的WordPress主题。

WordPress主题完全翻译教程

WordPress主题完全翻译教程

以前也有介绍过主题翻译,现在主题站更新的主题绝大部分都来自国外,都是很经典的主题,有些朋友不太懂英文,主题使用有些问题,所以今天就再详细、系统的介绍一下主题翻译,以后大家再遇到英文主题,可以参考这篇主题完全翻译教程来自己把英文主题翻译成中文版。 教程还是以一款主题的WordPress主题为例,我们就用FalknerPress这款主题作为例子,详细简介如果翻译主题。 一、俗话说,工欲善其事,必先利其器。 在翻译这款主题之前,先介绍几款工具。 1、还是推荐常用的,Editplus,这里有一个详细的使用介绍,简单看看就OK。 2、Topstyle,这是一款CSS编辑器,很智能。 二、开始翻译主题。 主题文件几乎每个都需要或多或少的翻译一些内容,这里我就举一些常用的文件翻译一下。 首先是header.php文件,也就是主题的头文件,主题的分类导航栏是英文的,看图: 我们需要把这些文字翻译成中文,现在我们用Editplus打开header.php,找到对应的代码: Home 把其中的 Home 换成 首页 ,然后另存为UTF-8格式,覆盖原来的header.php就好了。 文章列表部分,也就是图片这部分主要有 index.php 控制: 这块翻译的地方比较多,我都用红线标记出来了: 其中 Lastest News 这里可以翻译成:最新发表 最新资讯 等,用Editplus打开主题文件夹下面的 index.php ,找到: Latest News 把其中的 Latest News 里翻译成中文,另存为UT8-8格式,就好了。 另外还有几处地方,Posted by; under;’No Comments’, ‘1 Comment’, ‘% Comments’;这些都一一翻译成中文就可以了。这里特别说明一点,’No Comments’, ‘1 Comment’, ‘% Comments’这分别要翻译成:没有评论,1条评论,条评论。 另存为UTF-8格式就好。 其他翻译的地方也都类似,但要注意两点,一点是中英文的对照翻译,一点是另存为UTF-8格式。 大家在翻译的时候,可以尽量 ”非主流“一点,雷人一点,这样可以显出博客有自己的特点。 除了首页,还需要翻译单篇文章页面:single.php,归档页面:archive.php,搜索页面:search.php,等等页面。大家可以在翻译的时候自己搞定。 主题翻译中必然要翻译footer.php这个文件,但大家在很多时候打开这个文件都只能看到乱码,至于为什麽是乱码,我这里也说说,虽然主题多,但很多人在免费试用主题之后并不厚道,很多把主题作者的版权链接给去掉的,这方便好像国人特别喜欢去掉主题版权信息,所以很多主题作者在放出主题的同时,也就加密了,防止大家篡改这里的版权信息。所以如果遇到加密的,大家就不要修改了。 另外,为了体现对主题翻译者劳动的尊重,翻译者可以在Footer.php里加上翻译的信息,或者在CSS的最开始加上说明即可。 本来先整理一份中英文对照表,但是觉得大家应该各自发挥,所以就不给大家规范,大家自己来就好了。…

分享几个WordPress.Org目录

今天和大家分享几个WordPress.org上的目录,主要是想告诉大家,WordPress.org是个好地方,没事可以看看,学点东西不说,还能提高下英文水平。 这里额外的问个问题,有多少来Wopus中文平台的朋友博客有广告位? 一,最流行插件排行榜 借用老帕的一句话:一张双白金唱片也很可能是垃圾,但一个下载量超10万的WordPress插件就绝对不可能是垃圾了! 虽然插件不推荐使用,但在没大规模可以继承到主题function.php文件中以前,有些插件还是可以尝试一下的,毕竟WordPress最有诱惑力的一个地方就是插件!

End of content

End of content