星期五, 10月 19, 2018

空氣盒子PM2.5資料嵌入黑快馬首頁

A 尋找屬於自己的原始碼
零時空汙觀測網提供空氣盒子嵌入網站的原始碼,這個方法不用找空氣盒子的mac address,雖然它就貼在外盒上面。
以下是提供小工具的網址

1.進入後點Widget的圖示
2.選擇自己的空氣盒子所屬單位區域來搜尋學校的資料

3.搜尋後出現很多單位 向下捲動網頁找到學校的資料
ID代表的就是空氣盒子的mac address
再次點Widget的圖示可以看見原始碼
*如果在列表中沒有顯示貴單位,可以將網址列的網卡編號改為自己的網卡位置(紅色標示就是網卡編號),網卡位置標示在包裝外盒上。
*也可以使用iframe語法將下面網址嵌入網站上。
https://airmap.g0v.asper.tw/widget/create/LASS-Airbox%2474DA38F209F0
4.網站提供三種顯示模式,直接複製旁邊原始碼就可以使用在學校網站中。
簡約列表
醒目圖示
狹窄


B 嵌入學校首頁
1.登入黑快馬後台選擇 模組管理/自訂模組

2.新增自訂模組

3.新增模組標題後再將上述零時空汙觀測網的原始碼貼入模組內容裡。
紅色框式定義widget的大小測試結果沒加入會讓首頁的格式跑掉。

4.新增成功後到 頁面樣式/首頁畫面設定 將自訂模組pm2.5加到首頁。

5. 選擇模組列表頁籤

6.選擇 常用模組/自訂

7.向下捲動找到剛新增的 [自訂]PM2.5

8.在上面點左鍵就會出現在首頁新增的位置,選擇自己要加入的位置。

9.做完新增要儲存變更。

10.完成

11.回到首頁重新整理就會出現widget小工具。

12.如果不想要可以到 首頁畫面設定/頁面布局 按X移除。


QRcode