WordPressの画像をAmazon S3から配信する方法

公開日: : 最終更新日:2014/06/27 AWS, WordPress

WordPressの画像などのメディアファイルを Amazon S3に配置して、そこから配信できるプラグイン「Nephila clavata (絡新婦)」の使い方です。
「絡新婦」は「じょろうぐも」と読みます。

 

Amazon S3とは

Amazon Simple Storage Serviceの略で、AWSが提供しているオンラインストレージサービスです。
WordPressの画像をここから配信することでパフォーマンスの向上が期待できます。
Amazon  S3については下記のページで詳しく説明されています。
参考:Amazon Simple Storage Service(Amazon S3)

 

 Amazon S3のセットアップ

AWSの管理コンソール画面からS3を開きます。

S3000

 

「Create Bucket」ボタンをクリックします。
S3に画像ファイルなどを保管する入れ物(バケツ)を作るイメージです。

S3003

 

開いたウィンドウでBucket Nameを入力、Regionを選択します。
Bucket Nameは「Rules for Bucket Naming」に従って入力する必要があります。

  • 3文字以上、63文字以下であること。
  • 区切りはピリオドを使用すること。
    • 文字は全て半角のアルファベット(小文字)、数字、ハイフンであること。
    • 最初と最後の文字はアルファベット(小文字)か数字であること。
  • IPアドレスでないこと。

 

SSLに対応する場合はピリオドを使わないほうがよさそうです。
参考:S3のバケット名はよく考えて命名しましょう!

 

Regionは日本がメインユーザーなら「Tokyo」を選んだらいいと思います。
入力できたら「Create」ボタンをクリックします。

Create a Bucket

 

作成したBucketを右クリックし、Propertiesを開きます。

Buckets Properties

 

Static Website Hostingを開きます。

Static Website Hosting

 

「Enable website hosting」を選択し、Index Documentに「index.html」を入力して「Save」ボタンをクリックします。
「Endpoint」のURLをメモっておきます。

Enable website hosting

 

アクセスキーを作成

My Accountページを開きます。

My Account

 

セキュリティ証明書ページを開きます。

セキュリティ証明書

 

アクセス証明書の「アクセスキーID」と「シークレットアクセスキー」をメモします。
(シークレットアクセスキーは「表示」のリンクから確認できます)
アクセスキーが無いときは「新しいアクセスキーを作成する」をクリックすると作成されます。

アクセス証明書

 

Nephila clavata (絡新婦)のインストール

WordPressの管理画面で プラグインの新規追加ページから「Nephila clavata」を検索し、インストール、有効化します。
設定の「Nephila clavata (絡新婦)」を開き、AWS アクセスキー ID、AWS シークレットアクセスキー、AWS リージョンを入力して「変更を保存」ボタンをクリックします。

S3011

 

入力した内容が正しければ、S3 バケット、S3 URLが表示されます。
S3バケットには先ほどセットアップしたバケットを選択します。
S3 URLにはEndpointのURLを入力します。
「変更を保存」ボタンをクリックしたら設定完了です。

S3バケット S3 URL

 

これまでメディアに登録した画像ファイルが自動的にAmazon S3にアップロードされ、メディアファイルは設定したS3 URL(Endpoint)から配信するようになります。

メディアファイルはAmazon S3とWordPressが稼働しているサーバーの両方にアップロードされているため、プラグインを停止するとこれまで通りWordPressが稼働しているサーバーから配信されます。

ad

関連記事

By: Widjaya Ivan

ドメインを移行しました

.meドメインは.comドメインに比べてランニングコストが高かったので、勉強もかねて移行しました。

記事を読む

disposable modern craftsmanship

どうぶつの森のカブ価を予測するWebアプリ

とびだせ どうぶつの森のカブ価をメモ、予測するWebアプリを作成しました。 買値と毎日変動する値動

記事を読む

Gwendolyn Alley - Wordcamp Legs

iw3の構成

このブログはAWS(Amazon Web Services)のEC2とWordPress(網元)を利

記事を読む

bread crumbs

WordPressのPrime Strategy Bread Crumbインストール方法

WordPressでパンくずリストを作成するプラグインを探していたところ、国産で 「Prime St

記事を読む

shimoda aquarium

AMI 網元のphpMyAdminを使用する方法

網元で環境をセットアップするとphpMyAdminが既にインストールされていますが、そのままでは使え

記事を読む

By: LuChOeDu

マルチサイト化したWordPressでBroken Link Checkerを使う方法

マルチサイト化したWordPressにBroken Link Checkerをインストールして、ネッ

記事を読む

Use the what?

Amazon EC2インスタンスを作成する方法

Amazon EC2(Amazon Elastic Compute Cloud)のインスタンスを作成

記事を読む

ad

Message

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

ad

By: cea +
24時を超えた時刻を入力できるテキストフィールドを作ってみた

時刻を入力するためのフィールドをVaadinのTextFieldを継承

By: GotCredit
Vaadin+Spring Bootでログイン画面を作成

Spring BootをベースにVaadinでログイン画面を作ってみま

lombok cant find ide
Spring Tool SuiteへLombokをインストールする方法

下記のURLから"lombok.jar"をダウンロードします。 ht

Spring Tool Suite
Spring Tool Suiteのインストールと日本語化

 Spring Tool Suiteのインストール 下記のURLから

spotlight -> terminal
ターミナルの起動方法

Spotlightから起動する "control"キーを押しな

→もっと見る

PAGE TOP ↑