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

どうも、こんにちは！橋尾渡（@hashio_wataru）です！

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

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

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

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

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

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

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

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

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

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

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

<center>
<img src="ここにアップロードした画像のURLを入力"
 align="center" width="220" height="210">
</center>

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

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

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

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

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

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

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

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

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

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

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

<a href="固定ページのURLを入力">
もっと詳しく見る //ここに任意の文字を入力しましょう。
</a>

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

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

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

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

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

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

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

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

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

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

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

【最新版】ツイッターフォローボタンの作り方

2018/08/21　追記

どうやら、ツイッターのフォローボタンを作成するページの仕様が、だいぶ変わってしまったようです。

なので今から、新しくなったツイッターボタン作成ページで、フォローボタンを作る方法について説明していきますね。

まず、上記のリンクへ移動してください。

「What would you like to embed?」というページが出てきますが、これはリンク切れではなく、ちゃんとツイッターのフォローボタンを作成することができるページなので、安心してください。

ページを下にスクロールしますと４つのメニューが現れますので、一番右の「Twitter Buttons」をクリックしましょう。

「Twitter Buttons」をクリックすると、５つの種類のボタンが作成可能です。

今回はフォローボタンを作りたいので、左から２番目の「Follow Button」を選択しましょう。

次に、アカウントのIDを記入する空白が出てきますので、ここにあなたのアカウントIDを記入しましょう。

最後に表示されているコードをコピーして、プロフィールや記事内に「テキストエディタモード」で貼り付けてあげれば、ツイッターフォローボタンの出来上がりです。

まとめ

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

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

Follow @hashio_wataru

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