X5 DIY 中的組件

monkeye

如果你是一個(gè)開(kāi)發(fā)者，我可以鄭重的告訴你一件事，在 X5 里，如果你對(duì)設(shè)計(jì) Discuz! 模板不擅長(zhǎng)也可以做模板啦！

是的，講了好幾天的插件開(kāi)發(fā)相關(guān)的，今天講下模板開(kāi)發(fā)相關(guān)的內(nèi)容！

在 X5 中你不必制作一個(gè)完整模板也依然可以發(fā)布上線，在 X5 我們新增了組件機(jī)制，你可以把設(shè)計(jì)好的一小塊風(fēng)格進(jìn)行導(dǎo)出供開(kāi)發(fā)者導(dǎo)入到其他風(fēng)格中。容我一一道來(lái)

我們舉例哈，我們正常添加一個(gè)靜態(tài)模塊，自定義 HTML 的，粘貼進(jìn)去一串天氣的 html 代碼

登錄/注冊(cè)后可看大圖

登錄/注冊(cè)后可看大圖

保存后我們看下效果，看著這效果看著眼熟不？讓我們導(dǎo)出

登錄/注冊(cè)后可看大圖

選擇天氣所在的框架進(jìn)行導(dǎo)出

登錄/注冊(cè)后可看大圖

把導(dǎo)出的文件放到你創(chuàng)建的模板文件夾的 portal/diyxml/module 目錄下，改個(gè)名叫 weather.xml，同時(shí)找個(gè)圖片 80x60 尺寸的，同名 weather.jpg。

然后這個(gè)模板就可以開(kāi)賣上線啦，分享給別人。是的，就這么簡(jiǎn)單！

然后別人通過(guò)應(yīng)用中心安裝模板后，就可以在 DIY 的模塊組件的地方看到它了

登錄/注冊(cè)后可看大圖

點(diǎn)擊這個(gè)圖片

登錄/注冊(cè)后可看大圖

點(diǎn)擊導(dǎo)入

登錄/注冊(cè)后可看大圖

用戶就可以直接使用了

可以給組件的 XML 文件開(kāi)頭添加以下內(nèi)容命個(gè)名，這樣組件列表中就不會(huì)顯示為文件名了

<!--[name]天氣[/name]-->

是不是覺(jué)得很神奇。

登錄/注冊(cè)后可看大圖

頁(yè)面組件是同樣的操作方式，導(dǎo)出整個(gè)頁(yè)面的 XML 文件，把文件放在 portal/diyxml/page 下。用戶可以一次導(dǎo)入整個(gè)頁(yè)面，你可以設(shè)計(jì)好整個(gè)頁(yè)面的布局給用戶一性導(dǎo)入，而無(wú)需再考慮用戶當(dāng)前用的是哪個(gè)模板。因此，請(qǐng)做好 CSS 的調(diào)整工作。

科站網(wǎng)

沙發(fā)位已占