過(guò)年掛燈籠是中國(guó)的一個(gè)習(xí)俗,家里掛燈籠,博客也是自己的家,當(dāng)然也要掛一個(gè)了。很多年前Flash流行時(shí),網(wǎng)上可以隨便找一個(gè)Flash動(dòng)畫的燈籠,很方便就可以加到網(wǎng)站主題模板上,如今Flash已成過(guò)眼云煙,在國(guó)內(nèi)甚至已變成流氓插件,網(wǎng)上找了找沒(méi)有合適CSS3動(dòng)畫燈籠,那就自己寫一個(gè)吧,效果圖
963.png (105.44 KB, 下載次數(shù): 58)
下載附件
2021-1-17 14:03 上傳
代碼這里也分享一下,有喜歡的朋友拿去用,將燈籠掛在自己的博客上,增加點(diǎn)過(guò)年的氣氛。
這個(gè)燈籠只是簡(jiǎn)單應(yīng)用一下CSS3動(dòng)畫,純HTML+CSS手敲出來(lái)的,由于時(shí)間短寫的不是很嚴(yán)謹(jǐn),但不影響使用,具體實(shí)現(xiàn)方法如下:
第一種方法(適合懶人):
將以下代碼復(fù)制出來(lái),進(jìn)入網(wǎng)站后臺(tái)-全局-網(wǎng)站第三方統(tǒng)計(jì)代碼里直接把代碼粘貼上去提交即可。
也可以把代碼放在頁(yè)面底部footer.php文件里。
只有右則有燈籠:若需要網(wǎng)站左右則都有燈籠的請(qǐng)至https://addon.dismall.com/plugins/shangyou.html下載。
無(wú)良的人太多,原始代碼請(qǐng)到上面鏈接自行復(fù)制
添加判斷函數(shù)
如果只想在首頁(yè)顯示燈籠,可以用下面的判斷語(yǔ)句把上面的代碼包裹起來(lái):
- <?php if (is_home()) { ?>
- <!-- 代碼放這里 -->
- <?php } ?>
復(fù)制代碼 手機(jī)移動(dòng)端不顯示:
- <?php if (!wp_is_mobile()) { ?>
- <?php require get_template_directory() . '/deng.php'; ?>
- <?php } ?>
復(fù)制代碼 提示:加顯示判斷函數(shù),代碼必須添加在頁(yè)腳模板<?php wp_footer(); ?>函數(shù)上面,否則無(wú)效。
最后祝大家2021新年快樂(lè),萬(wàn)事如意!
|