WordPress プロフィール 写真 サイドバー カスタマイズ ワードプレス 画像

ブログを運営していると、サイドバープロフィールを設置したくなると思います。

運営者としての自己紹介だったり、プロフィール写真だったり。

 

そこで今回は、WordPress(ワードプレス)でのプロフィール欄の設置方法について、カスタマイズ方法を解説します!!

 

ブログにプロフィールを設置すると・・・

やはり、ブログを立ち上げて記事を書いていくと、どうしても愛着が湧いてきますよね。

そして、自分専用のブログであることから、プロフィール欄をサイドバーに設置したくなるものです。

かく言う僕もつい先日、このブログにプロフィール欄を設置しました。

(※僕の場合は、トレンドブログでもプロフィール欄を設置しています。)

 

例えば、以下のようにブログ運営者の人となりが見えると、読者からもウケが良くなります。

 

【プロフィールが設置されるとブログが栄える】

WordPress プロフィール 写真 サイドバー カスタマイズ ワードプレス 画像

 

今回は、WordPressブログのサイドバーに、プロフィールと写真(画像)を設置するカスタマイズ方法を解説していきます。

ぜひ、あなたの色をブログで出していくためにも、カスタマイズをしてみてください。

WordPressでプロフィール写真をサイドバーに!!

それでは早速、WordPressでプロフィール&写真をサイドバーに作る方法を説明しますね。

 

【STEP1】テキストのウィジェットを設置しよう!!

まず、【ウィジェットのテキストを設置】します。

【外観のウィジェット】⇒【テキスト】とクリックしてください。

WordPress プロフィール 写真 サイドバー カスタマイズ ワードプレス 画像

 

すると、プルダウンが出てきて【ウィジェットを追加】が表示されるので、これをクリック。

WordPress プロフィール 写真 サイドバー カスタマイズ ワードプレス 画像

 

右側のサブコンテンツの欄をみると、【テキスト】が追加されたことが分かると思います。

WordPress プロフィール 写真 サイドバー カスタマイズ ワードプレス 画像

 

それでは、この【テキスト】のタイトル欄に “Profile” と入力してみましょう。

もちろん、入力するタイトルは、”プロフィール” や “自己紹介”、”運営者情報” などでもOKです。

入力ができたら、ここでは【内容】は空欄のままで【保存ボタン】を押してください。

WordPress プロフィール 写真 サイドバー カスタマイズ ワードプレス 画像

 

加えて、ウィジェットの位置を【ドラッグ&ドロップ】で好きな場所に持っていってください。

WordPress プロフィール 写真 サイドバー カスタマイズ ワードプレス 画像

 

ここで一旦、ブログを見てみると、サイドバーには【プロフィール欄】がキチンと表示されているはずです。

WordPress プロフィール 写真 サイドバー カスタマイズ ワードプレス 画像

 

【STEP2】プロフィール写真(画像)を貼ってみよう!!

続いてですが、空欄のままのプロフィールだと非常に寂しいので、写真(画像)を挿入していきましょう。

 

【メディア】⇒【新規追加】とクリックし、プロフィール写真として使いたい画像をフォルダからドロップしましょう。

ちょうど下の画像のように、事前に用意しておいた画像ファイルをアップロードする感じです。

WordPress プロフィール 写真 サイドバー カスタマイズ ワードプレス 画像

 

画像ファイルのアップロードが完了すると、以下の画面のようにUPした写真を確認できます。

WordPress プロフィール 写真 サイドバー カスタマイズ ワードプレス 画像

 

続いて、【メディア】⇒【ライブラリ】とクリックし、アップロードしたばかりの画像をクリックしましょう。

WordPress プロフィール 写真 サイドバー カスタマイズ ワードプレス 画像

 

そして、その使いたいプロフィール写真の上で右クリックをし、【新しいタブで画像を開く】をクリック。

WordPress プロフィール 写真 サイドバー カスタマイズ ワードプレス 画像

 

さらに、“新しいタブのURL” をコピーしましょう。

WordPress プロフィール 写真 サイドバー カスタマイズ ワードプレス 画像

 

最終的に、以下のようにコピーしたURLをプロフィールのウィジェットに貼ります。

すると、サイドバーのプロフィール欄に選択した写真が表示されているはずですよ。

WordPress プロフィール 写真 サイドバー カスタマイズ ワードプレス 画像

 

↑のコードを貼っておきますね。

 

【STEP3】いろいろと自己紹介の文を書いてみよう!!

STEP2までの作業で、プロフィール写真をサイドバーに設置できたことになります。

プロフ写真だけだと物足りないでしょうし、以下のように色々と好きなものなどのプロフィールを書きましょう。

また、サイドバーのスペースはどうしても狭いですし、【専用のプロフィールページを “固定ページ” 】で作り、そのページへとリンクを張るのがオススメです。

 

WordPress プロフィール 写真 サイドバー カスタマイズ ワードプレス 画像

 

念のため、↑のプロフィールのコードを以下に貼っておきます。

何かの参考にして頂ければと思います。

サイドバーをカスタマイズするとブログの見栄えUP!!

いかがだったでしょうか??

 

今回は、WordPressでサイドバーにプロフィール写真を載せる方法について書いてきました。

やはり、ブログはサイドバーが充実しているだけで見栄えが良くなりますし、運営者としてのモチベもUPしやすい。

ぜひ、あなただけのブログを作って、ネット上の分身をカスタマイズしていきましょう。

 

また、プロフィールだけでなく、Twitter(ツイッター)やInstagram(インスタグラム)、Facebook(フェイスブック)などのSNSもサイドバーに設置すると、より華やかなブログデザインに仕上げられますよ。

 

【記事のSNSボタンをカスタマイズする方法】

  WordPress(賢威7.0)でソーシャルボタンの設置!重いプラグインは避けよう!