W e b I n s i g h t s .

10 個WordPress網站設計師必知的外掛 – WP Offload S3 (下篇)

10 個WordPress網站設計師必知的外掛 – WP Offload S3 (下篇)

在之前的文章(10 個WordPress網站設計師必知的外掛 – WP Offload S3 (上篇))我們提到介紹了WP Offload S3這個外掛以及將圖片放在S3上面的好處為何,這一篇我們將會告訴大家如何安裝並且設定WP Offload S3讓您的圖片都從AWS S3載入。

建立AWS S3 Bucket 
你必須要先有一個AWS的帳號,在有了帳號之後您可以進到AWS S3的介面 https://s3.console.aws.amazon.com/s3/ 來建立一個bucket,這個bucket將會儲存您網站的所有圖片並且為您的網站提供圖片下載的功能,建立bucket 的步驟如下:

按下”create bucket”(中文應該是建立儲存桶)

設定bucket名稱(建議跟網站相關),然後選擇你的bucket region(資料儲存的國家),離我們最近的應該是東京或是新加坡,兩者擇一都可。

第二步如果沒有特別需求可以直接進到第三步,這邊有一點蠻重要的是要把這個bucket的權限設成讓大家都可以讀取,在確認資料都沒問題之後就可以跳過review然後建立你的bucket.

建立完成之後你應該就可以看到你剛建立的bucket在你的bucket 清單裡了。

建立一個IAM 使用者
建立完S3 bucket之後我們必須建立一個 IAM使用者給S3 Offload S3使用,這個使用者的功能是在讓外掛可以有權限可以在S3上傳或是刪除檔案。

  1. 從AWS的主頁面連結進到 IAM Users 頁面,或是直接點選https://console.aws.amazon.com/iam/home#users
  2. 點取新增使用者,在使用者名稱欄位下輸入使用者名稱(eg. innovext-s3-user)
  3. 在訪問類型(access type)選取編程訪問(Programmatic access),按下一步。
  4. 按下一步審核,按下建立使用者連結。
  5. 使用者建立後你會看到AWS幫我們建立了 Access Key ID 跟 Secret Access Key,我們要把這兩個參數記下來,尤其是Secret Access Key,AWS不會再提供給我們第二次,如果我們遺失了這個key我們必須重新申請一組access key。
  6. 將這組Access key放在wp-config.php的最後面即可。
    define( 'AS3CF_AWS_ACCESS_KEY_ID', '********************' );
    define( 'AS3CF_AWS_SECRET_ACCESS_KEY', '************************************' );

設定IAM使用者的S3權限
新增的IAM使用者預設是沒有任何權限的,所以我們為剛剛設定的使用者加上S3的權限

  1. 從AWS的主頁面連結進到 IAM Users 頁面 (您應該會看到你的使用者列表,剛剛建立的使用者也應該要在列表裡面)
  2. 點選我們剛剛建立的使用者,你應該會看到一個權限(premission)的標籤,
  3. 在右下角你應該會看到一個”添加内联策略 (Add inline policy)”,點選這個按鈕。
  4. 選取JSON標籤,並將下方的內容貼到JSON的格子內:

    {
    "Version": "2012-10-17",
    "Statement": [
    {
    "Effect": "Allow",
    "Action": [
    "s3:CreateBucket",
    "s3:DeleteObject",
    "s3:Put*",
    "s3:Get*",
    "s3:List*"
    ],
    "Resource": [
    "arn:aws:s3:::*"
    ]
    }
    ]
    }
  5. 點選review policy
  6. 給這個policy一個名稱(eg. S3Access)
  7. 點選建立policy,這樣就完成了。

安裝並且設定WP Offload S3
以上基本上AWS的設定就完成了,接下來就是要設定WP Offload s3的部分,安裝的部分我們就不詳述了,請到外掛頁面並且搜尋安裝WP Offload S3,安裝之後請到設定->S3 Offload的頁面裡開始設定。

  1. 第一件要做的事情就是選擇要使用的S3 bucket,你應該會看到你所有的bucket,選擇你要使用的bucket即可
  2. 選擇好bucket之後,您將會看到下面的設定選項,如果沒有特別需求,使用預設選項即可。

測試上傳圖片
恭喜!這樣就設定完成了,接下來請到媒體庫試著上傳圖片到網站上,如果設定成功的話你應該可以在檔案資料的右邊看到類似下面的資訊,這就代表以後您的網站圖片都將由s3來提供!!

S3 Offload相關的設定還有很多,這篇文章只是將最常用最簡單的設定拿出來跟大家分享。
如果大家對於這個外掛有其他問題可以到他們的官網看他們的使用說明,有任何外掛使用上的問題也歡迎聯絡我們喔。

因創科技所製作和維護的網站都會幫您主動安裝以及設定S3 Offload,希望我們的用心可以讓你們的網站可以更傑出並且為你們帶來最好的效益。

文章最後更新於 : 2022/12/22