メインコンテンツへ移動

WP Media Folder アドオン:DigitalOceanとの統合

1. DigitalOcean で新しい API キーを作成するにはどうすればよいですか?

まず、DigitalOceanのウェブサイトでアカウントにログインしてください。その後、 こちらに か、左側のメニューのAPIセクションに移動し、 「新しいキーを生成」 ボタンをクリックしてください。

 

新しいキーを生成する

 

その後、キー名を入力し、緑色のチェックボタンをクリックします。.

 

新しいキーの名前

 

最後に、キーIDとシークレットキーが表示されます。WP WP Media Folderにログインするための次のステップで使用しますので、保管しておいてください。.

 

新しいキー生成

 

新しいスペースを作成する

DigitalOcean または WP Media Folder プラグインで新しいスペースを作成できます。.

最初の方法は、DigitalOceanのサイトで作成し、ダッシュボードの右上隅にある「作成」ボタン > 「スペース」 をクリックすることです。

 

スペースを作成する

 

データセンターのリージョンを選択し、スペース名を入力します。「 スペースの作成」 ボタンをクリックします。

 

名前空間デジタルオーシャン

 

2つ目の方法は、 WP Media Folder 設定で作成することです。メニューの 「設定」> WP Media Folder >「クラウドとメディアのオフロード」>「メディアのオフロード」>「DigitalOcean」に移動し、 をクリックして 選択 ボタンをクリックします。

 

スペース設定の選択

 

次に、スペースのリージョンと名前を選択します。.

 

スペースを作成 mf

 

2. WP Media FolderからDigitalOceanにログインする

WordPress ダッシュボードに戻り、メニューの 「設定」> WP Media Folder >「クラウドとメディアのオフロード」>「メディアのオフロード」をクリックし、 を選択します 。

 

クラウドプロバイダーを選択 - デジタルオーシャン

 

次に、次の内容をフォーム フィールドに貼り付けます。

  • アクセスキーID
  • 秘密アクセスキー

 

入力キーデジタルオーシャン

 

その後、設定を保存すると接続が成功します。 「スペース設定と選択」 ボタンをクリックして、スペースを選択するか、新しいスペースを作成してください。次のステップに進み、DigitalOceanの機能をご確認ください。

 

選択スペース

 

3. どのように機能しますか? DigitalOceanで何ができますか?

使い方

接続し WP Media Folder DigitalOcean に 「Copy to DigitalOcean」 オプションを有効にすると、新しくアップロードされたすべてのメディアが DigitalOcean に送信されます。

 

DigitalOceanへのコピー

 

すべてのデータを保存するスペースを作成し、選択してください。DigitalOceanとの連携を使用する前にアップロードしたメディアを同期したい場合は、 「DigitalOceanと同期」 ボタンをクリックしてください。すると、既存のメディアライブラリがすべてDigitalOceanスペースに送信されます。

 

同期メディアボタンデジタル

 

注: この操作を行うと、メディアの URL が DigitalOcean の URL に置き換えられます。以下の例をご覧ください。https:
//joomunited.com/wp-content/uploads/2019/02/image.jpg から >> https://joomunited-space.nyc3.digitaloceanspaces.com/wp-media-folder-joomunited/wp-content/uploads/2019/02/image.jpg

 

サイトのメディアをオフロードするには、「アップロード 後に削除」 オプションを有効にする必要があります。これにより、メディア ライブラリはサーバーではなく DigitalOcean に完全に保存されます。

 

アップロード後に削除するデジタルオーシャン

 

添付ラベルオプションを有効にすると、右上の DigitalOcean ラベルにマウスを移動したときに各メディアの情報が表示されます。

 

ラベル-デジタルオーシャン

 

メディアの保存場所を変更したり、プラグインを削除したりする場合は、 「メディアを取得 」ボタンをクリックしてください。すべてのメディアがDigitalOceanからメディアライブラリにコピーされます。コンテンツに追加された以前のリンクはすべてそのまま残ります(リンク切れはありません)。

 

デジタルオーシャンメディアの取得

 

注意: ファイルがプラグイン経由でアップロードされている場合にのみ、DigitalOcean からメディア ライブラリに同期できます。.

 

CloudFront に接続するにはどうすればいいですか?

CloudFrontは当社のプラグインと統合されています。DigitalOceanは、CloudFrontとの接続を確立するための2つの方法を提供しています。1つはAmazon S3を使用する方法、もう1つはDigitalOceanのデフォルトの方法を使用する方法です。.

DigitalOcean のデフォルトから始めましょう。.

まず、DigitalOceanのSpacesにアクセスし、サイトに接続したバケットを選択します。次に、 「設定」 タブに移動します。

CDN(Content Delivery Network)オプションで「編集」 ボタンをクリックし、 「CDNを有効にする」 オプションにチェックを入れます。 「保存」 ボタンをクリックします。

 

デジタルオーシャン CDN デフォルト

 

数秒の読み込み後、CDNが有効になったことを示す通知ポップアップが表示されます。画面右端の 「CDNエンドポイント」 オプションを選択し、URLをコピーして 「カスタムドメイン(CNAME)」 欄に貼り付けます。

 

cdnエンドポイントURLデジタルオーシャンデフォルト

最後に、各画像のファイル URL フィールドの変更を確認できます。

 

ファイルURL-cdn-digital-ocean-default

 

2つ目の方法は、Amazon S3 CloudFront を使用することです。まず、Amazon ダッシュボードで、 [サービス] > [CloudFront] か、この リンク

 

クラウドフロントメニュー

 

ここから、右隅にある 「配布の作成」ボタンをクリックします。

 

配布ボタンの作成

 

次に、 「オリジンドメイン」フィールドにドメイン名を貼り付けてください。例: 「https://joomunited.us-east-1.digitaloceanspaces.com」

 

デジタルオーシャンの配信を作成

 

「デフォルトのキャッシュ動作」>「キャッシュキーとオリジンリクエスト」 セクションで、 「レガシーキャッシュ設定」オプションを選択します。

 

レガシーキャッシュ設定

 

次に、 Webアプリケーションファイアウォール(WAF)セクションまでスクロールし、 「セキュリティ保護を有効にしない」オプションを選択します。最後に、一番下までスクロールして「配布の作成」ボタンをクリックします。

 

ウェブアプリケーションファイアウォールデジタルオーシャン

 

次に「配信の詳細」画面が表示されるので、配信ドメイン名をコピーします。そして、 WP Media Folder、 「カスタムドメイン(CNAME)」 欄に貼り付けます。

 

コピー配布

 

画像が完全に読み込まれるまで数分お待ちください。「最終更新日時」の欄が 「デプロイ中」 現在の日時に変更されます。

最後に、各画像のファイル URL フィールドの変更を確認できます。

 

ファイルURL-cdn-digital-ocean-s3

 

詳細設定とアクション

DigitalOceanサーバーからメディアライブラリにフォルダとファイルをインポートするスペースを選択できます。また、あるスペースから別のスペースにすべてのファイルをコピーすることもできます。.

 

コピースペース