X5 DIY 中的組件

monkeye

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

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

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

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


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


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



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

然后這個模板就可以開賣上線啦，分享給別人。是的，就這么簡單！

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


點擊這個圖片

點擊導(dǎo)入


用戶就可以直接使用了

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

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

是不是覺得很神奇。


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

科站網(wǎng)

沙發(fā)位已占