THE THOR(ザ・トール)のプロフィール写真・画像設定方法

画像:THE THORでワードプレスのプロフィール写真・画像設定

ワードプレスのテーマ「THE THOR ザ・トール」でプロフィールの設定方法って難しそうって方に、分かりやすく手順を解説しています。

実はプロフィール設定が難しいのはテーマの「THE THOR ザ・トール」のせいではなく、WordPress側の問題。しかしおすすめのプラグインを使えば簡単なので安心してくださいね。

プロフィールの設定方法は大きく2つあります。

  1. Gravatar(グラバター)を使う方法
  2. プラグインの「WP User Avatar」を使う方法

おすすめはプラグインの「WP User Avatar」を使ったプロフィール設定です。

なぜかというと、

最初のGravatar(グラバター)は海外のサービス。日本語は一部分で、基本的に英語です。怪しいサイトではないのですが、アカウントを作ってメールアドレスを登録する必要があるのでちょっと不安です。

おすすめプラグインの「WP User Avatar」は日本語の設定画面で内容も簡単です。以下、手順を参考にしてくださいね。

フエル

※プロフィール設定用の写真や画像は用意して下さいね。

WP User Avatar – THORにおすすめプロフィールプラグイン

画像:WP User Avatarプラグインのインストール画面
WP User Avatarプラグイン

似たようなプラグインがあるので間違えないようにね。黄色の人型アイコンが目印!

設定までの流れは以下、

  1. WP User Avatarを追加し「有効化」をクリック
  2. ユーザープロフィール編集画面でプロフィール写真をアップロード

①プラグイン「WP User Avatar」追加方法

図解:WordPressプラグインWP User Avatarのインストール
プラグインWP User Avatarのインストール手順

ダッシュボードの「プラグイン」→「新規追加」→「WP User Avatar」と入力。「今すぐインストール」、「有効化」をクリック。

②プロフィール写真をアップロード

図解:WordPressプラグインWP User Avatarのプロフィール写真設定
プラグインWP User Avatarのプロフィール写真設定

プラグインを有効化したら、【ユーザー > プロフィール】から編集画面へ。「あなたについて」という項目の下にある「プロフィール写真」の表示が変化している事に気付くと思います。

【画像の選択】をクリックするとファイルを選んでアップロードする画面に進みます。

THE THOR(ザ・トール)でのプロフィール写真サイズは?

使われる写真・画像サイズは縦横が「120px × 120px」であれば問題ないです。表示される時は円形にくり抜いた状態になります。

アップする写真・画像サイズは出来るだけ「120px × 120px」に合わせましょう。縦横比を保ったままリサイズされてしまいます。

さらに、各プロフィールエリアでどの様に見えるのかも説明していきます。

サイドバーエリアでの見え方

図解:WordPressプラグインWP User Avatarでサイドバーにプロフィール写真表示
WP User Avatarでサイドバーにプロフィール写真表示

サイドバーのプロフィールエリアは縦長で、写真・画像は「120px × 120px」サイズを円形でくり抜いた表示になります。

投稿ページ下部エリアでの見え方

図解:WordPressプラグインWP User Avatarで投稿記事の下にプロフィール写真表示
WP User Avatarで投稿記事の下にプロフィール写真表示

投稿ページ下部エリアのプロフィールエリアは横長で、写真・画像は少し小さく表示されます。その為、サイドバーで使ったサイズ「120px × 120px」の写真や画像があれば問題なく表示されます。

THE THOR(ザ・トール)のウィジェットでプロフィールの設定をする

[THE]著作者情報ウィジェットでプロフィール設定

【外観 > ウィジェット】の画面左に利用できるウィジェットがあります。

[THE]著作者情報】が「ザ・トール」でのプロフィール設定用ウィジェットです。

まとめ

プラグインの「WP User Avatar」を使えば簡単にプロフィール写真・画像を設定出来ますね。
写真・画像サイズは「120px × 120px」です。

今回はワードプレスのテーマ「THE THOR ザ・トール」でのプロフィール設定でしたが、他のテーマでもウィジェットの所が違うだけなので簡単に真似出来ますよ。

是非お試しくださいね。

抜群に上位表示されやすい WP テーマ 【ザ・トール】

画像:WordPressテーマの「ザ・トール」とプラグインの相性を解説
THE THOR:目次のデザインをカスタマイズ - CSSサンプル有り
SNSで必須のOGP設定&最適画像サイズ