i-8jo.com(Yahoo!blog入門)

八丈島発!初心者の為のヤフーブログ入門です。

全体表示

[ リスト ]

イメージ 1

イメージ 2

イメージ 3

イメージ 4

前回ご紹介した方法だと、画像を投稿することができますが、自分の好きな所へ表示することができません。
文章と画像の順番によって、随分と印象は違ったものになると思います。今回は「wiki文法」を利用して、画像を自分の好きな所へ表示させてみましょう。

前回、記事を投稿するときに「wiki文法使用」をチェックしたと思いますが、これはwiki文法を有効にするためのものです。新規投稿する時にあらかじめチェックしておかないと、あとで修正することはできないようです。

さて、それでは「wiki文法って何だ?」という感じがするかもしれませんが、簡単に言ってしまうとblogの内容を飾りつける為の文法です。まあ、あまり難しく考えずとにかく使ってみましょう。

画像を貼り付けるための文法は
[[img(画像のアドレス)]]

です。

本文の中にこの文法を埋め込むだけなのですが、よく分からないのが画像のアドレスだと思います。
画像のアドレスとは、利用したい画像がインターネットのどこに置かれているかを示す住所のようなものです。
要するに上の文法は、「どこどこの住所にある画像をここに表示しなさい」という意味なのです。

それでは、このアドレスを知るにはどうすれば良いのでしょうか?
その辺を解説したいと思います。

まずは、前回投稿した記事を表示させ、その記事の右上にある「修正」を押してください。(図1)

https://blogs.yahoo.co.jp/IMG/ybi/1/58/7d/i_8jo/folder/79519/img_79519_154404_1?1109003185
[図1]

すると、記事の修正画面になります。
本文を記入する欄の右上が「wiki文法を使用して修正できます」となっているのを確認してください。(図2の1)

https://blogs.yahoo.co.jp/IMG/ybi/1/58/7d/i_8jo/folder/79519/img_79519_154404_2?1109003185
[図2]

次に下の方に、前回投稿した画像のアイコン表示されています。こちらをクリックしてください。(図2の2)

すると新しいウィンドウで、画像が開きます。(図3)
大抵の場合は画像のアドレスが表示されるはずです。(うまく表示されていない方は、インターネットエクスプローラなどの設定をしなくてはいけません。)

https://blogs.yahoo.co.jp/IMG/ybi/1/58/7d/i_8jo/folder/79519/img_79519_154404_3?1109003185
[図3]

次に表示されたアドレスをコピーします。(図4)

https://blogs.yahoo.co.jp/IMG/ybi/1/58/7d/i_8jo/folder/79519/img_79519_154404_4?1109003185
[図4]

さらにコピーしたアドレスを本文の画像を表示したい場所に貼り付け、上記のwiki文法に沿ってアドレスの前後に文法を入れてください。(例1)

[[img(http://img.blogs.yahoo.co.jp/ybi/1/58/7d/i_8jo/folder/15714/img_15714_6869_0?1107290662)]]
[例1]

うまくできたら、右下の「決定」ボタンを押してください。

前回は一番上に表示されていた画像も、本文中の自分の好きな位置に置くことができます。
[画像を文中に表示した例]



[お願い]
この記事が参考になりましたら、右下のhttps://blogs.yahoo.co.jp/IMG/ybi/1/58/7d/i_8jo/folder/79519/img_79519_153844_4?1109001531ボタンを押して頂けるとありがたいです。

[☆歓迎☆]
コメント・トラックバック大歓迎!
転載をご希望の方は右下のhttps://blogs.yahoo.co.jp/IMG/ybi/1/58/7d/i_8jo/folder/79519/img_79519_153844_5?1109001571を押してください。

「Yahoo!blog入門」書庫の記事一覧

閉じる コメント(45)

顔アイコン

三日坊主さん、おはようございます。画像の貼付け方、参考になったようで良かったです。こちらこそ、これからもよろしくお願いしますね。

2005/5/31(火) 午前 7:42 i_8*o

はじめまして。ブログ初心者でただいま勉強中です。よろしければ教えてください。このimgで表示させるときにleftやcenterやrightなどと指定するにはどうすればいいでしょうか???

2005/8/9(火) 午後 1:30 pop*u*_55

はじめまして。参考にさせて頂きました!!ありがとうございました。

2005/9/20(火) 午後 1:36 spacio818

勉強になりました∃ヨヨョョ。+゚(ノД`)゚+。ョョヨヨ∃ ありがとうございます。。

2006/2/25(土) 午前 1:17 [ - ]

勉強になりました∃ヨヨョョ。+゚(ノД`)゚+。ョョヨヨ∃ ありがとうございます。。

2006/2/25(土) 午前 1:17 [ - ]

顔アイコン

やっと出来ました。有難う御座いました。 写真を真ん中にもっていくにはどの様にしたら良いのでしょうか? 写真のすぐ右横に書き込むにはどうしたら良いでしょうか?

2006/5/5(金) 午前 1:40 bei*ao0*

貰います

2006/6/18(日) 午後 1:43 aoiwith-Selection-

はじめまして!本文中に画像を入れたくて、検索でやって参りました!記事を読ませて頂いたら、機械オンチの私でも試したら出来ました!!とてもわかりやすかったです!!ありがとうございました!これから頑張って記事を作りたいと思います。本当に助かりました。ありがとうございます。傑作ポチ!です。(*^。^*)

2006/6/26(月) 午後 3:17 さちぷ

ゲストブックに画像を貼り付けるのが、わからなかったのですが・・!できました〜(^^。ありがとうございました!

2006/7/21(金) 午後 5:40 hayanori55

はじめまして。超初心者の私でもす〜ごくわかりやすく幾度となく 助けてもらっています! 上手く出来たらめちゃくちゃうれしいです♪

2006/8/16(水) 午前 1:15 [ 麻瑠 ]

顔アイコン

やっとできました!!(涙)どうもありがとうございました(✪ฺܫ✪ฺ)

2006/9/24(日) 午前 0:17 [ kum**o4864 ]

顔アイコン

はじめまして、にゃんこと申します。とても参考になりました。 どうやったら、文中に写真を貼り付けられるのかとても困ってました。ありごとうございました。

2006/10/1(日) 午後 3:57 [ nyanko ]

顔アイコン

おはようございます。ず〜と解らなかった疑問が解消しました。好きな場所に写真を表示できました。ありがとうございました。ただ、大きなサイズだとはみ出してしまうんですが、投稿時の写真サイズを小さくしないといけないのでしょうか?

2006/10/29(日) 午前 6:39 katsu

顔アイコン

すみません。よく読んだらわかりました。m(__)mすごくわかりやすいです。お気に入りに登録させていただきました。

2006/10/29(日) 午前 7:03 katsu

顔アイコン

なんとなく理解できましたやってみます。ありがとうございました。

2006/11/8(水) 午前 1:13 hide

顔アイコン

数枚の写真の間に文章が入れられるようになりました。ありがとうございます。

2006/11/8(水) 午前 3:32 hide

顔アイコン

ありがとうございます。[[img( )]] やってみたのですが、( )内の写真はちゃんと出てくるのですが、元の位置の写真がそのまま残っており、同じ写真が2枚です。なにかおかしい???

2007/1/19(金) 午前 0:21 [ nor**sugu*0 ]

顔アイコン

ありがとうございます。これで上手くできそうです。

2007/3/7(水) 午後 8:36 [ ジュニアブルー ]

顔アイコン

今画面を移動するところを勉強してますが、まったくチンプンカンプンです。。とりあえずコピーのやりかたから勉強しないといけないみたいです。。。

2007/11/22(木) 午前 2:45 [ etw**30 ]

このコメントを読んでくださるかどうかわからないけど・・・
ありがとうございます。やっとやりたかったことが出来ました。
感謝です。
投稿する前に自分の好きなところに写真を持っていける方法も教えていただきたいのですが・・・。

2008/5/17(土) 午前 6:53 [ - ]


よしもとブログランキング

もっと見る

[PR]お得情報

ふるさと納税サイト『さとふる』
11/30まで5周年記念キャンペーン中!
Amazonギフト券1000円分当たる!

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事