第20回その3(「フリースペース」等への画像掲載 中級者向け)

まーさ と一緒にお勉強しましょ♪「ブログの使い方」
いよいよ、「ブログ紹介」や「フリースペース」に画像を載せる方法のご紹介よ。

他の方法については、こちらを参照してね。

 ・画像アップロードのコツ 「画像貼付」ボタンを利用
    http://lesson.at.webry.info/200607/article_1.html
 ・画像アップロードのコツ 「画像リスト」を利用
    http://lesson.at.webry.info/200607/article_2.html
 ・複数画像の一括アップロード(中級者向け)
    http://lesson.at.webry.info/200607/article_4.html
 ・画像掲載のコツ
    http://lesson.at.webry.info/200604/article_2.html

・*:・─────────────────────────────・:*・
   「ブログ紹介」や「フリースペース」に画像を載せる(中級者向け)
・*:・─────────────────────────────・:*・


  :ブログの記事内に画像を載せる方法はわかったんですけど、
    ブログ紹介や、フリースペースに載せたり、
    他のページにリンクするようにするには、どうしたらいいんですか?

まーさ:設定する場所が違うけれど、貼り付ける際のタグは、
    基本的に同じだから、まず、それを準備しましょう。

    ログインして、ブログ[新規作成]で記事を作成する画面へ。

    掲載したい画像をアップロードして、貼付。
    作成画面に表示されたタグを、メモ帳などに保存しておきましょう。

画像


<div align="center"><a href="https://userdisk.webry.biglobe.ne.jp/004/955/38/1/webryhiroba_150x33.gif" target="_blank"><img src="https://userdisk.webry.biglobe.ne.jp/004/955/38/1/webryhiroba_150x33.gif" width="150" height="33" class="up-image" alt="画像" title="画像を等倍で表示します" /></a></div>


    そうしたら、この[新規作成]画面はもう使わないので、
    保存せずに、左側の[設定]ボタンをクリック。

   ■「ブログ紹介」に画像を載せたい場合
    [設定]をクリック。[基本設定]の画面内の「ブログ紹介」に
    上記タグをペーストしましょう。

画像


   ■「フリースペース」に画像を載せたい場合
    [設定]の[表示項目設定]の「フリースペース」の[編集]ボタンを
    クリックすると、フリースペースの編集画面が開きます。
    ここへ上記タグをペーストしましょう。

    フリースペースを使う場合は、
    [設定]の[表示項目設定]の「フリースペース」の
    右側のチェックボックスに印をつけてね。

画像


画像


    ■画像から、他のページにリンクをはりたい場合

    元のタグを若干書き換える必要がでてきます。
    少しむずかしいですが、
    下のタグを見比べて、書き換えてみてくださいね。

    ※タグを変更する際には、元のタグは別に保存しておきましょう。
     もし失敗しても、安心ですよ。

(元のタグ)
<div align="center"><a href="https://userdisk.webry.biglobe.ne.jp/004/955/38/1/webryhiroba_150x33.gif" target="_blank"><img src="https://userdisk.webry.biglobe.ne.jp/004/955/38/1/webryhiroba_150x33.gif" width="150" height="33" class="up-image" alt="画像" title="画像を等倍で表示します" /></a></div>


(修正後)
<div align="center"><a href="http://c.webry.info/at/bplaza/hiroba/index.htm" target="_blank"> <img src="https://userdisk.webry.biglobe.ne.jp/004/955/38/1/webryhiroba_150x33.gif" width="150" height="33" class="up-image" alt="画像" title="ウェブリ広場へ" /></a></div>


   更に、リンク先についての説明を書き加えることもできますよ!

(修正後)
<div align="center"><a href="http://c.webry.info/at/bplaza/hiroba/index.htm" target="_blank"> <img src="https://userdisk.webry.biglobe.ne.jp/004/955/38/1/webryhiroba_150x33.gif" width="150" height="33" class="up-image" alt="画像" title="ウェブリ広場へ" /><br>『きっかけ』&『助け合い』サークル<br>「ウェブリ広場」</a></div>


   最後にとっておきの隠し技、「複数画像の一括アップロード」(中級者向け)をご紹介します。
   http://lesson.at.webry.info/200607/article_4.html


本「ブログの使い方」でとりあげてもらいたいテーマや質問などが
ありましたら、このブログにトラックバックもしくはコメントしてくださいね。
みなさまのご意見お待ちしております。


ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 1

なるほど(納得、参考になった、ヘー)

この記事へのコメント

2006年09月23日 21:11
先生!
質問があります。
同じようにフリースペースに
音声リストに上げたファイルをあげたのですが、
ページが開くとなってしまいます。
クリックしてなるようには出来るのでしょうか?
あとスクリプトエラー(よくわからないけど)が
出るようなのですがどこに問題があるのでしょう?
http://wasuremono.at.webry.info/
上のアドレスですので診断お願いします。
2006年12月22日 14:22
お返事が遅くなってすみません。
今でも問題があるようでしたら、FAQコーナーにある「お問い合わせフォーム」からお問い合わせください。よろしくお願いします。

この記事へのトラックバック