WordpressでAlibaba Cloud OSSをメディアライブラリとして有効にする

はじめに

Webサイトの読み込み速度が遅い問題の原因の一つとして、画像の読み込みが遅いことが考えられます。

多くのサイトは中国国内のICP登録（备案）を避けるため、サーバーを海外のVPSに配置することを選択しますが、海外のホスティングは国内のユーザーにとって不利になることが多く、接続速度が遅くなります。

この状況を改善するために、WordpressのメディアライブラリをAlibaba Cloud OSSに移行し、Alibaba Cloudのアクセラレーションサービスを利用することができます。

注意：Alibaba Cloud OSSは有料で、国内リージョンは現在9元/40GB/1年、トラフィック料金は別途となります。詳細はAlibaba Cloud OSSの公式サイトをご覧ください。

準備するツール

Alibaba CloudアカウントおよびAlibaba Cloud OSS Bucket、構築済みのWordpressシステム、Alibaba Cloud Accesskey

aliyun-ossプラグインをダウンロード。ダウンロード先：Github（開発者：IvanChou）

メインナビゲーションのリソース共有をクリックしてダウンロードすることもできます。

Alibaba Cloud OSSの設定

OSS管理コンソールにログインし、作成済みのBucketを見つけます。まだ作成していない場合は、右上の「Bucketの作成」をクリックします（読み書き権限をパブリック読み取りに設定、標準ストレージ）。

概要でアクセスアドレスを確認できます。

上部のファイル管理をクリックし、ディレクトリ/wp-content/uploadsを新規作成します（後の設定を容易にするため）。

上部の基本設定を選択し、一番下までスクロールしてミラーソースを設定します。

ファイル名のプレフィックスはwp-content/uploads/、ソースアドレスはhttp(s)://あなたのWebサイトです。

次に、プラグインの設定を行います。

プラグインのインストールと設定

Wordpressの管理画面でプラグイン->新規追加->プラグインのアップロードを選択し、ダウンロードしたプラグインを見つけてインストールし、有効化します。

Setting->Alibaba Cloud OSSで設定を行います。下図を参照してください。

すべての設定が完了したら、設定を保存をクリックすれば完了です。

追加機能の設定

画像プリセットスタイル

右側のスタイル設定ファイルのダウンロードをクリックすると、新しいウィンドウが開き、txtファイルが表示されます。自動的にダウンロードされない場合は、URLをダウンロードツールに貼り付けてダウンロードしてください。

その後、OSS管理コンソールに戻り、画像処理->スタイルのインポートを選択し、ダウンロードしたtxtファイルを選択してインポートします。

画像にウォーターマークを付ける場合は、まずウォーターマークファイルをOSSストレージにアップロードし、fullルールを編集して、下図のヒントに従って設定します。

（位置、サイズ、透明度は個人の好みに合わせてください。ウォーターマーク画像のパスはOSSのファイルパスであり、ファイル管理でプレビューをクリックして確認できます）

原図保護

画像処理で、アクセス設定をクリックして原図保護を有効にし、下図のように設定します。

（チェックを入れることはお勧めしませんかつ、サイトアイコンの形式をicoに変換してからアップロードして設定することを強くお勧めします。そうしないと、サイトアイコンが表示されません！*下に対処法があります**）

詳細オプション

プラグイン設定の一番下にあるその他のオプションを選択すると、詳細オプションを開くことができます。

上記のサイトアイコンが原図表示を有効にしたことで読み込めない場合の対処法は以下の通りです：

アップロードするサイトアイコンの名前を変更します（例：favicon）。

その後、除外するファイルのオプションに変更後の名前を入力することで、画像がOSSを経由せずに直接読み込まれるようにできます。

下図を参照してください。

注意：この操作により、faviconを含むすべての画像がOSSをバイパスして直接読み込まれるようになるため、あまり使用されない名前を選ぶことをお勧めします。

まとめ

これで設定作業は完了です。中国大陸でICP登録（备案）がある場合は、CDNアクセラレーションを有効にすることもできます。ドメイン管理で設定できます。