ワードプレスでアリババクラウドOSSをメディアライブラリとして使用する

ウェブサイトの読み込みが遅い問題の一つは、画像の読み込みが遅いことかもしれません。

多くのウェブサイトは、国内の登録を避けるために、サーバーを海外の VPS に置いていますが、海外のホストは国内のユーザーにとってはあまり友好的ではなく、接続が遅くなることがあります。

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

注意：Alibaba Cloud OSS は有料です。現在、国内エリアでは 1 年間につき 9 元 / 40GB の料金がかかります。トラフィック料金は別途です。詳細は Alibaba Cloud OSS 公式ウェブサイトをご覧ください。

Alibaba Cloud アカウントと Alibaba Cloud OSS バケット、設定済みの Wordpress システム、Alibaba Cloud のアクセスキー

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

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

OSS コントロールマネージャーにログインし、作成したバケットを見つけます。まだ作成していない場合は、右上の新しいバケットをクリックします（読み書きアクセス権限をパブリックリード、標準ストレージに設定します）。

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

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

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

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

次に、プラグインの設定を行うことができます。

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

Setting->Alibaba Cloud OSS で設定を行います。以下の画像のように設定します。

すべての設定が完了したら、設定を保存して完了です。

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

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

画像にウォーターマークを追加したい場合は、まずウォーターマークファイルを OSS ストレージにアップロードし、full ルールを編集し、以下の画像の指示に従って設定します。

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

画像処理で、アクセス設定をクリックしてオリジナル画像の保護を有効にし、以下の画像の指示に従って設定します。

（** お勧めしない * が、サイトアイコンの形式を ico に変換してからアップロード設定することを強くお勧めします。そうしないと、サイトアイコンが表示されません！**下記で解決策を説明します）

プラグインの設定の最下部でその他のオプションを選択すると、高度なオプションが表示されます。

上記のサイトアイコンが OSS を経由せずにロードされない問題の解決策は以下の通りです。

アップロードするサイトアイコンの名前を変更し、例えば favicon とします。

次に、除外するファイルオプションに変更した名前を入力すると、画像が OSS を経由せずに直接ロードされます。

以下の画像のようになります。

注意：この操作により、すべての favicon を持つ画像が OSS を経由せずにロードされます。使用頻度の低い名前を選択することをお勧めします。

設定作業は以上です。中国本土で登録済みの場合は、CDN アクセラレーションを有効にすることもできます。ドメイン管理で設定できます。