以WordPress實作imgur.com網站為例 (Part 1 – 淺談架構)

艾德最近以WordPress打造了一個仿imgur.com的免費圖片空間服務,這部分應該可以讓更多人知道WordPress不再只是一個CMS系統,而是可以任意轉換成不同的網站,滿足創業者的需要,以WordPress為基底快速將產品做出進入市場去驗證是否可以執行。

imgnow.cc 是目前以WordPress為架構做出來的免費圖片空間服務,從有這個idea到網站上線,實際的工作時間大約為一週左右,每天以8小時計算。當然有使用一些付費外掛,來減少寫Code的時間,這部分可以隨自己高興來使用,當然能力夠的其實可以少用外掛。

目前 imgnow.cc上面的功能有

  1. 社群登入 (Facebook / Google)
  2. 前端上傳圖片 (免登入/登入均可上傳)
  3. 訪客留言
  4. 社群分享
  5. 一鍵複製網址

目前這些功能看起來大概符合imgur.com上的了。

不過還是先回過頭來分析一下imgur.com上面有那些功能

首頁:

  • 登入
    帳號密碼、社群帳號登入
  • 註冊
    帳號密碼、社群帳號登入
  • 圖片列表
    一排五張圖片
  • 上傳圖片
    登入後可上傳、訪客也可以匿名上傳
  • 搜尋功能
    關鍵字搜尋(作者/標題/標籤等等)

單篇圖片頁:

  • 圖片顯示
  • 社群分享 (Facebook / Twitter等等)
  • 圖片網址取得 (Embed Post)
  • 下載圖片 (Download Post)
  • 上下一則圖片

以上是初步分析,當然imgur.com不只有這些功能,我們先以這些功能透過WordPress來實作。當然會先建議架設一台VPS或者有虛擬主機可以執行,架設主機的部分不多說,艾德是使用DigitalOcean的VPS服務,採用LEMP進行架設。

以上是Part 1的初步分析,接下的Part 2將會開始講解實作的部分。

先到這邊囉~

Part 2 : 以WordPress實作imgur.com網站為例 (Part 2 – 前台上圖)

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *