X5 DIY 中的組件

monkeye

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

是的，講了好幾天的插件開發相關的，今天講下模板開發相關的內容！

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

我們舉例哈，我們正常添加一個靜態模塊，自定義 HTML 的，粘貼進去一串天氣的 html 代碼

登錄/注冊后可看大圖

登錄/注冊后可看大圖

保存后我們看下效果，看著這效果看著眼熟不？讓我們導出

登錄/注冊后可看大圖

選擇天氣所在的框架進行導出

登錄/注冊后可看大圖

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

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

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

登錄/注冊后可看大圖

點擊這個圖片

登錄/注冊后可看大圖

點擊導入

登錄/注冊后可看大圖

用戶就可以直接使用了

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

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

是不是覺得很神奇。

登錄/注冊后可看大圖

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

科站網

沙發位已占