WordPressのサイドバーに、プロフィール画像を表示させよう。

プロフィール画像

 

まずWordPressで記事を書いていく前にやっておきたいことがあるんです。

それはプロフィール画像を設定すること!

 

「どんな人がブログ書いてるのかな?」

と、気になってもらえる重要なポイントの1つでもあるので(・∀・)

 

【設定場所は、どこ?】

・サイドバー(左右選べる)

・フッター(下)

 

試しに一緒にやってみてね♪

 

1.テキストを追加

 

自分の画像や写真・イラストなど、サイドバーに表示させる物を用意します。

 

【テキストの追加】

①外観からウィジェットを選びます。

②テキストをクリック。

テキストを追加

 

2.HTMLを貼り付ける

 

スポンサーリンク

 

テキストを追加すると、このような感じで表示されています。

タイトルは「自己紹介・プロフィール」など好きな名前を入力しておきます。

内容の部分はコピーしたHTMLを貼り付けていきます。

 

POINT

①まず自分の画像のURLをコピーして、この部分に貼り付けます。

②<img src=”自分の画像のURL” align=”left” vapace=”5″ hspace=”5″>

③下の画像だと赤線が引いてある部分が、画像のURLになります。

 

 

ウィジェットにテキスト画像追加

 

 

画像のURLが貼れたら必要な所にチェックをし、ウィジェットを保存をクリックしたら設定は終わりになります。

ウィジェットテキスト

 

 

サイドバーに、画像が表示されていればOK!

プロフィール画像サイトに表示

 

3.フッターに画像を表示させる

 

(>∀<)他のやり方でもできるので自分に合ったのを選んでみて下さい。

 

【ウィジェット】※当時のテーマと違うテーマを使っているので少し表示が違います。

・外観→ウィジェットをクリック

・画像のURLが保存されているテキストを選ぶ

・テキストをドラッグ&ドロップでフッターに移動させる

・最後に保存をクリック

 

 

【カスタマイズ】※テーマによってやり方が違う場合があります。

・ウィジェットをクリック

・サイドバー・ヘッダー(PCのみ)を選ぶ

・フッターの上/中/下を選ぶ

・最後に公開をクリック

 

4.まとめ

 

以上が、サイドバーとフッターにプロフィール画像を表示させるやり方でした。

実際にやってみるコピペだけなので簡単でしたよね?

 

HTMLとか難しそうっていう先入観もあったけど、やってみたら普通にできたのが当時は嬉しかったかな(笑)

他にも、広告表示/まとめ記事一覧にも使えるから便利だよ!

 

お疲れさまでした(^^)/”

 

スポンサーリンク

カテゴリー

この記事を書いた人:MIKINARI

イラストからWordPressまで興味があることを、ジャンル問わずに更新しています。

Pickup