WEB主題公園
WordPress原創(chuàng)主題,高端網(wǎng)站模板建站,網(wǎng)站模板建站資源以及開(kāi)發(fā)知識(shí)分享,盡在WEB主題公園
WEB主題公園致力于開(kāi)發(fā)適合中國(guó)人習(xí)慣的中文WordPress網(wǎng)站模板,并提供全程視頻教程,讓您能夠輕松的使用網(wǎng)站模板建立好自己的網(wǎng)站!
wordpress相冊(cè)短代碼的應(yīng)用
我們都知道,wordpress有一些短代碼直接在文章編輯時(shí)插入到文章,便可以很方便的實(shí)現(xiàn)很多的內(nèi)容,比如相冊(cè)啦、音樂(lè)啦、視頻啦,所以今天我們就來(lái)介紹一下wordpress短代碼的使用。
這里我們主要詳解相冊(cè)短代碼的使用,我們知道,wordpress3.5更新之后,媒體庫(kù)的使用大大增強(qiáng)了,并且非常方便好用,我們對(duì)此相冊(cè)開(kāi)發(fā)了一些滑塊功能,以供大家的使用,只需要在文章中插入相冊(cè),就能很輕松的獲得一個(gè)非常棒的滑塊,這樣非常方便,具體可以見(jiàn)免費(fèi)wordpress主題:《無(wú)線日志》
如果我們想要這樣的滑塊(如下圖)應(yīng)該如何去做呢? 下面的圖片是淘寶等電商的一種展示模式,相信很多朋友也比較喜歡這樣的滑塊功能,這樣的方式讓相冊(cè)滑塊出現(xiàn)在正文外面,與標(biāo)題同行,而不是出現(xiàn)在文章正文內(nèi)部,那么我們應(yīng)該如何去做呢?

下面的代碼和思路可以告訴你,如何實(shí)現(xiàn)這一功能。
首先我們需要判斷,文章中是否有相冊(cè)的短代碼,從而判斷是否出現(xiàn)滑塊,如果有則出現(xiàn)滑塊,沒(méi)有可以調(diào)用一張?zhí)厣珗D片:
<?php
if(has_shortcode( $post->post_content, 'gallery' )==true){?? //判斷如果插入了相冊(cè)
echo do_shortcode( $post->post_content, 'gallery' );???? //輸出相冊(cè)
}? else{
echo? the_post_thumbnail( 'customized-post-thumb');?? // 如果沒(méi)有則輸出一張?zhí)厣珗D片
}
?>
這樣就可以將相冊(cè)輸出到你想要的位置了
現(xiàn)在寫好你的css,將相冊(cè)滑塊美化好,最后用js或者css將文章正文中的相冊(cè)隱藏或者刪除即可實(shí)現(xiàn)上圖所示的效果。
你現(xiàn)在學(xué)會(huì)了嗎?今后這樣的方式會(huì)應(yīng)用到我們所開(kāi)發(fā)的商鋪類主題中,你會(huì)喜歡嗎?
如未標(biāo)明出處,所有文章均為WEB主題公園原創(chuàng),如需轉(zhuǎn)載,請(qǐng)附上原文地址,感謝您的支持和關(guān)注。
本文地址:http://www.dengyin90.cn/wordpressxcddmdyy.html
推薦閱讀
- 2017年3月13日
- 2013年8月14日
- 2017年1月12日
- 2024年4月30日
- 2016年11月26日
- 2017年3月2日
- 2013年6月19日
- 2013年10月20日
- 2017年9月11日
- 2014年6月20日




