今回はWordPressブログのサイドバーにプロフィール画像や自己紹介文を設定する方法についてご紹介していきたいと思います。

ブログ,サイドバー,プロフィール,画像
ブログ運営をする際に、誰がこのブログを運営しているのかというポイントは結構見られるものです。

しかし、意外とプロフィール画像の設定に手こずる人も多い。

ということで、今回は簡単にサイドバーにプロフィール画像を設置する方法についてご紹介します。

【動画】WordPressブログのサイドバープロフィール画像を設置する方法



ワードプレスブログのサイドバーにプロフィール画像を設定する方法


それでは、サイドバーにプロフィール画像を設定する方法についてです。

順番にやっていきましょうね!

【1】プロフィール画像を作成する!サイズは?


まず設置するプロフィール画像を作成、又は撮影する必要があります。

あなたが顔出しがOKであれば、きれいな写真を撮っておきましょう。

ちなみに僕のプロフィール写真は金沢市にある「TORUTOCO」という写真館で撮影してもらいました!

金沢市でおしゃれな記念写真を撮影するならTORUTOCOで!


顔出しはNGだという場合は何かしろのキャラクターなどを作るしかないでしょう。

別の記事でオススメのツールをご紹介していますので、参考にしてみてくださいね♪

ブログやSNSのプロフィール画像をおしゃれに作成!オススメアプリを紹介!


そしてプロフィール画像のサイズですが、僕の場合は「縦:300px,横:300px」で設定をしています。

サイズに関してはテンプレートによっても見栄えが変わってきますので、微調整しながら設定するのがいいでしょう。

【2】プロフィール画像をアップロードする


次にプロフィール画像をアップロードする必要があります。

WordPressのダッシュボード画面から『メディア→新規追加』を選択しましょう。

プロフィール画像,ブログ,サイドバー
アップロードが完了したら、「メディア→ライブラリ」に移動してください。

ブログ,サイドバー,プロフィール画像
さきほどアップしたプロフィール画像を選択します。

ブログ,プロフィール,画像,サイドバー
そして左側に表示されるURLをコピーしてください。

ブログ,プロフィール,画像,サイドバー
そしてコピーしておいてURLはワードでもメモ帳でも、なんでもいいので貼り付けておきましょう(笑)

ブログ,サイドバー,プロフィール,画像
これでアップロード作業はお終いです。

【3】サイドバー(ウィジェット)にプロフィール画像を設定する方法


次にWordPressのダッシュボード画面から『外観→ウィジェット』を選択しましょう。

ブログ,プロフィール,画像,サイドバー
左側に項目がズラ~ッと並んでいるので「テキスト」をドラック&ドロップで、右側のサブコンテンツ(賢威7でそう呼ぶ)に移動させましょう。

ブログ,プロフィール,画像,サイドバー
そして、タイトルには「プロフィール」と記載をしておきましょう。(とりあえず)

ブログ,プロフィール,画像,サイドバー
そして次に以下のコードをコピーしてください。




コピーしたら内容に貼り付けて、「URLをここに!」の部分を消して、先程Wordかメモ帳に貼っておいたURLを代わりに挿入します。

↓↓↓

↓↓↓

プロフィール,ブログ,サイドバー
とりあえずこれで完了!

『保存』を忘れずにしてくださいね!!


ブログはこんなかんじになります↓↓

サイドバー,ブログ,プロフィール画像
いいかんじで表示されていますね♪

サイドバーに自己紹介文を書く方法


さて、プロフィール画像を貼ったはいいものの、自己紹介文も書いておきたいところですよね。

しかし、サイドバー(ウィジェット)の文字入力はテキストモードとなるため、タグの知識が少しだけ必要です…。


まあ難しくはないので、頑張ってみましょう!笑

【1】名前を入力する

ブログ,サイドバー,プロフィール,画像
まずはブログ管理者の名前ですね。

プロフィール画像の直下に【結城おさむ】と記入してみました。

このような表記をする場合は、以下のようなタグを挿入します。



<br>は改行のタグとなっており、これを入れることで1段改行されます。

個人的には2段改行したほうが見栄えがいいので、僕は2つ使用しています。

そして【結城おさむ】を<center>タグで囲むことによって、文字を中央寄せにしています。

【2】自己紹介文を記入


次に自己紹介文を書いていきます。

改行に関しては<br>を使って、微調整をしてください。

あと、あまり長々しい文章を書いても読まれないのでサイドバーに記載する自己紹介文は簡潔に書いておくといいでしょう!

【3】詳しい自己紹介へのリンクを貼る


先程も説明しましたが、サイドバーに記載する自己紹介文は簡潔でOKです!

しかし、あなたがどんな人間なのか、どのような想いでブログを運営しているなどの理念を知ってもらいたいなら、自己紹介文の終わりに詳しい自己紹介文へのリンクを貼っておきましょう。

以下のコードを貼り付ければOK!

あとは「◯◯あなたのプロフィールページへのリンク✕✕」のところをプロフィールページへのURLを入れ替えてくださいね。



これで概ねのプロフィールは完成です。

さいごに


今回はワードプレスブログのサイドバーにプロフィール画像を設定する方法についてご紹介しました。

簡単そうに見えて、初心者だとつまづくポイントだと思いますのでタグの勉強だと思って挑戦してみてくださいね!

運営者の顔やキャラクターもブログのデザインの一つだと思いますので、素材選びも大事ですよ♪