WordPressでサイドバーに5分でプロフィールを設置する方法

Life記事

wordpressの公式ロゴ

WordPressといえばブログやサイトを作ろうとした時に一度はきいたことがありますよね。

SEOに有利だったり、初心者でもとりあえずおしゃれに作れるので私も助かっています。

ただ知識がないまま運用していると、たまに壁にぶつかります。

今日はとりあえずよくわかんないけど、サイドバーにプロフィールを表示したい人のために5分で設置できる方法をまとめました。

プロフィール設置位置

完成の見本はこんな感じね。

5分で設置したいなら、考えるんじゃない、感じろ。

アイコン、画像を用意

これは使いたいものを用意してください。

人によって顔写真や後ろ姿、似顔絵にアイコン風とみなさん個性ゆたかですよね。

私は下記のアイコンを用意しました。

profile

 

画像をアップロードする

もしかしたら記事に画像を差し込んだことしかない人もいるかもしれないので、一応記載しときます。

画像を用意したらWordPressの管理画面から①メディアを選択して、切り替わった画面上部の②新規追加をクリック。

img-up

 

 

画面が切り替わったらファイルを選択するか、ドラッグ&ドロップします。

img-up2

 

 

このあと画像のタイトルとかを入力しますが、アップロード後のURLはあとからつかうので、メモ帳とかにコピーしておいてください。

img-up3

 

さっさと設置

管理画面の「外観」→「ウィジェット」を選択。

ここは利用しているテーマによって少し異なるのですが、左側にある「テキスト」を「サイドバートップ」にドラッグ&ドロップ。

※私はSTINGER PLUS+を使ってるので「サイドバートップ」ですが、テーマによっては「サイドバー」だったりしますので設置→位置の確認を繰り返して調整してください。

txt-up

 

 

画像と内容を書く

ドラッグ&ドロップしたテキストを選択して、プロフィールの内容を記載します。

profile

タイトルには「プルフィール」「管理人」「自己紹介」などの見出しを記入。

内容には画像の設定とプロフィールの内容を記載します。

参考画像では下記のコードを入力してます。

<center><img src=”さっきコピーしといたプロフィール用の画像URL” align=”center” width=”200″ height=”200″></center>

URLの部分は画像をアップロードした時に確認したURLを記載。

width(横幅)とheight(縦幅)は自分のブログに合わせて、数字を調整してみてください。

以上の点を自分用にカスタマイズするととりあえず表示されます。

profile3

自分の画像がアイコンなのでバランス悪いですが、似顔絵やイラストなら問題ないはずです。

 

まとめ

  1. プロフィール用の画像を用意
  2. 画層をアップロード
  3. サイドバーにテキストを設置
  4. テキストに内容を記載

かなり簡単に説明しましたが、とにかく早く設置してみたい方は試してみてください。

 

コメント

タイトルとURLをコピーしました