ワードプレスでサイドバーに自己紹介・プロフィールを表示する方法

ワードプレスでサイドバーに自己紹介・プロフィールを表示するには、どうすれば良いでしょうか?という旨のメッセージを貰ったので、私が実装している方法を簡単に纏めます。

※この方法以外にも、いくつも方法はあります。(私のやり方は邪道かもー)

まぁ実装出来れば方法は何でも良いので、実装したい人は参考にしてください。

スポンサーリンク

ワードプレス初心者は調べ方すら解らない

教え子 さん
自分がしたいことが何て言うものかわからず、検索しても思ったのが出てこないので教えてください
教え子 さん
右側に出てる、自己紹介的な何て言うのかよくわからないけど、写真とちょっとしたコメント入っているのを入れたいのですが、あれは何ですか?

三十路 さん
こんなの?

ワードプレス_プロフィール_自己紹介

教え子 さん
それです!

うん。最初の頃って、なんて調べて良いのかすら解らないよねw

LINEで画像切り貼りするより、こっちの方が早いので読んで実装してね!

※読んでもTwitter等で反応しなくて良いよー

ワードプレスでサイドバーに簡単プロフィールを実装しよう

ウィジェットの画面まで移動する

①管理画面にログイン

②左側の[外観]をクリック

③[ウィジェット]をクリック

ワードプレス_サイドバー_簡単自己紹介

[テキスト]というパーツを右側の[サイドバーウィジェット]に運ぶ

①利用出来るウィジェットという下に

ワードプレス_サイドバー_テキストを使う

②[テキスト]というパーツがある

ワードプレス_サイドバー_テキストを使う_1

③[テキスト]パーツをクリックしたまま指を離さずマウスを動かすと、マウスに付いて任意の場所まで運ぶ事が出来る

④画面右側のサイドバーウィジェットに[テキスト]を移動させる

ワードプレス_サイドバーウィジェッド

移動してきた[テキスト]を設定する

①[テキスト]の右側にある▼をクリック

ワードプレス_プロフィール_テキスト編集

②タイトルに「プロフィール」と入れる

③大きな枠の方にhtmlを書いていく

1. 下のHTMLをコピー

2. 大きな枠に貼り付け

↓↓↓ここから↓↓↓

<img  align=’left’ vspace=’5′ hspace=’5′ src=’■アイコン画像のURL■’ alt=’■アナタの名前■_プロフィール’ width=’90’ height=’90’ />
名前:○○○
年齢:○○○
悩み:○○○

↑↑↑ここまで↑↑↑

※端末によってコピーした際に、シングルクォーテーション[ ‘ ]が大文字になったりするので、動かない場合は<img以降に出てくるシングルクォーテーションが大文字になってないか?を確認してください。

スマホからなのでプラグイン入れられないため。・゜・(ノД`)・゜・。

④[自動的に段落を追加する]にチェックを入れる

細かい情報を変更する

■アイコン画像のURL■

アイコン画像をアップしたURLに置き換える

■アナタの名前■

ブログ運営上の名前に置き換える

スポンサーリンク

アイコン画像をアップしていない時

アイコン画像をアップする

①投稿

②メディア

③新規追加

ワードプレス_投稿_メディア新規

④アイコン画像をアップ

ワードプレス_プロフィール_アイコンアップロード

アップされた画像のパス(URL)を確認

①投稿

②メディア

③ライブラリ

ワードプレス_投稿_メディアライブラリ

④アップした画像の[編集]をクリック

ワードプレス_プロフィール_パス確認

⑤ファイルのURLをコピー

ワードプレス_プロフィール_ファイル名コピー

このURLにブラウザ(Google)などで直接アクセスするとアップした画像が表示されるハズ!!

サイドバーのプロフィールサンプル

ワードプレス_自己紹介_サイドバー_サンプル

出来上がりはこんな感じ-!!

サイドバーにプロフィールを自作するメリット

正直、プラグインとか色々用意されてるし、そうゆう物を使った方が楽で良いんやけど、1回だけでも自分で色々試して見るっていう経験は必ず次に生きる!!

折角、興味を持って始めたブログなんやから用意されている物を使うだけじゃなく、頭使って楽しもう♪

ウィジェットを使いこなせれば何でも作れる

私のサイドバーは基本的にSimplicityの初期機能 or 自分でテキストにhtmlを記載した物です。他にも色々作ってるけど、面倒臭い病が出てしまうので未実装ですが。。。w

スポンサーリンク

ワードプレスでサイドバーに自己紹介・プロフィールを表示する方法/まとめ

これは恐らく最小限の情報しか載ってないプロフィール作成やから、Twitterを表示したい!とか、FaceBookを表示したい!とか思った場合は、また色々調べて見れば良いよ♪

最悪、解らなければ連絡下さい~!!

しかしまぁ、ホンマにWEBの人?って言われそうな程に簡単プロフィールw

アフィリエイト比較

この記事が良いと思ったらシェアお願いします


スポンサーリンク
おすすめ記事

コメント

  1. […] ワードプレスでサイドバーに自己紹介・プロフィールを表示する方法 […]

  2. […] イン変更 ・サイドバーにプロフィールを表示 画像の右側にテキストが表示される形式にしたいけどできない。。。 ワードプレスでサイドバーに自己紹介・プロフィールを表示する方法 […]

  3. […] ワードプレスでサイドバーに自己紹介・プロフィールを表示する方法 […]