常看水哥格子的人應該知道
最近水哥的格子多了手機APP可以下載
並且提供了Apple的iOS版本與Google Android的版本(只差Windows Phone版了…不過目前我還在研究要怎麼弄…)
雖然功能沒有那麼完整
但是以閱讀的方便性來說也並不差!
本來是想先寫那個簡單易學的製作方式與過程…
不過我發現那個方式並不適用於台灣的痞客邦(pixnet)
插件無論怎麼裝都無法受到認可…
後來深入了解的結果~~據說是因為這個工具網站並無法適用於痞客邦…
有鑑於台灣絕大多數的部落格都是來自於痞客邦
也希望能找到一個通用解來適用於其他平台…如blogger(blogspot), xuite, udn, yam, pchome之類的平台
水哥找了這個叫做App.Yet的網站(http://appyet.com/), 來教大家製作專屬於自己的Android APP!
雖然網站是英文
不過我想這個英文也不算太難
跟著步驟走的話應該很快就可以完成!
痞客邦BSP不給的~我們自己來XD
點了網站中間的 Get Started 就能夠開始建立屬於自己的APP
不過因為是第一次來
所以要選擇右邊的Sing up today來建立新帳號!
建立帳號~~
輸入E-mail與自定義的密碼
就可以完成!
登入後就可以產生APP
網站預設給你兩種風格的主題
製作哪一種其實差異並不大
可以自行試試看~~不過v3的功能性與複雜度就更多了
這裡以v2的版本為例…
簡單的填了APP名稱…封包名稱以及RSS/Atom連結後就可以開始建立!
這個RSS/Atom Feeds是我認為它是通用解的原因!
因為這個APP產生器的原理就是去抓網站的RSS/Atom…
所以理論上只要有支援RSS/Atom擷取的網站應該都可以適用
倘若要適用於痞客邦
就要到部落格管理後台中的側邊欄位設定
把新聞交換的功能打開…
再把其中的RSS/Atom連結複製進網站的裡頭
或者是直接把部落格的網址…後面加上/rss/feed
譬如說… 友人黑洞雪莉的部落格 http://shellychang0611.pixnet.net/blog
其RSS就是 http://shellychang0611.pixnet.net/blog/rss/feed
所以~畫面就會被改成像是這樣…!
而點選Create App進入後的第一個畫面是這個…
現在要開始設定APP的名稱, 圖示等等的參數!
如果在中間的Change icon上傳了一張圖片
再按了底下的Save Changes
就會發現APP的圖示已經變成你想要的樣子囉^^
第二個頁籤Feeds
則是會show出剛剛設定的那組RSS/Atom Feed
下方的 Add New Feed則是可以同時新增幾個網站的Feeds來把幾個網站的資料綜合起來!
Tab頁籤則是用來設定APP中會有幾個分頁
裡頭洋洋灑灑好幾個~~不過水哥認為用的到的大概只有All, 跟Web
其餘的好像不是很好用
大家可以自己試試看每個頁籤的功能喜不喜歡
All的頁籤是用來顯示全部
那Web呢?
則是用來觀看網站的行動版
等於是直接開瀏覽器去看原始的網站的意思囉!
而如果選了Web的頁籤
底下的Web Tab URL則要輸入到時候要開啟的畫面是甚麼連結!
其實設定完剛剛的部分就可以將APP產出了!
不過有些設定我想應該會有人需要用到
在這個Setting的頁籤中基本上的設定都可以不用改
但是最下方有個Feedback E-mail可以設定意見回覆所需要收件的E-mail
而Google Analytics則是可以設定統計的編號
而其他的幾個頁籤主要是用來設定廣告的放置(Monetize)
以及付費功能的有無與限制(Pro)
付費功能的有無差異
可以參考看看
不過一般來說應該是不用啦@@”
等到一切都確定後就可以到Build頁籤中選擇建立
而建立完成後會主動將APP寄送到當初帳號建立時使用的E-mail!
以本例來說
APP程式的Apk檔會變成附件
下載後就可以轉送給朋友或者提供下載連結供人下載(按右鍵另存新檔)使用!
喔~當然也可以像這樣另外製作成 QRCode的圖片讓人來掃描一下囉^^
狠一點的~~甚至可以拿去Play Store發佈
這樣就可以在Goole Play上供人下載了 🙂
嗯
不過還是先來裝一下~~試試看效果如何吧!
以痞客邦的網站來看~~呈現出來的主畫面如圖…
效果還算不錯囉!
也可以切換成如下的圖示~~非常精緻喔^^
而網站的頁籤
點下去則是會出現行動版的網站
跟開瀏覽器瀏覽相同
就不多贅述
但~以這樣的方式做出痞客邦部落格的APP是可行的!
探索更多來自 哪裡好吃哪裡去:美食避雷箴 的內容
Subscribe to get the latest posts sent to your email.