wordpress随机显示图片日志

六月 19, 2009 by admin  
类别:WEB技术

WordPress随机显示数篇日志的图片并链接到日志上,也可以显示最新的日志图片。代码如下:

<?php
$dock = new WP_Query();
$dock->query( ‘showposts=6′ );
while( $dock->have_posts() ) : $dock->the_post();
?>
<li>
<a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title_attribute(); ?>”>
<!–<img src=”<?php echo get_post_meta( $post->ID, “Image”, true ); ?>” width=”74px” height=”74px” alt=”<?php the_title(); ?>” /> –>

<?php if( get_post_meta($post->ID, “Image”, true) ): ?>
<img src=”<?php echo get_post_meta($post->ID, “Image”, true); ?>” width=”74px” height=”74px” alt=”<?php the_title(); ?>” />
<?php else: ?>
<img src=”http://wpjunction.com/themes/brown/wp-content/themes/Brown/images/ads-125-125.jpg” width=”74px” height=”74px” alt=”<?php the_title(); ?>” />
<?php endif; ?>
</a>

</li>
<?php
endwhile;
?>

WordPress导航高亮显示

六月 19, 2009 by admin  
类别:WEB技术

在CSS中,有一项技术可以让当前页的菜单高亮,比如我在sofish v2这个主题中,也实现了这个效果,详情你可以到Live Demo for sofish v2看看,也可以看看下图的演示:

slide

是不是很不错呢?当然,我也觉得。如果单纯用CSS或者CSS+JS来实现也完全可以。但Wordpress本身就提供方法给我们,更简单,而且不 需要太多额外的代码。为什么我们不用呢?你不用,我用!就像标题一样,即使你只是会一点点HTML知识,甚至一点都没有。你只要照做就可以了。那么,如果 我想实现,需要照做怎样的几个步骤呢?

这里有个简单的例子:

<ul>
<li <?php if ( is_home() || is_category() || is_archive() || is_search() || is_single() || is_date() ) { echo ' class="current"'; } ?>><a href="<?php echo get_option('home') ?>/">FrontPage</a></li>
<li <?php if ( is_page('About') ) { echo ' class="current"'; } ?>><a href="/about/">About</a></li>
<li <?php if ( is_page('WordPress') ) { echo ' class="current"'; } ?>><a href="/wordpress/">Wordpress</a></li>
<li <?php if ( is_page('Plugins') ) { echo ' class="current"'; } ?>><a href="/plugins/">Plugins</a></li>
<li <?php if ( is_page('Contact') ) { echo ' class="current"'; } ?>><a href="/contact/">Contact</a></li>
<li <?php if ( is_page('Links') ) { echo ' class="current"'; } ?>><a href="/links/"> Links</a></li>
</ul>

在上面的例子中。蓝色部分,是Wordpress的判断函数,告诉你的导航这里是在哪个页面,以便显示指定的的样式;黄色部分,是你页面的名称。绿色部分,是高亮当前页面所用的CSS代码,比如我的是:

#menu ul li.current a{
background:#f30;color:#fff;
text-transform:capitalize;
font-weight:700;
}

这个表示,当切换到页面的时候,页面导航显示红色背景,加粗字体,首字母大写。

如果大家要利用这个来实现当前页面导航高亮。那么,要注意的主要是页面名称样式的设置。 页面名称可以在”后台–>Manage–>Pages”查看你的页面标题。相信这并不是一件让你头痛的问题。如果样式设置遇到问题的话,完全可以来问我,我将会帮你解决。

wp-imgcode问题

三月 13, 2009 by admin  
类别:WEB技术

wordpress前段时间一真受垃圾评论困扰,Google一下,得出的结论是加个验证码功能,是较好的解决方案。于是就找了个几个WP的验证码插件。

  有好几款都不错,最后先了一个简单一点的WP-imgcode。用法很简单,在评论页面上加上

  <?php do_action(‘comment_form’, $post->ID); ?>就行了。

  加上后发现有问题了。在静态页面上可能正常显示验证码,但在日志页面上无法显示验证码。到底是什么原因呢?

  查看源代码后发现,是链接的地址不对。我日志页面用了永久化链接,把地址改成了“http://www.ardy.cn/java/***”,在域名后在加上了日志类别。而验证码图片的地址为“http://www.ardy.cn/java/wp-content/plugins/wp-imgcode/imgcode.php”,看出问题了吧!正常的地址应该是“http://www.ardy.cn/wp-content/plugins/wp-imgcode/imgcode.php”很明显,作者写的是相对地址,所以把相对的目录信息加上了。

  知道问题出在哪了,就好办了。去编辑插件,在开代码前面不远处就能看到一句“var $plugin_dir = ‘wp-content/plugins/wp-imgcode’;”,没错,是写的相对地址吧,那好,我们把它也成从根下开始,改为“ var $plugin_dir = ‘/wp-content/plugins/wp-imgcode’;”。OK!再看看,问题解决了~!

  这部份代码如下:

  class wp_imgcode
{
    var $version = ’1.0.0′;
    var $plugin_dir = ‘/wp-content/plugins/wp-imgcode’;

更新至WordPress2.71

二月 19, 2009 by admin  
类别:生活匣子

    最近WP更新频繁,一真没有升级到2.7,观望了好久,今天总算下定决心直接更新到2.71了,较以前版本新增了不少功能。

    更新过程如下:备份数据库   备件所有文件  把主题、插件、上传文件Copy到新的2.71里面,上传新的2.71,升级数据库。

   OK~!

    另外多加一两个插件:1,wordpress-thread-comment 用于回复评论 ; 2,Wp-imgcode 用于对付拉圾评论,增加评论验证码。

Revolution Two系列主题之Revolution Church 1.0汉化版

十二月 5, 2008 by admin  
类别:生活匣子

       超酷的3栏WP主题Revolution Two系列主题之Revolution Church 1.0汉化版,本站原创。汉化了所有页面,包括后台主题安装设置页。
安装方法:
1.前提工作,下载汉化版church_10-zh.rar解压后把church_10里面的plugins目录里面的插件复制到你的WP插件目录并启用它,把church_10目录(去掉plugins目录)复制到你的WP主题目录。 (版权信息:本内容来自www.fruit0769.com

2.Revolution Church 1.0主题安装,进入WP后台选择外观选项你会看到有个Revolution Church Options 选项,选择这个。这里就是church 1.0的全局设置,已经被我汉化了,按提示操作。关于第一项Feedburner ID 这个就需要自己去注册了。填好后记得保存(Save changes)。

3.Content Gallery插件安装,WP插件content-gallery的使用方法详细见http://www.fruit0769.com/?p=1563 

缩图的调用方法见http://www.fruit0769.com/?p=1555

4.breadcrumb-navigation-xt插件安装,这个插件可能版本不对,在我这里(WP2.6.3)不能显示。这里不做介绍了,抱歉。(这个不装好似关系不大)

5.Revolution Church 1.0主题使用,上面的工作完成后。进入Revolution Church 1.0主题目录,找到home.php。在第28行找到cat=3&showposts=3,这里cat=3表示调用类别ID为3的日志内容,后 面的showposts=3表示调用3篇日志,如果觉得不够自己改(建议不要改太大的数字,5以下吧)。同样在第58、87行也有,同样办法改掉。提示:3处分别调用3个不同的类别的日志。

WordPress Themes

五月 18, 2008 by admin  
类别:WEB技术

看到一些不错的WordPress主题,好多还是收费的,都有免费提供下载,有须要的朋友值得看看。

地址:http://www.arthack.org/wp-themes

 

 

 

WordPress永久链接设置技巧

五月 18, 2008 by admin  
类别:WEB技术

一个网站的永久链接可谓网站的门牌号,好的永久链接可以更受搜索引擎的欢迎,同时也能为你带来更多的流量。那么如何设置永久链接或固定链接才好呢? 我想这个问题也是仁者见仁,智者见智,各有各的看法。下面介绍了WordPress 中,永久链接或固定链接设置技巧,算是我的一家之言吧。

1. 如何设置WordPress 永久链接

登陆WordPress,单击“选项”。然后单击“选项”的下级分类‘永久链接’在常规设置中选择“自定义”,然后在“自定义结构”中填入你想设置的永久链接结构就可以了。

WordPress 永久链接结构主要是通过结构标签来构成的,你只要了解了这些标签就可以任意设置你的永久链接了。WordPress 永久链接结构标签主要有如下这些: 阅读全文

wordpress代码高亮插件

四月 18, 2008 by admin  
类别:WEB技术

wordpress的常用几款代码高亮插件,都是以GeSHi这个php的开源代码高亮库为基础开发的。不同的是表现形式和前台的调用方法。其中的coolcode是根据以前的一款插件改变而来,而且,并没有在wordpress.org上发布。
1.WP-Syntax
以< pre lang=”php”> …code… < /pre >使用原生的html代码,为了美化可以在css里加入一小段代码,兼容性最好。也是我目前使用的。
2.coolcode

国人改自另一款插件的作品。很漂亮。但兼容性有点问题,与openid与ajaxed wordpress两款插件有冲突。以 …code… 种形式
3.Google Syntax Highlighter for WordPress
顾名思义,是google的代码高亮插件。
SyntaxHighlighter is here to help a developer/coder to post code snippets online with ease and have it look pretty. It’s 100% Java Script based and it doesn’t care what you have on your server.
4.WP-CodeBox
国人开发的一款插件,依然在陆续开发中,类似于WP-Syntax ,增加了一点小功能。
WP-CODEBOX代码高亮插件,支持多种语言、代码下载、复制到剪贴板、代码框收放及后台默认属性设置。本插件还在持续开发中,欢迎使用及报告bugs.