XAMPP:管理画面の文字化けを直す

XAMPP:管理画面の文字化けを直す

author : koki

publish date :

last update : 2015-03-23

Windows 向け XAMPP v5.6.3 (PHP 5.6.3)インストールの際に管理画面で文字化けが起きているので、文字化けの修正方法です。

文字化け

XAMPP v5.6.3では「ステータス」と「セキュリティ」の2ページで文字化けを起こしています。文字化けの原因は文字コードの違いです。
本来であれば「UTF-8」であるべき箇所が「Shift-JIS」となってしまっているのが原因です。
更に「セキュリティ」の方ではPHPのエラーも出てしまっているので、それの直し方も記載しておきます。

  • XAMPPをCドライブ直下(C:¥)にインストールしている前提で話を進めます
  • 使用するテキストエディタは秀丸エディタなど、BOM無しで保存できるテキストエディタをご使用ください
  • Windows標準のテキストエディタ「メモ帳」でファイルを保存するとBOM有りで保存してしまい、管理画面が真っ白になる現象があります

「ステータス」の文字化け修正

修正前のキャプチャ画像

直さないと何が書いてあるのかわからないので、まずは文字化けを直す作業です・・・
本当に初めての方にはちょっと難易度高いかも?
出来る限りわかりやすく説明してみます!

C:¥xampp¥htdocs¥xampp¥lang¥jp.phpの修正

まずは、C:¥xampp¥htdocs¥xampp¥lang¥jp.phpを秀丸エディタなどのテキストエディタで開いてください。

jp.phpは何も変更せずに、文字コードを変更するために「名前をつけて保存」します。

文字コードを「UTF-8」として保存してください。

確認メッセージが出てきますが、「はい」で上書きをしてください。

C:¥xampp¥htdocs¥xampp¥langsettings.phpの修正

次はC:¥xampp¥htdocs¥xampp¥langsettings.phpを内容を変更し、文字コードを「UTF-8」に変更して保存します。

変更前
header("Content-Type: text/html; charset=shift-jis");
変更後
header("Content-Type: text/html; charset=utf-8");

これで「ステータス」の文字化けが直りました。

修正後のキャプチャ画像

「セキュリティ」の文字化け修正

次に「セキュリティ」の文字化け修正です。

修正前のキャプチャ画像

これはひどい文字化けですね・・・

C:¥xampp¥security¥htdocs¥lang¥jp.phpの修正

C:¥xampp¥security¥htdocs¥lang¥jp.phpの文字コードが「Shift-JIS」となってしまっているので、上記の手順で「UTF-8」として上書き保存します。
更に、PHPのエラーは必要なものが定義されていないので、47行目以降に下記のように追記をします。

変更前
$TEXT['navi-languages'] = "各国語";
変更後
$TEXT['navi-languages'] = "各国語";
$TEXT['navi-english'] = "英語";
$TEXT['navi-german'] = "ドイツ語";
$TEXT['navi-spanish'] = "スペイン語";
$TEXT['navi-french'] = "フランス語";
$TEXT['navi-italian'] = "イタリア語";
$TEXT['navi-dutch'] = "オランダ語";
$TEXT['navi-norwegian'] = "ノルウェー語 ";
$TEXT['navi-polish'] = "ポーランド語";
$TEXT['navi-portuguese'] = "ポルトガル語";
$TEXT['navi-slovenian'] = "スロベニア語";
$TEXT['navi-chinese'] = "中国語";
$TEXT['navi-japanese'] = "日本語";

として、最後にもう一つファイルを修正して完了です!

C:¥xampp¥security¥htdocs¥navi.phpの修正

ここでは日本語へのリンクが無いので、55行目に追記します。

変更前
<a target=_parent class=n href="lang.php?de"><?php print $TEXT['navi-german']; ?></a><br>
<a target=_parent class=n href="lang.php?en"><?php print $TEXT['navi-english']; ?></a><br>
<a target=_parent class=n href="lang.php?es"><?php print $TEXT['navi-spanish']; ?></a><br>
<a target=_parent class=n href="lang.php?fr"><?php print $TEXT['navi-french']; ?></a><br>
<a target=_parent class=n href="lang.php?it"><?php print $TEXT['navi-italian']; ?></a><br>
<a target=_parent class=n href="lang.php?nl"><?php print $TEXT['navi-dutch']; ?></a><br>
<a target=_parent class=n href="lang.php?no"><?php print $TEXT['navi-norwegian']; ?></a><br>
<a target=_parent class=n href="lang.php?pl"><?php print $TEXT['navi-polish']; ?></a><br>
<a target=_parent class=n href="lang.php?pt"><?php print $TEXT['navi-portuguese']; ?></a><br>
<a target=_parent class=n href="lang.php?sl"><?php print $TEXT['navi-slovenian']; ?></a><br>
<a target=_parent class=n href="lang.php?zh"><?php print $TEXT['navi-chinese']; ?></a><p>
変更後
<a target=_parent class=n href="lang.php?de"><?php print $TEXT['navi-german']; ?></a><br>
<a target=_parent class=n href="lang.php?en"><?php print $TEXT['navi-english']; ?></a><br>
<a target=_parent class=n href="lang.php?es"><?php print $TEXT['navi-spanish']; ?></a><br>
<a target=_parent class=n href="lang.php?fr"><?php print $TEXT['navi-french']; ?></a><br>
<a target=_parent class=n href="lang.php?it"><?php print $TEXT['navi-italian']; ?></a><br>
<a target=_parent class=n href="lang.php?nl"><?php print $TEXT['navi-dutch']; ?></a><br>
<a target=_parent class=n href="lang.php?no"><?php print $TEXT['navi-norwegian']; ?></a><br>
<a target=_parent class=n href="lang.php?pl"><?php print $TEXT['navi-polish']; ?></a><br>
<a target=_parent class=n href="lang.php?pt"><?php print $TEXT['navi-portuguese']; ?></a><br>
<a target=_parent class=n href="lang.php?sl"><?php print $TEXT['navi-slovenian']; ?></a><br>
<a target=_parent class=n href="lang.php?zh"><?php print $TEXT['navi-chinese']; ?></a><br>
<a target=_parent class=n href="lang.php?jp"><?php print $TEXT['navi-japanese']; ?></a><p>

修正後のキャプチャ画像

これでようやく文字化けが直りました。
webサイトを作るときは文字コードが統一されていないと文字化けを起こしてしまう悪い例ですね。
文字コードには気をつけましょう!!!

  • 公開時のタイトルが「XAMPP:Windows 向け XAMPP v5.6.3の文字化けを直す」と曖昧だったので、修正しました