Gravatar で紹介しているウェブサイトのタイトルの日本語が文字化けしないようにする方法

ブログやウェブサイトではなく、自分自身を示す方法の一つとして、Gravatar というサービスが WordPress.com を運営している Automattic 社より提供されていますが、日本語圏の人にとって、一つ困ったことがあります。それはウェブサイトを紹介しようとすると日本語が文字化けを起こしてしまうことです。

こういった現象は WordPress.com 等に限らず、外国産のサービスを使っている以上、ある程度、避けられないことだと私自身は考えています。なぜなら、世界には何十個もの主要言語があり、それらにパーフェクトに対応することこそ、ある意味、奇跡だと私自身は考えるからです。そういうわけで、おそらく、他の似たような場面でも応用が効く、日本語の文字化けを回避する方法について覚書きしたいと思います。

image

まず、Gravatar というサービスについてざっくりと説明すると、というより、これ以上のことはよく知らないのですが、とりあえず、これが Gravatar のホームページです。

AccessMenuBarApps-40
Gravatar – グローバルに認識されるアバター (Globally Recognized Avatars)

Gravatar のアイコンは「いいねボタン」や

image
Daily Prompt: Home Sweet Home | The Daily Post

コメント欄などで使われていて、そこから、いいねボタンを押した人やコメントした人の Gravatar のプロフィールページへアクセスすることができるようになっています。最近では、TwitterFacebook 等が同じような機能を果たしているのでイメージは湧きやすいと思います。

AccessMenuBarApps-43

rect3015

AccessMenuBarApps-44

rect3015

AccessMenuBarApps-41
fuchinoue katsuhiro – Gravatar プロフィール

私自身の Gravatar のプロフィールページはあっさりし過ぎていて機能の説明には向いていないと思うので、Automattic 社の代表者?の方のものを勝手ながら拝借させて頂きます。

左の方に Twitter や Facebook 等へのリンクをつけることができます。下の方にブログやウェブサイトへのサムネイル画像つきリンク、右上の方にプロフィール写真、その下にその他の写真一覧を表示することができるようになっています。

image
Matt, embarcadero and townsend, sf ca – Gravatar プロフィール

で、ここで問題にしたいのは、ウェブサイト等を紹介しているところです。

AccessMenuBarApps-46

「プロフィールを編集」、

AccessMenuBarApps-42

「Websites」より、

AccessMenuBarApps-47

ウェブサイト等へのリンクを追加したり、削除したりすることができるようになっています。

AccessMenuBarApps-48

追加ボタンは 2 つあり、左の方が WordPress(レンタルサーバ等にインストールして使うタイプの WordPress の場合は、プラグイン「JetPack by WordPress.com 」を使って WordPress.com と連携させればリストアップされるものと思われます。)のウェブサイト等を追加できるボタン、

AccessMenuBarApps-50

右の方がブログサービスの種類にかかわらず追加できるボタンです。

AccessMenuBarApps-51

ここからが本題ですが、以下のように、あるブログの URL アドレスとタイトルを入力し、「Save Website」ボタンをクリックすると、

AccessMenuBarApps-52

以下のように一見、正常にブログが追加されたように見えますが、

AccessMenuBarApps-53

「View Profile」をクリックし、表示を確認してみると、

AccessMenuBarApps-54

日本語の部分が文字化けを起こしてしまいます。

image

管理画面の方に戻ると、こちらの方も同じように文字化けを起こしてしまいます。

AccessMenuBarApps-62

そこで、私の場合は、以下のサイトで文字化けしないように文字の変換を行っています。なお、Coda 等の「エンティティ化」させる機能等でも同様のことができます。

AccessMenuBarApps-57
10進、16進文字コードin HTMLユニコード

変換したい文字を入力し、「文字を 10 進、16 進コードに変換する」ボタンをクリックし、変換後の文字列をコピーし、

AccessMenuBarApps-56

タイトル部分にペーストすると、

AccessMenuBarApps-58

データを追加した時点では管理画面上では以下のように文字化けを起こしていますが、

AccessMenuBarApps-59

Gravatar のプロフィールページでは、以下のように日本語がちゃんと表示されるようになります。

AccessMenuBarApps-60

なお、管理画面に戻っても、文字化けがちゃんと直っています。

AccessMenuBarApps-61


以上、Gravatar のプロフィールページの下の方で紹介しているウェブサイト等のタイトルに日本語を含む場合にその文字化けを回避する方法についての覚書でした。

投稿者: comemo

mac & iPad で情報をインテグレートする

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。