存档

‘WP’ 分类的存档

不用插件实现WordPress自定义日志缩略图的方法

不用插件实现WordPress自定义日志缩略图的方法

网有已经有很多文章介绍了WordPress缩略图的方法,在此,我继续啰嗦一下,不过也给添加一点新的东西,就是实现缩略图位置当有图片的时候显示图片,没有图片的时候,显示你想显示的东西,比如广告啦什么的。
在你的日志模板文件中找到你要显示图片的地方,把相应的显示图片的代码改成:
<?php $image = get_post_meta($post->ID, ‘thumb_image’, true); ?>//设定自定义代码的名称
<?php if ( get_post_meta($post->ID, ‘lead_image’, true) ) : ?>//执行条件:有图片时候
<div><img width=”336″ height=”280″ src=”<?php echo $image; ?>” alt=”" /></div>//图片样式控制
<?php else : ?>//如果没有图片的话
//这里插入你的图片或广告代码
<?php endif ?>
这段代码中的thumb_image就是你自定义域的名称,在后面的内容里输入你的图片地址就可以了。

附一下WordPress自定义域添加图片方法:
在index.php文件中查找如下这句(根据主题模板不同而稍有不同):
<?php while ( have_posts() ) : the_post() ?>
<div id=”post-<?php the_ID() ?>”>
我们在其下面添加如下一句:
<?php $image = get_post_meta($post->ID, ‘index_image’, true); ?>
这一句的作用是用来控制自定义字段的设置,在这里我们把自定义字段设置为:index_image。
然后我们在需要插入照片的地方增加如下代码调用自定义字段:
<div><img width=”495″ src=”<?php echo $image; ?>” alt=”" /></div>
其中:

代码中的“img width=””495”是调用图片的宽度尺寸,请根据你的模板宽度进行调整。
<div>标签是对图片的CSS属性设置。

通过上面的几行代码,现在我们可以在撰写新日志时候通过自定义字段对各篇日志的图片进行控制,具体如下:
新建日志,在WordPress后台的自定义字段中填写如下:
字段名:index_image
字段值:http://www.saywp.com/postimages/2008/04/test.png
其中:

字段名:为我们在文章开始设置的名字。
字段值:是你将调用图片的路径。

然后点击“添加自定义字段”按钮则可。

分类: WP插件 标签:

WordPress插件CommentLuv:让你的博客评论也热闹

WordPress插件CommentLuv:让你的博客评论也热闹

很早就想为大家写这篇文章,只是因为时间太紧,就拖到今天,希望大家理解。本文是向大家介绍并推荐一个WordPress插件CommentLuv,这个插件可以让别人在给你回复的时候添加上自己的最新日志的链接,这样就大大增加了大家回复的积极性,同时也让你的博客热火朝天!
>> 点击下载CommentLuv
上传到plugins目录,之后后台启用,进入设置,找到UommentLuv,就可以打开插件选项设置,根据自己需要设置即可。

设置成功之后,选择“update”更新一下。
之后进入任何一个日志,找到评论框,在评论框下面就会出现:

最终效果如下(大家也可以在下面评论测试):

分类: WP插件 标签:

WordPress 2.9 Beta2发布公测

WordPress 2.9 Beta2发布公测

WordPress 2.8.6刚 发布不久,WordPress 2.9 Beta2今日也开始发布公测了!WP的版本更新速度实在让人反应不过来,WordPress 2.8.6的全部功能我还没全部了解,这又杀出个2.9Beta2,真的服了WordPress官方了。这次WordPress 2.9 Beta比Beta1升级部分请看这里,下载WordPress 2.9 Beta2。
建议朋友们不要直接升级测试,毕竟是Beta版的,还不稳定,可以本地测试;也可以用 WordPress Beta Tester 来对新的版本进行测试,保证博客的数据安全,还可以尝鲜。

分类: WP 标签:

WordPress专业主题MimboPro今日到手

WordPress专业主题MimboPro今日到手

前几天,无意中逛到了Prothemedesign,看到官方已经发布Wordpress主题 MimboPro 2.0,一看就让我喜欢上这款主题了,网上也有几个站提供下载的,但我因为特别喜欢这款主题,就想弄个正式版的,让作者授权,这样我就可以放心地使用了,不想使用这漂亮的主题还担心版权。
好在作者也很有远见,他面向各国网友给翻译成不同语言,我就立马把英文语言包下载起来,一句句地翻译成简体中文版,之后把语言包发给了作者,并要求得到此主题,今天就得到了作者的回复,附件带上了MimboPro主题。
在此欢迎大家一起来分享这份喜悦!(为了尊重作者的版权,就先不提供下载了)等我出了汉化版的,就提供下载,欢迎排队。
演示 Demo

分类: WP风格 标签:

菠萝筐升级到WordPress 2.8.6

菠萝筐升级到WordPress 2.8.6

上午进后台就看到这个升级到WordPress 2.8.6的提示,只是因为忙于中国博客联盟,就没来得及升级,现在拿出时间来,一键升级到2.8.6,也没看更新在哪,就这样糊里糊涂地升了。
当新版本出现的时候,我都会暗自庆幸:幸亏博客手动改的地方不多,不然,新版本几乎不可能入时升级了!还好,退出后台,一切正常。
在此,针对新手顺便提一下,如果你打算随着官方版本的升级而升级自己博客的话,最好是不要对代码做太多的改动,这样升级起来非常麻烦;另外,建议不要跨版本升级,因为每次官方的升级都是主要针对上一版本进行改进,跨版本升级很容易出错。

你升级了吗?

分类: WP 标签:

三款色彩丰富的Wordpress主题

三款色彩丰富的Wordpress主题

今天刚刚在免费也疯狂 非常WordPress主题推荐一文为大家整理了几款经典的Wordpress主题,刚整理完,又发现我更喜欢的一系列主题,本系列的特点是多少有点卡通化,界面色彩丰富、不拘一格,甚是喜欢,推荐给大家:
1.Deskspace

Demo | DownLoad
2.CreativeArt

Demo | DownLoad
3.Seabreeze

Demo | DownLoad
这三款Wordpress主题活泼而又不乏经典,即有卡通效果,在设计上又有大气之风,极力推荐!

免费也疯狂 非常WordPress主题推荐

免费也疯狂 非常WordPress主题推荐

曾经给大家推荐了一款倍受欢迎的Twitter主题Retweet,4款简洁而经典的WordPress主题,也展示了超华丽的WordPress风格,我最喜欢的Wordpress theme Inter Blue 。
今天,再次给朋友们推荐上几款漂亮的主题,总感觉设计者的水平越来越高,好主题不断出现,总会产生换脸的冲动,我在本文整理一些我喜欢的最新主题,与最新的Wordpress兼容。
1、Blue-R简洁篮色主题

Demo | DownLoad
2、Color Paper彩纸背景风格:

Demo | DownLoad
3、EcoPress经典主题

Demo | DownLoad
4、MysticGrunge炫黑主题(强烈推荐)

Demo | DownLoad
5、DarkForest黑色森林

Demo | DownLoad
以上主题是根据我的个人口味精心筛选的,各有所好,如果有你喜欢的,就去下载吧,也欢迎推荐一下你的至爱,与大家分享。

菠萝筐启用Wordpress代码高亮插件wp-syntax

菠萝筐启用Wordpress代码高亮插件wp-syntax

Image via Wikipedia

在博友的博客里逛悠,发现很多都加上了代码高亮效果,看起来非常舒服,菠萝一直在找这个功能强大 的代码高亮插件,网上相关的文章和资源也很多,真的不知道该选择哪一个,通过大量比较,我锁定wp-syntax插件,如果你也要下载,就点这里下载!
下面又来了个傻瓜教程:
1、wp-syntax插件安装:
把下载的文件解压,之后上传到wp-content/plugins目录;之后后台启用。
2、wp-syntax使用方法:
需要把编辑框切换到HTML状态,需要用下面格式
<pre lang=”LANGUAGE” line=”1″>Your Code</pre>
来展示你的代码,说明:
lang=“LANGUAGE”是你要运行的代码语言,
“Your Code”是你要高亮显示的代码,
line=”1″表示代码从第一行开始显示,不写为全部显示。
比如如果你要运行CSS代码,就需要用:
<pre lang=”CSS” line=”1″>这里放你的PHP代码</pre>
演示:

<style type="text/css">
<!–
.STYLE1 {
font-family: Arial, Helvetica, sans-serif;
color: #FF00FF;
}
–>
</style>

支持的语言:
abap, actionscript, actionscript3, ada, apache, applescript, aptsources, asm, asp, autoit, avisynth, bash, bf, blitzbasic, bnf, boo, c, cmac, caddcl, cadlisp, cil, cfdg, cfm, cobol, cpp-qt, cpp, csharp, css, d, dcs, delphi, diff, div, dos, dot, eiffel, email, fortran, freebasic, genero, [...]

分类: WP插件 标签:

Twitter王者归来 -WordPress主题 Retweet

Twitter王者归来 -WordPress主题 Retweet

今天一天没捞着上网更新自己的博客,现在家人都睡了,我又轻轻地下床,来到电脑前,打开我久别一日的菠萝筐,浏览我订阅的Google Reader,心情享受着大家日志里发出的声音,当进入超人博客的时候,我的眼球一下子给吸引住了,超人就是超人,换了Twitter一样的主题,很抢眼啊!这么简洁的主题,让谁给用上了,我可以很负责任地说,他的博客就成功了一半!就说是我菠萝说的!
但朋友已经使用,我就不再抢了,但我要收藏到我的这里,以方便以后查找,我的另一个家庭博客临时先用上,做演示用:www.chinalizi.cn,大家可以进去看演示。
下面是官方介绍:(你也可以去官方)
增加功能:

@reply功能,后台选项设定。jQuery实现,无须插件。

修复内容:

CSS的一些bug,让主题在各种后台设定下都有一致的效果并更好的显示常用插件。
删除JS的注释。
“继续阅读”位置调到日志的右下角,不再多余站一行空间。

更新文件(方便修改过主题的朋友,style.css可以使用Notepad++的Compare插件更新):

style.css
functions.php
footer.php
语言包

主题演示 | 主题下载

分类: WP风格 标签:

无评不博!为你的评论框添加漂亮的图片背景

无评不博!为你的评论框添加漂亮的图片背景

在《为你的WordPress博客添加版权声明》一文中,我为朋友们介绍了在博客日志中添加版权声明的方法,而本文菠萝将为大家介绍评论框内添加图片背景的方法。在讲设置方法之前,请大家看本文的评论框,里面我设置了“无评不博,相信你的评论一针见血”背景图片,添加上这样的图片,很容易激起大家的发言欲望,对你的博客热度的提升很有帮助,下面以WordPress博客为例,把我设置的方法与大家分享,其他博客方法基本相同:
首先,找到你所用风格的评论所在文件,我用的是M12的iNove风格,评论文件就是comment.php,打开此文件,发现评论框是用textarea代码来控制,并且textarea文本区域对应的CSS样式表ID为comment,这样我们就到主题样式表style.css里找到#comment代码,这个就是定义评论框的样式的,我们发现原来的代码为:
#comment {width:601px;}
这时,我们就可以通过改这个代码来实现给评论框添加上背景图片,添加后完整代码如下:
#comment {width:601px;background-image:url(img/comment-bg.gif);background-repeat:no-repeat;background-position:right bottom;}
下面对以上代码简单介绍:
width:是定义评论框的宽度;
background-image:url(图片地址),这里的图片可以绝对地址,也可以是相对地址,相对地址是相对style.css文件的,我就是用的相对地址。
background-repeat:no-repeat; 定义图片是不是重复;
background-position:right bottom; 定义图片对齐方式,这里是向右、底对齐。
之后你做个图片上传到你的空间,图片地址要和设置地址一致,建议图片宽度不要大于文本区域宽度,高度在200以内。效果参考本博评论框。

分类: WP 标签: