以列表框(listbox)方式显示归档

随着时间的推移,我们写的post越来越多,很多朋友的的博客侧栏都有一串长长的归档列表。其实,如果将这些归档以列表框的形式显示,版面就会简洁多了(参见本博客侧栏)。经过查找发现,WordPress本身的函数get_archives就有此功能,文档中还提供了实现该功能的代码。现转载如下,以方便大家查找使用。

1
2
3
4
5
6
7
8
<form id="archiveform" action="">
<select name="archive_chrono" onchange="window.location =
(document.forms.archiveform.archive_chrono[
document.forms.archiveform.archive_chrono.selectedIndex].value);">
<option value=''>选择月份</option>
<?php wp_get_archives('type=monthly&format=option&show_post_count=true'); ?>
</select>
</form>

DIV+CSS布局入门教程(六)

这半个月以来今天是头一天在20:00左右下班,想起关于这个教程一直没有完成,心里感觉非常不踏实。两个月前刚辞职,本想把教程全部完成,但是由于一次不幸,导致硬盘中的数据大部分丢失,本写了一半的教程也随之灰飞烟灭。但最近有许多的网友通过博客、QQ、MSN、E-MAIL等途径与我联系,希望能继续更新这个教程,甚至有网友居然拨打我的手机(我不知道大家是如何知道我的号码的,,哎~~)被大家所感动,时间虽然很紧,但还是抽点时间来尽量完成这个教程吧~~就像鲸鱼叔叔所说的,时间就是奶,越挤就越多~~

首先,有些东西需要说明一下。对于之前的文章,由于为了让大家更好的区分各层的关系,教程中不少地方使用了大写的CLASS或者ID,其实这样做是不推荐的,我推荐的方法是使用单词之间增加下划线,或者单词拼接的方法。因为CSS是区分大小写的。大家可以看到,我提供给大家的下载文件中全部都是使用小写来处理的。

我们先来处理sidebar的样式,经过分析,我们可以得知,sidebar有四个部分,我们将这四个部分分为四个层:

继续阅读

Div+CSS布局入门教程(五)

四、页面制作(1)—-用好border和clear

  由于找工作找房子的原因,隔了这么久才能开始写教程,心里感觉很对不起一直在关注本站的朋友,今天是找到房子的第二天,于是赶快继续写教程。
  这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性。

继续阅读

Div+CSS布局入门教程(一)

转自http://www.tblog.com.cn

一、页面布局与规划

好久没有认真写点东西了,想起最近这些时间经常有朋友问到我有关于DIV+CSS布局的问题,其实归根结底还是由于没有入门造成的。那么接下来的这篇文章就带领大家入门吧…

在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。

所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图。
01.JPG

继续阅读

WP搜索引擎优化

http://theundersigned.net/2006/06/wordpress-and-seo/看到这篇介绍Wordpress如何进行搜索引擎优化(SEO)的文章,内容相当不错。做了一个翻译给大家,版权归原作者所有。

1)设置永久链接
使用永久链接结构,确认文章标题使用了永久链接。在WordPress里,可以进入控制面板-〉选项-〉Permalinks,然后选择一种永久链接的结构,或者自己定制一种,比如我用的就是/%year%/%monthnum%/%postname%/(也就是”/年/月/文章名/”)

2) 文章标题
网站名字(”Title“,就是一般显示在浏览器标题栏的文字)应该显示在当前访问的文章或者页面里。比如我的文章标题就该是这样,”WordPress SEO,WP搜索引擎优化 | 孩子气☆孙秀楠宝宝“,在样式设置里可以这样定制,

3)Headers HTML文本标记
搜索引擎对于headers(比如h1,h2,h3等等)要比内容更看重。所以写一个好的包含关键字的文章标题很重要,当然关键字要和文章内容匹配。最好是每页只用一两个h1的HTML标记,比如用在Blog的名字上或者最新的文章上。

4)Alt图像HTML标记
给图片加上alt标记,并且确认这些标记和显示的内容匹配,这会帮助google图像搜索引擎或者其它图像搜索引擎更好工作。

继续阅读