【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD

 

常看水哥格子的人應該知道

最近水哥的格子多了手機APP可以下載

並且提供了Apple的iOS版本Google Android的版本(只差Windows Phone版了…不過目前我還在研究要怎麼弄…)

雖然功能沒有那麼完整

但是以閱讀的方便性來說也並不差!

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

 

本來是想先寫那個簡單易學的製作方式與過程…

不過我發現那個方式並不適用於台灣的痞客邦(pixnet)

插件無論怎麼裝都無法受到認可…

後來深入了解的結果~~據說是因為這個工具網站並無法適用於痞客邦…

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

 

有鑑於台灣絕大多數的部落格都是來自於痞客邦

也希望能找到一個通用解來適用於其他平台…如blogger(blogspot), xuite, udn, yam, pchome之類的平台

水哥找了這個叫做App.Yet的網站(http://appyet.com/), 來教大家製作專屬於自己的Android APP!

雖然網站是英文

不過我想這個英文也不算太難

跟著步驟走的話應該很快就可以完成!

痞客邦BSP不給的~我們自己來XD

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

 

點了網站中間的 Get Started 就能夠開始建立屬於自己的APP

不過因為是第一次來

所以要選擇右邊的Sing up today來建立新帳號!

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

建立帳號~~

輸入E-mail與自定義的密碼

就可以完成!

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

登入後就可以產生APP

網站預設給你兩種風格的主題

製作哪一種其實差異並不大

可以自行試試看~~不過v3的功能性與複雜度就更多了

這裡以v2的版本為例…

簡單的填了APP名稱…封包名稱以及RSS/Atom連結後就可以開始建立!

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

這個RSS/Atom Feeds是我認為它是通用解的原因!

因為這個APP產生器的原理就是去抓網站的RSS/Atom…

所以理論上只要有支援RSS/Atom擷取的網站應該都可以適用

 

倘若要適用於痞客邦

就要到部落格管理後台中的側邊欄位設定

把新聞交換的功能打開…

再把其中的RSS/Atom連結複製進網站的裡頭

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

 

或者是直接把部落格的網址…後面加上/rss/feed

譬如說… 友人黑洞雪莉的部落格 http://shellychang0611.pixnet.net/blog

其RSS就是 http://shellychang0611.pixnet.net/blog/rss/feed

所以~畫面就會被改成像是這樣…!

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

 

而點選Create App進入後的第一個畫面是這個…

現在要開始設定APP的名稱, 圖示等等的參數!

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

如果在中間的Change icon上傳了一張圖片

再按了底下的Save Changes

就會發現APP的圖示已經變成你想要的樣子囉^^

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

 

第二個頁籤Feeds

則是會show出剛剛設定的那組RSS/Atom Feed

下方的 Add New Feed則是可以同時新增幾個網站的Feeds來把幾個網站的資料綜合起來!

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

Tab頁籤則是用來設定APP中會有幾個分頁

裡頭洋洋灑灑好幾個~~不過水哥認為用的到的大概只有All, 跟Web

其餘的好像不是很好用

大家可以自己試試看每個頁籤的功能喜不喜歡

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

All的頁籤是用來顯示全部

那Web呢?

則是用來觀看網站的行動版

等於是直接開瀏覽器去看原始的網站的意思囉!

而如果選了Web的頁籤

底下的Web Tab URL則要輸入到時候要開啟的畫面是甚麼連結!

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

其實設定完剛剛的部分就可以將APP產出了!

不過有些設定我想應該會有人需要用到

在這個Setting的頁籤中基本上的設定都可以不用改

但是最下方有個Feedback E-mail可以設定意見回覆所需要收件的E-mail

而Google Analytics則是可以設定統計的編號

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

而其他的幾個頁籤主要是用來設定廣告的放置(Monetize)

以及付費功能的有無與限制(Pro)

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

付費功能的有無差異

可以參考看看

不過一般來說應該是不用啦@@”

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

等到一切都確定後就可以到Build頁籤中選擇建立

而建立完成後會主動將APP寄送到當初帳號建立時使用的E-mail!

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

以本例來說

APP程式的Apk檔會變成附件

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

 

下載後就可以轉送給朋友或者提供下載連結供人下載(按右鍵另存新檔)使用!

喔~當然也可以像這樣另外製作成 QRCode的圖片讓人來掃描一下囉^^

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

狠一點的~~甚至可以拿去Play Store發佈

這樣就可以在Goole Play上供人下載了 🙂

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

不過還是先來裝一下~~試試看效果如何吧!

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

 

以痞客邦的網站來看~~呈現出來的主畫面如圖…

效果還算不錯囉!

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

也可以切換成如下的圖示~~非常精緻喔^^

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

而網站的頁籤

點下去則是會出現行動版的網站

跟開瀏覽器瀏覽相同

就不多贅述

但~以這樣的方式做出痞客邦部落格的APP是可行的!

【數位3C】人氣部落客之路? 用App.Yet替自己的部落格&網站建立Android系統手機APP! 痞客邦不給的~我們自己來XD 3C/資訊/通訊/網路 PDA Wordpress 行動電話 軟體應用

 

請多指教, 有什麼想法都可以說