存档

‘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代码高亮插件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插件 标签:

Wordpress评论嵌套下课 -悬浮显示评论菜鸟教程

Wordpress评论嵌套下课 -悬浮显示评论菜鸟教程

可以说目前网上很热门而且受关注的Wordpress嵌套评论一时风靡网络,很多有技术的博主们纷纷都设置上了嵌套评论,这个功能主要是让评论者容易找到谁评论了谁,实现嵌套的效果,一目了然,演示:万戈博客。
但我用的主题的设计者MG12发布了实现悬浮显示评论的方法,看起来效果还真不错,
菠萝引路>>演示看这里!(这里也有教程,不过有几个地方新博主可能不好理解)
我来把我设置的过程详细介绍一下,尽可能简单,让新博主们也能按教程实现效果:

1、下载 commenttips.js 文件,文件放置到 iNove/js 目录。(我用的是iNove主题)
2、后台编辑你正在使用的主题风格,找到style.css文件编辑,在最后面添加上以下代码:

#thecomments .tip {
background:#FFF;
border:1px solid #CCC;
width:605px;
padding:10px !important;
padding:10px 10px 0;
margin-top:0;
position:absolute;
z-index:3;
}
#thecomments .tip .act {
display:none;
}
*+html #thecomments .tip {
padding:10px 10px 0 !important;
}

3、在主题中添加Javascript调用代码,建议代码放在footer.php文件里,我的风格的页脚文件是footer.php,而MG12的是End.php,这个地方可能会让新手发晕,我略作解释。把下面代码放在</body>前面!
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js”></script>
<script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/js/commenttips.js”></script>
至此,就实现了你的评论回复内容的悬浮显示!如果还有什么问题,欢迎交流!
你如果有什么好的办法,也欢迎分享!

分类: WP插件 标签:

推荐三款我正在使用的Wordpress优化插件

推荐三款我正在使用的Wordpress优化插件

本文应该算是写给新博主,如果你是才建博客,应该对你有用,老鸟就可以飞过了。
WordPress的优化插件太多了,我今天给大家介绍三款,当然我正在使用的达20多个插件,时间有限,一会我还要去修车(车近来总是灭火),只能临时先写上这三个我认为很重要的插件:
1、页面管理插件:Pagemash

上次我给大家介绍了一款叫分类排序插件:Category Order,而这个pagemash可以控制页面的排列顺序,很方便。
插件地址:http://wordpress.org/extend/plugins/pagemash/
2、日志撰写高级功能插件:TinyMCE Advanced
这个插件可以让你的日志撰写界面和功能大大提升,一改Wordpres那个简单的撰写界面:

地址:http://wordpress.org/extend/plugins/tinymce-advanced/
3、专业的后台流量统计插件:Google Analyticator
这个插件用的是Google Analytics核心来对你的博客进行统计,统计结果很精确到位!

地址:http://plugins.spiralwebconsulting.com/analyticator.html

分类: WP插件 标签:

WordPress反垃圾评论插件 wp imgcode

WordPress反垃圾评论插件 wp imgcode

当我的Wordpress博客开始受大家关注的时候,经常会有一些垃圾留言发布,一看就是用Robot自动发布的广告或垃圾链接,而WordPress对这却束手无策,这样我们只有自己动手,用wp imgcode增加一层验证码屏障,把Robot垃圾留言拒之门外!
wp imgcode插件的功能就是在留言页面再添加上验证码功能。
下载连接:wp-imgcode.zip
安装方法:
1、和激活其他插件一样后台激活插件。
2、接下来修改当前使用主题的评论模版(comments.php),将
<p><textarea name=”comment” id=”comment” cols=”100%” rows=”10″ tabindex=”5″></textarea></p><p><input name=”submit” type=”submit” id=”submit” tabindex=”5″ value=”Submit Comment” />
<input type=”hidden” name=”comment_post_ID” value=”<?php echo $id; ?>” />
</p>
<?php do_action(’comment_form’, $post->ID); ?>
</form>
改为
<p><textarea name=”comment” id=”comment” cols=”100%” rows=”10″ tabindex=”5″></textarea></p><?php do_action(’comment_form’, $post->ID); ?>
<p><input name=”submit” type=”submit” id=”submit” tabindex=”5″ value=”Submit Comment” />
<input type=”hidden” name=”comment_post_ID” value=”<?php echo $id; ?>” />
</p>
</form>
保存模版后,刷新评论页面就可以看到验证码了。

分类: WP插件 标签:

用wp-forum插件打造wordpress微型论坛

用wp-forum插件打造wordpress微型论坛

Wordpress已经发布了BBPress 论坛代码了,但目前来看BBPress 与Wordpress的整合还不是很好,还需要用专门的同步插件来实现,有点麻烦,现在我们用一个小小的插件 wp-forum 来安装一个微型的论坛系统:
首先下载 WP-Forum version 2.3
1、把解压的文件上传到wp-content/plugins文件夹。
2、到后台激活wp-forum插件。
3、新建一个页面(不是日志)。
4、点击“HTML”标签切换到代码模式,输入:
<!–WPFORUM–>>
代码。
5、后台“设置”-wp-forum,之后添加论坛和版块。
6、论坛的设置你只能从后台进行设置,前台没有设置项。
7、页面导航就会增加论坛的链接,就可以访问论坛了。
8、如果想在边栏或别的位置显示论坛最新动态,就可以在模板的相应位置添加代码:
<?php latest_activity(numbers_to_show);?>
代码中的numbers_to_show是你要显示的动态数量,默认是5条,你可以自己设置。
9、找到skin (皮肤)选项,激活皮肤。
注意:如果下次你想升级论坛到新的版本,要到后台管理里先停用这个插件,升级之后再启用。
查看本博演示
安装完成之后,论坛不支持中文,设置办法:
进入phpmyadmin 打开数据库,找到你建立的blog数据库,里面有四个表为论坛的表:
wp_forum_forums    wp_forum_groups     wp_forum_posts    wp_forum_threads
将每个表中所有的下列代码
latin1_swedish_ci 改成 utf8_swedish_ci
就可以支持中文了。

分类: WP插件 标签:

Wordpress 不用插件实现运行代码框(转)

Wordpress 不用插件实现运行代码框(转)

本来就想找个实现代码运行的插件,感觉都不太好用,其实也不想装那么多插件了,博客都慢的要死,万戈在博客上提供了不用插件实现代码运行框,很适合我,为了方便以后使用,转藏到我这里,希望万戈理解。
1、点此下载 run-code-OL.js 文件,解压并上传至服务器。
2、在 Wordpress 日志中插入以下代码:

<script src=“保存 run-code-OL.js 的地址” type=“text/javascript” charset=“utf-8″></script>
<form>
<div align=“center”>
<textarea id=“code” style=“width:555px;height:255px;” cols=“80″ rows=“15″></textarea>
<br />
<input type=“button”onclick=runCode(code) value=“运行代码” style=“border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;”>
<input type=“button”onclick=copycode(code) style=“border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;”value=“复制代码” onclick=“copycode(runcode3)”>
<input type=“button”onclick=saveCode(code) style=“border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;”value=“另存代码” onclick=“saveCode(runcode3)”>
提示:您可以先修改部分代码再运行 </div>
</form>
<br>

3、在运行代码框中默认显示的代码添加在<textarea></textarea>之间即可。
4、演示:

<font size=4 color=red>Hello World!</font>

提示:您可以先修改部分代码再运行

分类: WP插件 标签: