WEB技术 : 木瓜Blog

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

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

是不是很不错呢？当然，我也觉得。如果单纯用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”查看你的页面标题。相信这并不是一件让你头痛的问题。如果样式设置遇到问题的话，完全可以来问我，我将会帮你解决。

漂亮的CSS 表格

Name	Location	Color
House
Carrion Fly	Worldwide	gray
Office Fly	California, Bay Area	white
Common House Fly		brown
Horse
Horn Fly	Kansas	red
Face Fly		green
Stable Fly		black

wp-imgcode问题

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

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

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

查看源代码后发现，是链接的地址不对。我日志页面用了永久化链接，把地址改成了“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’;

WP插件content-gallery用法

应广大网友要求，现发文讲解WP插件content-gallery的使用方法。本文将图文并茂，目的是让新手能看得明白。写的不好还望见谅！

手动指定域名与IP的关系

# Copyright (c) 1993-1999 Microsoft Corp.
#
# This is a sample HOSTS file used by Microsoft TCP/IP for Windows.
# This file contains the mappings of IP addresses to host names. Each
# entry should be kept on an individual line. The IP address should
# be placed in the first column followed by the corresponding host name.
# The IP address and the host name should be separated by at least one
# space.
#
# Additionally, comments (such as these) may be inserted on individual
# lines or following the machine name denoted by a ‘#’ symbol.
#
# For example:
#
#      102.54.94.97     rhino.acme.com          # source server
#       38.25.63.10     x.acme.com              # x client host
127.0.0.1       localhost

WordPress Themes

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