common文件夾是什么? 顧名思義,common在英語(yǔ)中對(duì)應(yīng)通用,沒錯(cuò),如果將Discuz中的頁(yè)面比作建筑物,那么common相當(dāng)于水,電等公共設(shè)施,common負(fù)責(zé)的部分東西包括但不限于 - <head>標(biāo)簽,引入js和css
- 上方操作,標(biāo)題欄
- 頁(yè)面下方頁(yè)腳(版權(quán)信息)
案例——修改頁(yè)腳
知道Discuz的頁(yè)腳版權(quán)標(biāo)識(shí)屬于common的東西,那么怎么改呢?
我們要找到頁(yè)腳對(duì)應(yīng)的htm文件,通常可以看文件名字來辨別,但如果看不懂呢?
F12是個(gè)好東西,通過網(wǎng)頁(yè)工具箱,我們可以找到我們想要的元素的信息
截圖202408281721107291.jpg (328.44 KB, 下載次數(shù): 144)
下載附件
2024-8-28 17:21 上傳
通過查找,我們將目標(biāo)鎖定在了<id=" frt">,這下看看哪個(gè)文件中包含<id=" frt">的字符就可以了,到最后,我們成功將目標(biāo)鎖定在了footer.htm
截圖202408281717026532.jpg (184.83 KB, 下載次數(shù): 119)
下載附件
2024-8-28 17:17 上傳
開始編碼!
還記得我們創(chuàng)建過的模板文件夾嗎?在template/ <你的模板標(biāo)識(shí)符>/ 中,創(chuàng)建common文件夾并復(fù)制footer.htm文件到里面第74行
截圖202408281726083929.jpg (55.67 KB, 下載次數(shù): 143)
下載附件
2024-8-28 17:26 上傳
- Q:這些<!--{/if}-->標(biāo)簽到底是什么?
- A:我們都知道,Discuz渲染頁(yè)面是“拼接法”,但有一個(gè)問題:”我不能亂拼,我應(yīng)該在不同的情況下用不同的拼法“,if(如果)是很好的方法,用于判斷并做出選擇
我們可以做出一些修改在此基礎(chǔ)上,比如加一個(gè)友情鏈接,或者加一些俏皮文案...
- <div><span style="white-space:pre"> </span><div id="frt">
- <span style="white-space:pre"> </span><p>Powered by <strong><a href="https://www.discuz.vip/" target="_blank">Discuz!</a></strong> <em>$_G['setting']['version']</em><!--{if !empty($_G['setting']['boardlicensed'])}--> <a href="https://license.discuz.vip/?pid=1&host=$_SERVER[HTTP_HOST]" target="_blank">Licensed</a><!--{/if}--></p>
- <span style="white-space:pre"> </span><p class="xs0">{lang copyright}</p>
- <span style="white-space:pre"> </span><p href="https://ys.mihoyo.com/">我要玩原神</p>
- <span style="white-space:pre"> </span></div></div>
復(fù)制代碼
截圖202408281735473594.jpg (26.97 KB, 下載次數(shù): 131)
下載附件
2024-8-28 17:35 上傳
最終成果展示
所以有什么用
一切大型建筑都是從零開始,掌握了一定前端文案后你可以制作友情鏈接,比如
截圖202408281741005391.jpg (7.97 KB, 下載次數(shù): 124)
下載附件
2024-8-28 17:41 上傳
僅作為樣本,有實(shí)力的可以加一些圖標(biāo)作為修飾
|