さくらインターネットからエックスサーバーにワードプレスを移転したさいに、ファイル名が日本語だったことで表示できない画像が発生しました。該当する画像ファイルは2000ほどあり、FFFTPでアップロードしておきました。しかし、あるはず(存在しているはず)の画像ファイルは「404エラー」となり存在しないことになっています。これには困りました。原因は画像ファイルがUTF8形式になっていないことで、サーバー上では扱えないファイル形式になってしまっていることです。
この解決策は、画像を「UTF8強制アップロード」することでした。そのさいに使うFTPソフトは「FileZilla(ファイルジラ)」です。備忘録として残しておきます。
エックスサーバーで日本語ファイル名の画像を表示する方法
FTPソフトはFileZilla(ファイルジラ)を使います
日本語名の画像ファイルをFFFTPでアップロードすると、自動的にバイナリ転送するのでファイル名がUTF8にはならないようです。
そこで、FTPソフトには「FileZilla」を使います。
▼上記ページを日本語訳した表示
上記の画面から左にある「FileZillaクライアント」のほうをダウンロードしてPCにインストールします。インストールするさいに「オペラ」の同時インストールを求める画面が表示されましたが、不要なら拒否しましょう。
以前、「FileZilla」を使ったことがありますが、最近はFFFTPばかり使っていましたのでかなり久しぶりです。画面の印象もかなり変わっていました。
FileZillaのサイトマネージャーで文字コードをUTF8強制にします
「FileZilla」の設定は「サイトマネージャー」で行います。一般のところはFTP接続情報などを記入しますが、文字コードというタブに「UTF-8を強制」という選択肢があるのでこれを使います。
この設定をすることによって、ファイル名をUTF-8の文字コードとして無理やり(笑)扱っているという荒業のようです。
この「UTF8強制アップロード」という機能はFFFTPにはありません。他のFTPソフトでも見たことがないので、「FileZilla」のみの機能かもしれません。「FileZilla」を使う大きな特徴になるかもしれませんね。
FileZillaで画像をアップロードします
準備ができたら、「FileZilla」を使い画像をアップロードします。
日本語名の画像ファイルも無事にアップロードできました。
この結果、エックスサーバーで日本語の画像ファイルを読み込むことができました。よかったです。
例えばこのファイルは日本語ファイルです。
https://www.dm2.co.jp/どもども日本語での画像ファイル名だよ.jpg
これまでだと404エラーで存在しないことになっていましたが、UTF8という文字コードで強制的にアップロードすると表示できました。
PCでは問題なく表示できる画像だったのですが、FTPでの文字コード設定によるアップロード方法の違いで、閲覧できるかどうかがわかれてしまうというのは盲点でした。とにかく、解決してよかったです。
うまくいかなかった処理方法も紹介しておきます
「FileZilla」で強制的に文字コードをUTF8でアップロードするという方法にたどり着くまでにいくつかの試行錯誤をしました。以下は、今回うまくいかなかった事例です。
PHPでmbstringをonにしてもだめでした
エックスサーバーのPHP設定で「mbstring」を「on」にするとUTF8が操作できるようになるという情報があったので設定を変更してみました。初期設定は「off」なので「on」に変更して設定を保存してみました。しかし、この方法では解決しませんでした。
「WP Multibyte Patch」というワードプレスのプラグイン
「WP Multibyte Patch」というプラグインを使うと、ワードプレスで日本語ファイル名の操作ができるようになるようです。
日本人のエンジニアさんが開発したプラグインのようで定評があります。これから日本語名の画像ファイルをアップロードして管理する場合には有効かもしれません。
しかし、今回は過去のファイルを操作するということなので、このプラグインの効果はありませんでした。
ファイル名は日本語を使わないようにしましょう
今回の教訓ですが、あらためて「日本語名」は使わないということですね。
画像ファイル名やPDFのファイル名、またURLのパーマリンク名など、日本語でも表示が可能になっています。一見、便利なようですがそのことが問題を大きくしています。
そのときはうまくいっていたとしても、あとあと問題になることが往々にして起きています。
今回は、サーバー移転でその問題が表面化しました。
WEB利用するファイル名は日本語禁止にしましょう。
この記事を書いた遠田幹雄は中小企業診断士です
遠田幹雄は経営コンサルティング企業の株式会社ドモドモコーポレーション代表取締役。石川県かほく市に本社があり金沢市を中心とした北陸三県を主な活動エリアとする経営コンサルタントです。
小規模事業者や中小企業を対象として、経営戦略立案とその後の実行支援、商品開発、販路拡大、マーケティング、ブランド構築等に係る総合的なコンサルティング活動を展開しています。実際にはWEBマーケティングやIT系のご依頼が多いです。
民民での直接契約を中心としていますが、商工三団体などの支援機関が主催するセミナー講師を年間数十回担当したり、支援機関の専門家派遣や中小企業基盤整備機構の経営窓口相談に対応したりもしています。
保有資格:中小企業診断士、情報処理技術者など
会社概要およびプロフィールは株式会社ドモドモコーポレーションの会社案内にて紹介していますので興味ある方はご覧ください。
お問い合わせは電話ではなくお問い合わせフォームからメールにておねがいします。新規の電話番号からの電話は受信しないことにしていますのでご了承ください。
【反応していただけると喜びます(笑)】
記事内容が役にたったとか共感したとかで、なにか反応をしたいという場合はTwitterやフェイスブックなどのSNSで反応いただけるとうれしいです。
遠田幹雄が利用しているSNSは以下のとおりです。
facebook https://www.facebook.com/tohdamikio
ツイッター https://twitter.com/tohdamikio
LINE https://lin.ee/igN7saM
チャットワーク https://www.chatwork.com/tohda
また、投げ銭システムも用意しましたのでお気持ちがあればクレジット決済などでもお支払いいただけます。
※投げ銭はデジタルコンテンツ購入という通販のしくみにしました。
※投げ銭は100円からOKです。シャレですので笑ってください(笑)