解讀WordPress2.9新功能

2024-09-07 00:53:21

字體：大中小

供稿：網(wǎng)友

WordPress是一款成熟的開源CMS平臺(tái)，新推出的2.9版本依然保持了以往良好的口碑。這篇文章從WordPress 2.9的codex文檔里摘錄出幾個(gè)開發(fā)者應(yīng)該留意的功能進(jìn)行簡析。

1.文章縮略圖（Post Thumbnails）

WordPress 2.9 一個(gè)比較重頭的新功能就是提供了不需要自定義字段的文章縮略圖功能，這將對(duì)使用者提供很大的便利，但由于一些兼容性的限制，你必須對(duì)主題的function.php文件進(jìn)行修改才能使用這個(gè)功能。在主題的function.php里添加如下代碼，你就能使用WordPress的文章縮略圖功能。

1
2
3

if ( function_exists( 'add_theme_support' ) ) { //檢查WP版本是否為2.9或以上版本
add_theme_support('post-thumbnails'); //如果WP版本符合最低要求則添加文章縮略圖
}

然后在文章列表調(diào)用里添加一下代碼，用來顯示文章縮略圖。

if (  (function_exists('has_post_thumbnail')) && (has_post_thumbnail())  ) {  
	echo '<a href="' . the_permalink() . '">' . the_post_thumbnail() . '</a>';
}
/*如果支持文章縮略圖，并且該文章存在縮略圖，則顯示縮略圖，否則顯示默認(rèn)圖片*/

使文章縮略圖顯示美觀的重點(diǎn)是 the_post_thumbnail（）函數(shù)的定義，以下代碼提供一個(gè)簡單的說明。

the_post_thumbnail(); //采用默認(rèn)參數(shù)，請(qǐng)參考wp-includes/post-image-template.php文件
the_post_thumbnail('thumbnail'); //小尺寸縮略圖
the_post_thumbnail('medium'); //中等縮略圖
the_post_thumbnail('large'); //大縮略圖
the_post_thumbnail('medium', array('class' => 'alignleft', 'alt' => 'alttext'));
 
//采用中等縮略圖
//設(shè)定圖片分辨率為100x100像素，并加上class="alignleft"和描述
the_post_thumbnail(array(100,100), array('class' => 'alignleft', 'alt' => 'alttext'));

關(guān)于文章縮略圖的配置還有一些技巧，請(qǐng)繼續(xù)留意本博客更新。

2.側(cè)邊欄描述（Sidebar Descriptions）

Widget的支持是WordPress一個(gè)成功的嘗試，它使用戶能靈活地定制側(cè)邊欄顯示的內(nèi)容，并為插件的調(diào)用提供了很大的便利。但一些主題支持自定義多個(gè)側(cè)邊欄，這就給Widget的正確安裝帶來困難。側(cè)邊欄描述更能的出現(xiàn)就像給支持Widget的區(qū)域加上了書簽，用戶一眼就可以知道所安裝的 Widget將出現(xiàn)在什么地方。添加側(cè)邊欄描述的方法是在主題的function.php文件里添加如下代碼。

function register_theme_widget_areas() { //定義可以安裝Widget的區(qū)域
	register_sidebar( array( //定義區(qū)域參數(shù)
	'name' => 'Primary', //側(cè)邊欄名稱
	'id' => 'primary', //側(cè)邊欄id
	'description' => 'The primary widget area is used as top right sidebar.', //側(cè)邊欄描述
	'before_widget' => '<li id="%1$s" class="widget %2$s">',
	'after_widget' => '</li>',
	'before_title' => '<h4 class="widgettitle">',
	'after_title' => '</h4>'
	/*以上四行都是定義Widget的樣式，基本上和舊版本保持一致*/
	) );
}