一直都覺得wordpress的原生相冊(cè)是一個(gè)非常棒的功能，插入一組圖片，使用拖動(dòng)的方式建立相冊(cè)，直接插入到文章之中，非常方便和實(shí)用，但是wordpress原生的相冊(cè)基本功能很遜，只是把圖片一個(gè)一個(gè)的默認(rèn)輸出出來，并不能滿足我們的胃口，我們想要使用這個(gè)功能建立一些非常強(qiáng)大的滑塊功能，并且輸出到我們想要的位置去。

下面首先給出一個(gè)例子，就是對(duì)即將發(fā)布的《格子商鋪》wordpress主題進(jìn)行實(shí)驗(yàn)性開發(fā)，并開發(fā)完成帶有一般商鋪樣式的相冊(cè)滑塊，這個(gè)滑塊可以看出，是獨(dú)立于文章正文而存在的，而發(fā)布這個(gè)滑塊，是直接使用wordpress原生相冊(cè)，即直接在編輯文章時(shí)，點(diǎn)擊添加媒體-----選擇創(chuàng)建相冊(cè)---------選擇圖片--------插入相冊(cè)，這樣簡單完成的（如下圖）：

這里可以拖動(dòng)圖像位置，調(diào)整順序，直接從本地拖入一張或者多張圖片上傳，非常方便，插入到正文，點(diǎn)擊發(fā)布即可得到下面的效果：

下面生成了小的略縮圖，鼠標(biāo)經(jīng)過略所圖，上面的大圖會(huì)切換過去，并且鼠標(biāo)在大圖上經(jīng)過，右側(cè)會(huì)出現(xiàn)圖片的細(xì)節(jié)（放大一倍顯示），類似于京東的首屏圖像展示。

這個(gè)功能會(huì)在《格子商鋪》1.04版本添加，這幾天修復(fù)好其他的bug就會(huì)開放免費(fèi)下載，敬請(qǐng)期待！

wordpress原生相冊(cè)[ Gallery Shortcode ] 詳解

想要徹底改造原生相冊(cè)，就必須了解原生相冊(cè)的原始代碼是如何運(yùn)作的，wordpress關(guān)于原生相冊(cè)是使用wordpress自帶的短代碼Gallery進(jìn)行工作的，這個(gè)短代碼在wordpress的文件夾wp-includes/media.php.? ，你可以點(diǎn)擊進(jìn)入此源碼查看相關(guān)短代碼的一些運(yùn)作代碼，就基本能夠了解這個(gè)原生相冊(cè)是如何進(jìn)行輸出的了。

全面改造短代碼Gallery

查看了這個(gè)函數(shù)，你應(yīng)該已經(jīng)了解原生相冊(cè)的輸出方式了，現(xiàn)在，我們需要替換掉這個(gè)函數(shù)，寫成我們自己想要的樣式。

如果直接使用wordpress給我們的函數(shù)add_shortcode?? 像下面這樣放進(jìn)功能文件中，是不行的

add_shortcode('gallery', 'wpe_gallery_shortcode');

因?yàn)間allery這個(gè)短代碼已經(jīng)存在了，不能重復(fù)的添加，這樣加進(jìn)去就會(huì)報(bào)錯(cuò)，所以，我們可以首先把這個(gè)短代碼刪除，再重新使用我們自己的短代碼輸出：
remove_shortcode('gallery', 'gallery_shortcode');
add_shortcode('gallery', 'wpe_gallery_shortcode');

這樣，我們就將wordpress原始的短代碼'gallery‘給刪除了，又重新添加了一個(gè)名稱一樣的新的短代碼'gallery’

現(xiàn)在我們直接使用短代碼的設(shè)置方式，將這個(gè)新設(shè)置的短代碼重構(gòu)一下，寫成我們需要的樣式：

function wpe_gallery_shortcode($attr) {

//所有的樣式都能在這里寫好哦

}

這樣，一個(gè)全新的輸出方式就形成了，這里你不僅能夠確定好相冊(cè)輸出的html結(jié)構(gòu)，還可以設(shè)定相冊(cè)id，嵌套各種父級(jí)，修改css類名稱，還可以確定好相冊(cè)的裁切尺寸，這樣就能方便的使用了。

這是原生代碼沒有更改過時(shí)候的輸出結(jié)構(gòu)：