AMPでアバター画像が表示されない (WordPress)

eye catch image

ずっとブログをAMPで表示した際にアバターが表示されないなーと思っていたんだけど、解決したのでメモ。 先に結論だけ書くと、Gravatarに登録してプロフィール画像を設定するとそれを表示してくれる模様。 事象:AMPでアバターが表示されない ソースコードを確認してみると、なにやらGravatarから取得しようとしている様子。 さっそくGravatarに登録しに行ってみる 早速アカウント登録から…と思っていたら、”WordPress.com ログイン”の表示が。 ブログを開始したころに登録したWordPress.comのアカウントでログインすると、Gravatarの設定画面に。 Gravatarにプロフィール画像を設定 プロフィール画像の登録まで完了。 次はなにをすればいいのかな?と思っていたら… あら不思議、無事にアバターが表示されていました。 AMPプラグインに設定が見つからなかったので、ソースコードをゴニョゴニョしないといけないのかなーと思っていたけど、そんな必要はありませんでしたとさ。 どうやってGravatarと著者を紐付けてるの? これでめでたしめでたし。なんだけど、ちょっと待てよ。どうやってGravatarのアカウントとブログの著者を紐付けてるのだろうか? その答えはGravatarの公式ページに説明がありました。 Gravatar は基本的にアバターと同じものですが、1つのサーバーで管理され、MD5 アルゴリズムによって暗号化されたユーザーのメールアドレスによって呼び出されます。そのため、利用者は訪れたフォーラムやブログごとにアバターを設定する代わりに、どこでも同じアバターを利用できるようになります。 Gravatar_の使い方 ははぁ、メールアドレスからキーを生成しているのね。 というわけで、ブログのユーザーに設定しているメールアドレスとGravatarアカウントのメールアドレスが違うとうまく表示できないようなので、ご注意を。 所感 このブログのAMP表示はAMP for WP – Accelerated Mobile Pagesというプラグインを利用しているのだけど、そちらの設定画面をいくらさがしてもプロフィール画像の設定に関する項目が見当たらない。 よくよく追っていくとGravatarとWordPressは関係が深い雰囲気(WordPress.comのアカウントでログイン、など)なので、おそらくWordPressに習熟した人たちから見ればプロフィール画像をGravatarで設定するのは当たり前すぎる話なのかもしれないけど、それを知らない人たちからするとちょっとわかりづらいのではないかな…。AMPの設定画面にGravarへのリンクと説明くらいあっても良さそうな。おもてなしを求めすぎ? とりあえず、大した手間をかけずにちゃんと設定できてよかった、よかった。   ではでは。

古いWordPressプラグインを入れ替えた(Crazy Bone/Scroll Back To Top)

Eyecatch image

本日は景気良く中東ドバイからお届けしています。     …嘘です。はい、今日はエイプリルフールです。 ということで、掲題の通り古いWordPressのプラグインを入れ替えましたのでさくっとメモしておきます。 発端 WordPressのセキュリティプラグイン、Wordfenceから下記のようなアラートメールが届いたこと。   === “[Wordfence Alert] Problems found on blog.binfish.jp” … Warnings: * The Plugin “Crazy Bone” appears to be abandoned (updated 2015年11月5日, tested to WP 4.3.15). https://wordpress.org/plugins/crazy-bone/#developers * The Plugin “Scroll Back To Top” appears to be abandoned (updated 2015年5月19日, tested to WP 4.2.19). https://wordpress.org/plugins/scroll-back-to-top/#developers … ===   要はメンテされてない(っぽい)プラグインがあるぜ、ってことらしい。 …

WordPressのカスタマイズ画面が動かない

年明けにWordpressのバージョンを上げてから、underscore.jsのエラーでWordpressテーマのカスタマイズ画面が白くなって動かない症状に見舞われていたが、本腰入れて調査した結果、やっと原因がわかった。 エラー出力 Chromeデベロッパーツールからコンソールを確認すると以下のエラー出力が。 Uncaught SyntaxError: Unexpected token < at new Function (<anonymous>) at Function.m.template (underscore.min.js?ver=1.8.3:5) at wp-util.min.js?ver=4.7.2:1 at f.renderContent (customize-controls.min.js?ver=4.7.2:1) at Object.<anonymous> (customize-controls.min.js?ver=4.7.2:1) at i (jquery.js?ver=1.12.4:2) at Object.add [as done] (jquery.js?ver=1.12.4:2) at Function.<anonymous> (customize-controls.min.js?ver=4.7.2:1) at i (jquery.js?ver=1.12.4:2) at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2) 使用しているバージョン $wp_version = ‘4.7.1’; underscore.min.js?ver=1.8.3 原因 ブログタイトルに{{ という記号が含まれていたから。。。。。。orz 対応 ブログタイトルの記号をUnicodeに修正。 設定 > 一般 > サイトのタイトル …