ワードプレスのサイドバーにプロフィールを作る方法はとっても簡単!

シェアボタンを押して情報を共有しましょう。

information-427515_1280

どうもこんにちは!ハシオです!

前回の記事に春到来で暖かいって書きましたが、まだまだヒーターやストーブ、そしてコタツの出番はなくなりませんね、昼と夜の気温差が激しいです。

さて今回はワードプレスでとっても簡単に作れる、サイドバーにウィジェットを追加するプロフィールの作り方を紹介したいと思います!

今は個人を尊重するべき時代になっています、そんな時代の中でプロフィールという要素は個人を知るためには必要不可欠です。なのでサイドバーに簡易的なプロフィールとガッツリ個人をアピールする固定ページを作っちゃいましょう!

まずは、サイドバーのプロフィールから説明していきますね。

スポンサーリンク
レクタングル(大)広告

サイドバーにプロフィール項目を作る方法

ではまず、ワードプレスの管理画面を開いてください。そして、外観という項目がありますので「ウィジェット」をクリックしましょう。

スクリーンショット_022016_104538_PM

そしたら利用できるウィジェットという文字の下にズラーっと使えるウィジェットが揃っていると思います。その中から「テキスト」ウィジェットを探してください。

スクリーンショット_022016_104858_PM

それからテキストのウィジェットをクリックすると追加できる位置の項目がでてきますので、「サイドバーウィジェット」を選択して「ウィジェットを追加」を押します。

スクリーンショット_022016_105333_PM

そうするとようやくサイドバーウィジェットテキストを追加することができましたね。

スクリーンショット_022016_110355_PM

追加されたテキストをクリックすると、「タイトル」「内容」という入力欄がでてきました。まずはタイトルの部分に「プロフィール」と書きましょう。

※タイトルはなんでもいいです。なるべくわかりやすいものにしましょう。

スクリーンショット_022016_110721_PM

そしてここが重要な箇所、個人を知るための内容となります、最初に写真を付けましょう。

※写真がないよ!と困っている方はこちらの似顔絵ジェネレーターであなたのキャラクターを作ってみてください。

似顔絵ジェネレーター

こちらのコードをコピーしてテキストに貼り付けます。

img src=””の部分にアップロードした写真のURLを入力してください。そうするとこのように画像が表示されるようになります。それから下に個人の簡易的なプロフィールを書いていきましょう。

スクリーンショット_022016_111336_PM

プロフィールを書き終えたら「自動的に段落追加する」にチェックを入れて保存を押します。

スクリーンショット_022016_111753_PM

保存を押しましたね?一度ブログを確認しに行きましょう、そうすればサイドバーにプロフィールが表示されているはずです。

スクリーンショット_022016_112714_PM

どうですか?簡単にプロフィールが作れましたね。

次は詳しいプロフィール固定ページに作っていきましょう!

固定ページに詳細プロフィールを作る方法

固定ページを作る方法も簡単です。いつも通り記事を作っている感覚でプロフィールを作れちゃいます。

では、固定ページの項目の中にある新規追加を押してください。

スクリーンショット_022016_113912_PM

すると見覚えのある記事を書くページに移りましたね。タイトルは「自己紹介」でいいと思います。そして内容に血液型や趣味などを書いていきましょう。

スクリーンショット_022016_114408_PM

僕の詳細プロフィールのページがありますので参考にしてみてください。

自己紹介

固定ページに詳細プロフィールを作ることができたら先程のテキストウィジェットに戻り、固定ページのURLを追加してやります。

スクリーンショット_022016_115022_PM

追加する際にHTMLリンクタグを使います。コードのサンプルを貼っておきますのでこれをコピーしてウィジェットに貼り付けましょう。

リンクタグを貼り付けたらプロフィールの下に固定ページへのリンクが表示されるようになります。

スクリーンショット_022016_115456_PM

これで簡易プロフィールと詳細プロフィールの連携が完了しました。更新を続けていくと投稿者に興味を持ってくれる人が現れると思います。そういう時にこういった詳細プロフィールがあるとファンになってくれたりします。

そしてファンを増やすには個人を知ってもらうのが一番いい方法だと思っています。ブログを定期的に読んでくれる人というのはとても貴重な存在です。なのでより多くのファンを作りブログを盛り上げていきましょう!

次はファンをより多く増やすための小技を紹介します。

プロフィール欄にSNSボタンを追加してファンになってもらう

既にプロフィールの作り方もウィジェットの使い方もだいたいわかってきたと思われます。そこで応用術としてSNSボタンを追加してみましょう。

ではここでSNSの代表格ツイッターを使ってご紹介いたします、まずはツイッターの公式サイトでフォローボタンのコードを配信していますので移動しましょう。

するとボタンを選択という文字の下に4つのチェック項目がでると思います。「フォローする」のところにチェックを入れたら「コードのプレビューを見る」の下にコードがあるのでそれをコピーしてテキストの下に貼り付けましょう。

スクリーンショット_022116_122321_AM

そしてテキストにコードを貼り付けます。

スクリーンショット_022116_122929_AM

テキストにコードを貼り付けて保存したらまたブログを確認してみましょう。そうするとツイッターのフォローボタンが設置されましたね。

スクリーンショット_022116_123511_AM

以上でSNSボタンの追加方法は終わりです。

まとめ

これでファンを増やせる確率がグッっと上がると予想されます。他にもFeedlyのボタンやFaceBookのボタンなどもあるので探してみてください。

それから、試しに記事内にフォローボタンを入れてみました。良かったらフォローしてみてくださいw↓


では、そろそろ記事を終わりたいと思います。ありがとうございました。

スポンサーリンク
レクタングル(大)広告
レクタングル(大)広告
ワードプレスのサイドバーにプロフィールを作る方法はとっても簡単!
この記事をお届けした
HASHIO_LOGの最新ニュース情報を、
いいねしてチェックしよう!

シェアボタンを押して情報を共有しましょう。

フォローする

関連記事

コメント

  1. Super beginner より:

    はじめまして。こちらの記事を参考にして自分の作りたてのブログにプロフィールを作ることができました!とてもわかりやすく解説して頂いてありがとうございますm(_ _)m

    ここに書いたコメントは他の人にも見えてしまうのでしょうか?

    • 橋尾 渡 より:

      Super beginnerさん、ご来場ありがとうございます。
      コメントの承認をすれば、他のユーザー様にもコメントが見えてしまいますね。

  2. ざわ より:

    はじめまして!
    突然の質問で申し訳ないのですが
    この記事にあるようにサイドバーのプロフィールに写真を張ろうとしても画像が表示されません。
    試しに他の画像でやってみてもだめです。
    HTMLも合っているにでどうしたらいいのか、、
    気が向いたら答えてください!よろしくお願いします

  3. ざわ より:

    すばやい対応ありがとうございます。
    無事貼れました!
    本当にありがとうございます!!

  4. 蔵のまち より:

    ブログを始めたばかりの初心者です。
    こちらのサイトを参考にさせていただいており、有難うございます。

    1点うまくいかないことがあり相談のご連絡でした。

    プロフィール下の「もっと詳しく見る」ですが、
    パソコン画面では表示されるものの、モバイル画面にはなぜか表示されません。

    これは、何かプラスの設定が必要なんでしょうか・・

    もし思い当たることなどあれば教えてください。
    よろしくお願いします。

    • 橋尾 渡 より:

      蔵のまちさん、こんにちは。
      僕の場合、あのコードのままでスマホ表示されました。
      もしかしたら、記入漏れなどが無いか、今一度ご確認ください。
      途中の「//」の一行が消しても大丈夫です。