アスペクト比崩れバグ回避!Gravatarをスマホから登録する

アスペクト比崩れバグ回避!Gravatarをスマホから登録する

Gravatarをスマートフォンから登録する手順

Gravatarについての説明は、過去の記事を参照

Gravatarってなに?

 

一言でいうと、グローバルなアイコンを設定できるサービスです。

Gravatarは、バグが結構多かったので解説記事を書きます。

スマホから画像を登録するとアスペクト比が崩れてしまうという問題がありますが、後述で回避方法を書きます。

 

注意点

バグやなんだこの仕様と思ったものが幾つかあったので最初に書きます。

  • アカウントは作ったら、消せない
  • 一度ログインすると、新規アカウントが作れない。
    •  作るタイミングでログインされるw強制的にパスワードなしでログインされるw
    • ログアウトしてもパスワードなしでログインできる仕様やばいっしょw
    • 多分Cookie消せば行けると思う。
  • スマホから画像を登録するとアスペクト比が崩れる
    • 完全にPC向けのサイトであることを改めて認識した。

このサービスは、WordPress.comを運営するAutomatticが作っているのですが、雑すぎない?という感想。直したいw

 

サイトにアクセス、SignUpで必要な情報を入力

 

サイト: https://ja.gravatar.com/

サイトにアクセスしたら下にスクロールして、Gravatarを作成というボタンがあるのでタップ。登録画面に移動します。

 

登録画面に移動したら情報を入力。Sign up ボタンをタップ。

 

この画面が出たらメールを確認します。

 

メールが届いていたら

WordPress.comからメールが来ていると思います。

そのメールを開き、Active Accountとタップ

 

タップするとこんな画面に行くと思います。(画面崩れ起こっていますが、気にしちゃいけません。)

Sign in to Gravatarをタップ。ログイン画面が表示されると思うので先程、入力した情報でログインします。

 

画像の登録

ログインすると上記画面になります。

Add a new image をタップして新しい画像を追加します。

 

画像の登録自体は、いくつか種類があるので試してみてください。

  • Upload new (画像をアップロードする)
  • From URL (URLを記入して画像を設定する)

の2つを使います。

 

ここで注意

スマホで画像を上げたり、URLを指定すると上記の画像のようにアスペクト比が崩れます。

 

回避方法

スマホのジャイロ回転をオンにして横向きにして、画像をアップロードする画面から試してみてください。 

すると上記のようにアスペクト比がずれていない画像を上げることができます。

あとは流れでできると思います。

正方形になるように画像を切り取りします。

切り取る範囲を選択できたらCrop imageをタップ。

 

レーティングを決める画面に移動します。レーティングはGで大丈夫です。そもそも何年かこのサービスを使っていますが、この機能を使ったことがないです。

メールアドレスが複数ある場合は、紐付けるメールアドレスを選べます。1つ場合は、メインのアドレスに紐付きます。

これでWordPressのユーザーアイコンが設定されているはずです。

 

アイコンが設定されるとWordPressのユーザー一覧などには画像が出て来るかと思います。

反映まで5分程度時間がかかる場合もあるので気長に待ちましょう。

 

以上、Gravatarをスマートフォンから登録する手順でした!

何か分からないことがあったらコメント欄で質問してください。

Web制作カテゴリの最新記事