top3

ワードプレスのウィジェットにプロフィールを入れたり画像挿入する方法

Pocket

h0250

記事を書くということは、いわば自分自身の考えを伝えることであるので、なるべく「自分」の情報は発信していったほうがよいかと思います。
(もちろん、出来る限りで構いませんが)

その一つの方法として、サイドバーなどに自分のプロフィールを書くことをオススメします。


情報発信サイトでは自分のプロフィールや管理者情報を書く人は多いと思いますが、トレンドサイトではなかなかいませんよね。

現在サイト自体にオリジナリティを求められることもあり、差別化という意味ではプロフィールでかぶるひとなんてこの世にいないわけですから、積極的に書いていきましょう。


それに読者に対しても親近感を与えることにもなりるので、レンスポンスも増えると思います。

プロフィールを入れる方法


ほとんどの場合、プロフィールを書く場合はサイドバーに入れるかと思うので、サイドバーに画像入りのプロフィールを書く方法を説明してみたいと思います。


まずはダッシュボードから「外観」→「ウィジェット」を選択します。

その後に左側にある「テキスト」を右側のサイドバーにドラッグ&ドロップします。

07562d718f2c79aed7b11b4368fe0b8b


タイトルには「自己紹介」「管理者情報」「管理人はこの人」などを記入します。

そして空欄には以下のコードを貼り付けます。


<center><img src="画像URL" align="center" width="220" height="210"></center>


画像URL → 好みのプロフィールの画像をワードプレスにアップロードして、画像URLを取得します。
※画像URLは「メディア」→「編集」→「ファイルの URL:」にあります。

width(横幅)、height(縦幅) → ここは自分の好きなサイズで問題ないかと思います。


段落は<br>を使いましょう。

6cf83e4ff7983c4c22f2e647bc5734c4

設定が完了したら「保存」をクリックします。


コチラが完成形です。

a13284f266b8924c70e2b5ed72bc7e4a


画像をクリックし特定のリンクへ飛ばす場合


画像をクリックしてもらうことによって、特定のリンクへ飛ばすこともできます。

例えばプロフィールの場合でいうと、「詳しいプロフィールの記事」に飛ばすこともアリかと思います。


その場合は以下のコードを使うことにしましょう。

<center><a href=”記事URL”><img src=”画像URL” align=”center” width=”220″ height=”210″></a></center>

先ほどと違うのは「記事URL」ですが、飛ばしたいリンクのURLを入れればOKです。



この方法はプロフィールを作成する以外にも、多くの読者にみてもらいたい記事がある場合など同じ方法を使ってサイドバーに設置しておく・・・なんてこともできます。

自分の工夫次第でオリジナリティのあるサイドバーを作ることができるのでチャレンジしてみましょう。



また、プロフィールをサイドバーに設置する方法としてプラグインを使う・・・という手もあるので参考にしてみてください。


10 Responses to “ワードプレスのウィジェットにプロフィールを入れたり画像挿入する方法”

  1. […] 方法はジョイさんの記事を思いっきり参考にしているのですが、こちらにも書いておきます。 […]

  2. deceb より:

    こちらの記事で助かりました。ありがとうございます

  3. […] ワードプレスのウィジェットにプロフィールを入れたり画像挿入する方法 […]

  4. […] ワードプレスのウィジェットにプロフィールを入れたり画像挿入する方法 […]

  5. […] ワードプレスのウィジェットにプロフィールを入れたり画像挿入する方法 […]

  6. 通りすがり より:

    はじめまして

    ワードプレスでサイトを作成中ですが、
    サイドバーにプロフイルの画像を挿入する方法がわからなくて困ってました。

    そんなときに、こちらに・・・
    画像は挿入できると思ってましたが、



    これをメモ帳でコピーして、自分の画像のURLを張り付けたら、
    なんと、画像が表示されました。やった!

    サイズも自分の画像に合わせて直しました。

    助かりました。ありがとうございます!!

    たまに、こちらにこさせていただきます。

  7. […] ワードプレスのウィジェットにプロフィールを入れたり画像挿入する方法 | ネットを使い在宅で仕事・副業をしてお金を安定して稼ぐジョイのブログ を参考に、画像部分は以下のコード […]

  8. […] ワードプレスのウィジェットにプロフィールを入れたり画像挿入する方法 […]

  9. ねも より:

    はじめまして。

    ワードプレス+Simplicity2でサイトを作成し始めたところです。
    プロフィールを挿入するにあたり貴サイトが大変参考になりました。

    ありがとうございました!

コメントを残す

サブコンテンツ