質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.97%

Wordpressの日本語文字化けで困っています。

解決済

回答 3

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 8,754

tamaru

score 9

wordpressを使用してローカルで開発しています。
記事を投稿する際たまに日本語で
「���」のように一部分だけ文字化けしてしまうのですが、原因がわかりません。
以下は投稿画面より適当に打ったものです。
リロードすると同じ箇所が正常に表示されたり、化けたりします。

WPのエディター上でも同じように文字化けしていました。
プレーンテキストを貼り付け>保存して画面更新>更新後WPエディタを見てみると同じ箇所が文字化け
という状況です。

イメージ説明
一般設定で日本語に指定していますし、WP Multibyte Patchも入れています。
Sequel Proを使っていて、確認すると
mysql5.5.49 utf8mb4
となっていました。

wp-configがutf-8でしたので修正してみました。
define('DB_CHARSET', 'utf8');

define('DB_CHARSET', 'utf8mb4');

それでもまだ文字が「���」となってしまいます。

他に文字化けを防ぐ手段をご存じの方は、アドバイスをお願い致します。


2017-01-20 追記

SHOW VARIABLES LIKE '%char%'というコマンドをsequel Pro上で打ったところ以下のような情報が得られました。
イメージ説明

以下はDBテーブルです。
![イメージ説明](9ff3313b9bcf3f5cb8da8cefee399af9.png)

イメージ説明

上の画像では「そんな時ある上もとにかく」という箇所です。

2017-01-24 追記

kei344さんのアドバイス通り下記を実行いたしました。

1 DB/ファイル全てのバックアップをする
1 デバッグモードにする ⇒ http://mignonstyle.com/debug-mode/
1 プラグイン/テーマ/本体全てをアップデートする
1 デフォルトテーマで再現するか確認する
1 プラグインを全て止めて再現するか確認する

しかし、相変わらず問題が発生してしまいます。

Local by Flywheelでローカル環境を作っているのですが、MAMPをインストールしてall in one migrationというWPのパックアッププラグインでまるごと復元したところ、文字化けが発生しなくなりました。

更にLocal by Flywheelで新たにWPをインストールし、同様にall in one migrationで復元したところ、文字化けがなくなりました。
原因はわかりませんが、自分の知識では原因の特定までは難しいので、これまでにしたいと思います。皆様ありがとうございました。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • w_nagai

    2017/01/21 02:27

    SHOW VARIABLES LIKE '%char%' /etc/my.cnf は どのような感じでしょうか?

    キャンセル

  • tamaru

    2017/01/22 23:42

    SHOW VARIABLES LIKE '%char%' /etc/my.cnfがなんのとこかわからず、色々調べたり試したりしたのですがわかりませんでした。すみません。

    キャンセル

  • kei344

    2017/01/23 10:22

    なんと言う文字列でしょうか。

    キャンセル

回答 3

+2

ブラウザの問題ではないでしょうか?

ブラウザを変えても同様の問題は起きますか?
もし、ChromeではOKでも、FFではNGの場合はブラウザの問題かなと・・。

あとは、半角全角をコントロールしているプラグイン、またはPHPコードを追加していませんか? ローカル環境での開発なのでmySQLなどのDBの設定などはどうでしょうか?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/01/20 10:19 編集

    回答ありがとうございます。よく確認したところWPのエディター上でも同じように文字化けしていました。
    プレーンテキストを貼り付け>保存して画面更新>WPエディタでもブラウザでも文字化け
    という状況です。

    Sequel Proを使っていて、確認すると
    mysql5.5.49 utf8mb4
    となっていました。
    wp-configがutf-8でしたので修正してみました。
    define('DB_CHARSET', 'utf8');

    define('DB_CHARSET', 'utf8mb4');

    キャンセル

+1

よく確認したところWPのエディター上でも同じように文字化けしていました。

文字化けした状態で保存された場合はそのまま化けて表示されると思います。ペースト時に文字化けを起こすのはWordPress(やDB)に原因があるのではなく、OSや立ち上がっているアプリ等の問題ではないでしょうか。


追記:

一般的な原因特定フローは、下記の通りです。

  1. DB/ファイル全てのバックアップをする
  2. デバッグモードにする ⇒ http://mignonstyle.com/debug-mode/
  3. プラグイン/テーマ/本体全てをアップデートする
  4. デフォルトテーマで再現するか確認する
  5. プラグインを全て止めて再現するか確認する

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/01/24 10:21

    ご回答ありがとうございます。
    ペースト時には問題なく表示されましたが、記事を保存をしてページが更新された時に、このような現象が起きました。
    説明が下手ですみません。

    キャンセル

  • 2017/01/24 15:18

    ご回答有り難うございます。
    すべての手順通り行いましたが結局文字化けが発生してしまいます。
    質問内容に追記させていただきます。

    キャンセル

check解決した方法

0

Local by FlywheelでのWP環境構築がうまく行かなかったようです。
原因はわかりませんが再インストールで問題はなくなりました。
みなさま、アドバイスを頂きありがとうございました。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.97%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる