用過 WordPress 相冊功能的朋友都知道,WordPress 的相冊功能相當(dāng)好用,但是文章中插入的相冊輸出卻比較單調(diào),簡單的圖片列表,美化起來很不方便,WordPress 3.6 增加了一個(gè)獲取文章中所有相冊的圖片的功能:get post galleries images,讓我們來一起看看這個(gè)功能有什么作用。
function mx_show_gallery_image_urls( $content ) {
global $post;
// 只在單頁面執(zhí)行此函數(shù)
if( ! is_singular() )
return $content;
// 確保文章中有相冊簡碼
if( ! has_shortcode( $post->post_content, 'gallery' ) )
return $content;
// 獲取所有相冊的圖片
$galleries = get_post_galleries_images( $post );
$image_list = '<ul>
<li style="list-style-type: none;">
<ul>';
//遍歷所有相冊
foreach( $galleries as $gallery ) {
// 遍歷所有相冊中的圖片
foreach( $gallery as $image ) {
$image_list .= '<li>' . $image . '</li>
}
}
</ul>
</li>
</ul>';
$image_list .= ''; // 附加圖片列表到文章中
$content .= $image_list;
return $content;
}
add_filter( 'the_content', 'mx_show_gallery_image_urls' );
獲取了相冊中的圖片,我們就可以隨意對相冊進(jìn)行美化了,加個(gè) JavaScript 代碼,做成燈箱的效果,通過 CSS 動(dòng)畫為相冊中的圖片增加動(dòng)感效果,為圖片加個(gè)背景邊框什么的都不是問題。



修改WordPress默認(rèn)相冊顯示樣式有相應(yīng)的插件,原理應(yīng)該都是差不多的吧?