-3,000人以上が購読している無料メルマガはこちら-

ブログを作る

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

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

ブログ,サイドバー,プロフィール,画像

ブログ運営をする際に、誰がこのブログを運営しているのかというポイントは結構見られるものです。

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

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

目次

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

プロフィール画像,ブログ,サイドバー

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

ブログ,サイドバー,プロフィール画像

さきほどアップしたプロフィール画像を選択します。

ブログ,プロフィール,画像,サイドバー

そして左側に表示されるURLをコピーしてください。

ブログ,プロフィール,画像,サイドバー

そしてコピーしておいてURLはワードでもメモ帳でも、なんでもいいので貼り付けておきましょう(笑)

ブログ,サイドバー,プロフィール,画像

これでアップロード作業はお終いです。

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

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

ブログ,プロフィール,画像,サイドバー

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

ブログ,プロフィール,画像,サイドバー

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

ブログ,プロフィール,画像,サイドバー

そして次に以下のコードをコピーしてください。

<img src="URLをここに!">

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

↓↓↓

↓↓↓

プロフィール,ブログ,サイドバー

とりあえずこれで完了!

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

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

サイドバー,ブログ,プロフィール画像

いいかんじで表示されていますね♪

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

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

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

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

【1】名前を入力する

ブログ,サイドバー,プロフィール,画像

まずはブログ管理者の名前ですね。

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

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

<img src="https://yuukivp.com/wp-content/uploads/2017/02/プロフィール.jpg">
<br><br>
<center>【結城おさむ】</center>

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

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

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

【2】自己紹介文を記入

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

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

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

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

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

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

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

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

<a href="http://◯◯あなたのプロフィールページへのリンク✕✕">詳しい自己紹介はこちら♪</a>

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

さいごに

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

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

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

【今だけ0円】WEBを使って収入源を増やすノウハウを受け取る!

数年前まで田舎でくすぶっていたサラリーマンだった僕が、たった1つのブログを作ったことで人生が変わりました。

副業で始めたブログビジネスで、週1回だけ働いて月24万円の収入を得られるようになり、今ではストレスフリーな毎日を送れています。

  • 自宅やカフェで自由に働けるノマドライフに興味がある
  • 脱サラして、人間関係に疲れることない人生を叶えたい
  • ブログで収入を得るために何から始めていいか分からない…!
  • 帰りのチケットを取らなくても海外旅行に行ける生活に憧れる

 

開放感にあふれた人生を描くために初心者向けのブログ入門書を無料でプレゼントしています。

ゼロスタートの人にも「あ、ブログってこうやって稼げるんだ!」と反響をいただき、分かりやすい動画・文章でやさしく解説をしています。

僕のメルマガ登録者さん限定で、今だけ0円で配布をしていますがいつ値上げをするか分かりませんので、今のうちに無料プレゼントをお見逃しなく。

ボタンをクリックして、登録フォームに「名前」と「メールアドレス」を入力したら、すぐにプレゼントが手に入ります。