第７回 LUREA サイドメニューに画像を表示させる方法。

今回は、ブログのサイドメニューに、
画像を表示させる方法について、
お話しします。
自分の写真や、アバター画像などを表示する事で、
ブログを運営するあなたの事を分かりやすく伝えられます。

また、好きなアイドルの画像などを表示する事で、
多くのファンの人からも、アクセスを集める事が出来ます。

わかりやすく、説明しますので、ブログに活かして下さい。

まず、ワードプレスのページから、
『メディア』　→　『新規追加』　をクリック。

真中の　『ファイルを選択』　をクリックして、
WPのサーバーにアップロードしたい画像を選択します。

『メディア』　→　『ライブラリ』をクリックすると、
アップロードされた画像が一覧表で表示されます。

画像に表示される　『編集』をクリックし、
パーマリンクを取得します。
パーマリンクは、メモ帳などに貼り付けて、保存しておいて下さい。

次に、『外観』　→　『ウィジェット』で
サイドメニューに、　『テキスト』を追加します。

テキストボックスに、


＜ｉｍｇ　ｓｒｃ＝”画像のパーマリンク”　ｗｉｄｔｈ＝”１６０”
ａｌｔ＝”画像の名前”　ｔｉｔｉｌｅ＝”画像の名前”＞

と、半角英数字で記述します。
画像のパーマリンクは、先ほどメモ帳に保存した　URLを貼りつけて下さい。
ａｌｔ　　ｔｉｔｌｅ　タグに記述するのは、画像の名前です。

自分の画像だったら、自分の名前。
嵐の大野智の画像だったら、大野智　と入力します。
名前の部分は、全角文字でも大丈夫なので、
適切な名前を設定します。　（サーバーへ画像をアップロードした事を教えるためです。）

ｗｉｄｔｈ　は、画像の横幅を指定しています。
ルレアのサイドメニューの幅に合わせると、１６０が一番綺麗に表示されるそうです。
どんな画像でも、画像の横幅は　１６０　で固定して設定して下さい。

＜ｃｅｎｔｅｒ＞
＜ｉｍｇ　ｓｒｃ＝”画像のパーマリンク”　ｗｉｄｔｈ＝”１６０”
ａｌｔ＝”画像の名前”　ｔｉｔｉｌｅ＝”画像の名前”＞
＜／ｃｅｎｔｅｒ＞

＜ｃｅｎｔｅｒ＞　～　＜／ｃｅｎｔｅｒ＞　で囲むと、
画像が、サイドメニューの中央に表示され、
見栄えも良くなります。

ブログの全体のバランスを見ながら、中央表示設定をしてみて下さい。

次回は、リンクの貼り方についてお届けします。

---

スポンサーリンク

タグ：第７回　LUREA　サイドメニューに画像を表示させる方法。