【SWELL】ブログカードの文字化けが治らない。解決策は？

2023年11月11日2024年1月19日

SWELLのブログカードが文字化けしてます。

▼文字化けするのは、外部リンクXserverのトップページです。

こんな感じ。

正常なブログカードは、

ブログカード文字化けの原因

ウエブサイトのhtmlはいろんな種類の文字コードで書かれています。

wordpressの文字コードはUTF-８です。

けーさん

これを見ている皆さんのサイトも、ほとんどがUTF-８だと思います。

試しに、サイト上の何もない所を右クリックして、プルダウンメニューから「ページのソースを表示」をクリックしてみてください。

すると、

サイトのhtmlソースが表示され、その中に「charset=”utf=8″」と記述され、文字コードがUTF-８に指定されていることが分かります。

ところが、サイトの中には違う文字コードを使っている場合もあります。

例えば、先ほどのXserverですと、

文字コードが「euc-jp」になってますね。

ブログカードで外部リンクを貼るとき、自身のサイトとリンク先のサイトの文字コードが異なる場合、文字化けが起きてしまいます。

けーさん

SWELLのバージョン2.7.7辺りでは文字化けしていなかったから、SWELL自体その対策はできていたと思うけど？

SWELLの開発者　了さんはこの現象について、フォーラムで次のように語っています。

PHP8.2の対応で少しデコード周りいじってしまったので、おそらくそのせいだと思います…！次回修正してみますので少々お待ち下さいませ..
SWELL開発者　了さん

けーさん

と言う事は、文字コード以外の原因なのか？ますますわからなくなってきました。

文字化けを解消するには

SWELLのフォーラムでも同じような現象で質問があり、文字コードが原因の文字化けを改善するには、SWELLの「get_ogp_inwp.php」と言うファイルを編集する必要があるとの解答がありました。

はるこ

「get_ogp_inwp.php」って何？どこにあるの？

けーさん

詳しくわからなくても、まぁそんなもんかと思ってください。

SWELLは外部サイトのデータを「get_ogp_inwp.php」ファイルでhtmlとして取得しています。

get_ogp_inwp.phpの編集

「get_ogp_inwp.php」ファイルはサーバーの、

ドメイン名/public_html/wp-content/themes/swell/classes/plugins/get_ogp_inwp.php

にあります。

このファイルをFTPソフトでダウンロードするんですが、ここではXserverのファイルマネージャーで説明します。

ファイルマネージャーを開いたら、「/plugins/get_ogp_inwp.php」まで辿ってください。

ファイルマネージャーの上段メニューから「ダウンロード」をクリックし、PCの適当なところへ保存します。

＊注　念のために必ずバックアップを取っといてください。

次は、ダウンロードしたファイルを編集します。

phpファイルの100～102行目辺りにある、

$doc->loadHTML( $response_body );

これを、

$doc->loadHTML( mb_convert_encoding($response_body, 'HTML-ENTITIES', 'UTF-8') );

に書き換えます。

ファイルを編集し終えたら、サーバーにアップロードしてください。

アップロードは、先ほどのXserverのファイルマネージャーのメニューから「アップロード」を選択クリックしてください。

すると、既存の「get_ogp_inwp.php」ファイルが上書き保存されます。

＊注　以上の方法は、SWELLのフォーラムを参照させていただきました。

これで文字化けは解消するようです。

けーさん

でも私の場合、この方法では解消しませんでした。

はるこ

wordpressの環境によって効果が違うのかも？

それでも文字化けが解消しない方へ

前述のようにPHPファイルを編集しても文字化けが解消しない場合、私が試してみた方法を紹介します。

けーさん

ブログカードを使わずに、テキストリンクを使うのもありですが。

その前に、SWELLのバージョンによる「get_ogp_inwp.php」の違いと症状を比べてみますと、

まず、SWELLver2.7.5.1では、　

// Load HTML
		$doc = new DOMDocument();
		$doc->loadHTML( $response_body );

このようになっていて、文字化けしていませんでした。

ところが、SWELLver2.7.9では、

	// Load HTML
		$doc = new DOMDocument();
		// $doc->loadHTML( $response_body );
		// DOMDocument::loadHTML は、文字列をISO-8859-1として扱うため UTF-8 文字が化けてしまう。それを防ぐために mb_convert_encoding() を使う。
		$doc->loadHTML( mb_convert_encoding( $response_body, 'HTML-ENTITIES', 'UTF-8' ) );

上記のように手直しされ、文字化けするようになりました。

最新のSWELLver2.8.1は、

// Load HTML
		$doc = new DOMDocument();
		// $doc->loadHTML( $response_body );
		// DOMDocument::loadHTML は、文字列をISO-8859-1として扱うため UTF-8 文字が化けてしまう。それを防ぐために mb_convert_encoding() を使う。
		$doc->loadHTML( mb_convert_encoding( $response_body, 'HTML-ENTITIES', 'UTF-8' ) );

ver2.7.9と同様で、やはり文字化けします。

けーさん

と言うことは「get_ogp_inwp.php」ファイルだけ、ver2.7.5.1の状態に戻した方が良いかも。

と言うわけで、「get_ogp_inwp.php」ファイルをSWELLのバージョン2.7.5.1の状態に戻しました。

簡単に言うと、先ほど編集したのと逆の方法ですね。

SWELLver2.8.1の「get_ogp_inwp.php」ファイルの以下の部分、

$doc->loadHTML( mb_convert_encoding($response_body, 'HTML-ENTITIES', 'UTF-8') );

これを、

$doc->loadHTML( $response_body );

このように戻してやりました。

けーさん

これで文字化けは解消し、今のところ正常に表示されています。