写真と文章のレイアウトについて……わからないんです

質問

ヤフーでブログをやってます。

いつも、新規投稿をする時に、まず文章を書いて最後に写真を選んで決定ボタンを押すんですけど、そうすると写真が上に出て下に文章がでますよね？

他の方のブログを見ると、文章と写真が交互に出てることがあるんですけど、そういうふうにするにはどうすればいいんでしょうか？

あまりパソコンに詳しくないので、簡単な言葉で説明していただけると嬉しいのですが……

どなたか宜しくお願いしま～す。

回答No.6

maudlin · ベストアンサー

ANo.5です。お返事ありがとうございます。

修正がすぐできないとのことですと、手間暇かかってしまいますよね。
私の説明が悪くて、ごめんなさい。
修正画面ではアップロード済みの画像を確認できて分かりやすいかなと思い
先ほどの回答で「修正画面を開き～」と書きましたが、新規投稿時でも大丈夫です。

1.新規投稿画面で「Wiki文法使用」にチェックを入れる。
2.タイトルや本文などを普段と同じように書く。
3.本文中の好きな所に [[attached(1)]] と記述する。
4.画像を添付する。　→決定

このあと記事ページが表示されると、先ほどタグを記述した所に画像が表示されているかと思います。
画像が未添付だったり、タグの記述ミス（全角・大文字・スペース混入など）があると
そのままタグが表示されてしまうので、その点だけ注意すれば大丈夫です。

お礼

またまたありがとうございます。

この間Wiki文法を試したんですけど、できなくてもう諦めてしまってました。多分タグの記述ミスだったと思います。

今日は早速試してみたいと思います。

本当にありがとうございました。

補足

出来ました。今試してみました。

ただ、Macだと右クリックでショートカットのコピーというのが出てこないので、やっぱり一回投稿して非公開で決定をしておいて、VAIOで修正しないとダメかもしれません。

あと、Wiki文法で文字を装飾するのは出来ませんでした。何度も試したんですけど……

まだまだ、わからないことたくさんありますが、がんばってみます。

本当にありがとうございました。

回答No.5

maudlin

ヤフーブログは Wiki文法を利用すると少し凝ったページを作ることが出来ます。

新規投稿の際に、まず「Wiki文法使用」にチェックを入れてから
普通に本文や写真などを投稿して下さい。
その後、その記事の修正画面を開き、画像を表示したい所に
[[attached(1)]] と記述してみて下さい。
決定ボタンを押して記事ページになると、その場所に画像が表示されていると思います。

括弧内の数字は、その記事ページにアップロードされている画像番号ですので
同じ記事内に複数枚の画像がある場合には、それぞれの数字に書き換えればOKです。

ヤフーブログは普通のHTMLタグが使えないので少しやっかいかもしれませんが、頑張って下さいね。

参考URL：

http://okwave.jp/kotaeru.php3?q=1803042,http://help.yahoo.co.jp/help/jp/blog/blog-47.html

お礼

回答ありがとうございます。

まだ試してはいないのですが、やってみます。

デジカメから画像をパソコンに取り込んで、ブログの新規投稿をするのはMacなんです。

で、他の方にコメントするのはVAIOなんです。

なので、一度投稿するのは、Macで修正するのはVAIO
になるのですが、やってみます。

本当にありがとうございました。まず、試してからお礼したかったのですが、すぐに投稿することができないので、とりあえず先にお礼書き込みました。

回答No.4

syms

試しにヤフーブログを開設してみましたが、どうやらヤフーブログには
「画像フォルダ」というものが無いようですね。
とすれば、画像を呼び出すタグは使えないかも知れませんね。
どこか他のスペースに画像をＵＰしておいて、タグでその画像を呼び出す事が可能ならできるとは思いますが
かなり難しそうです。

お礼

わざわざすみません、本当にありがとうございます。

パソコンことでわかわなくても、いつもならすぐ諦めちゃうんですけど、今ブログにすごくはまってて、自分の思う通りにいかないのが、とっても嫌なんです。

なので、いろいろがんばってみます。

本当にありがとうございました。

補足

symsさん、今回はいろいろとありがとうございました。

わざわざご自分でも、ヤフーのブログを開設するとこまでやってくださって、本当に嬉しかったです。

Photoshopで画像をいじったりするのはMacでやっているのですが、システムの事というか本当に詳しい事がわかってないので、しつこくいろいろ質問してしまってすみませんでした。

本当にありがとうございました。

回答No.3

syms

＃１です。
私の利用しているｇｏｏの場合ですが、下記のようなタグになります。

<a href="http://blogimg.goo.ne.jp/user_image/**************" target="_blank">
<img src="http://blogimg.goo.ne.jp/user_image/**************" border="0" width="300*300px" align="center"></a>

こんな感じのタグをブログの本文に貼り付ければ出来ると思います。
（できる保障はありませんが）

Ｗｉｎユーザーなので、Ｍａｃとの違いまでは分かりませ、力不足でスミマセン。

後はヤフーブログユーザーの登場を待ちましょう。
私に出来るのはこれくらいですので・・・・失礼します。

お礼

本当に何度もしつこくすみません。

今また何度か試してみたのですが、できませんでした。

でもだいぶ仕組みはわかってきました。そして参考URL
も出してくださって、本当にありがとうございました。

回答No.2

syms

＃１です。
私の方も質問内容をよく見ずに回答してしまいました。
私はｇｏｏブログをやっているのですが、ヤフーブログで紹介したタグが使えるかどうかまでは分かりませんが、できるかどうか試してみてくださいね。

＞UPした画像のアドレスを貼り付けるというのは、
画像の上にポインターを合わせて右クリックからショートカットのコピーを選ぶんですよね？

それで合ってます。　「ショートカットのコピー」でコピーしたＵＲＬをタグの"画像のＵＲＬ"の部分に貼り付けます。（２箇所です！）

ＨＴＭＬに関する分かりやすいサイトを紹介しておきますね。

参考URL：

http://www4.osk.3web.ne.jp/~kitayan/

お礼

またまた早速ありがとうございました。

それで、またまたすみません。

まず(1)画像のURLを貼り付ける所の一箇所はわかるのですが、もうひとつがわかりません。

(2)ウインドウズだと画像のURLを貼り付ける所が出るのですが、Macだと出ません。

と、まだ全然わかってないのですが……本当に何度もすみません（泣）

また、もしよかったら答えていただけますか？

宜しくお願いします。

回答No.1

syms

<a href="画像のURL" target="_blank">
<img src="画像のURL" border="0" width="300*300px" align="center"></a>

上記のタグを使用すれば好きな位置に写真を表示できます。
画像のＵＲＬのところに、ＵＰしておいた画像のアドレス（右クリックからショートカットのコピー）を貼り付けます。

３００＊３００というのはブログに表示させる画像のサイズです。
半角で変えれば好きな大きさに出来ますので、色々工夫してみてください。

align="center"　というのは表示させる位置です。
右に表示させたければ"right" 、左に表示させるには"left"　に入れ替えます。

後は色々とこれを発展させていけば自由に画像を貼り付けられますよ。
一度トライしてみてください。

お礼

早速、回答ありがとうございます。

ほんとにすみません。まず画像URLの場所がわかりません。（泣）

UPした画像のアドレスを貼り付けるというのは、
画像の上にポインターを合わせて右クリックからショートカットのコピーを選ぶんですよね？

そして画像添付のURLが入るところに貼り付けるのですか？

それとも、文章を書いてる欄の画像を入れたい所に貼り付けるのですか？

それとも何か違うこと言ってますか？すみません本当に詳しくないので、また質問をさせてもらいましたが、もしお時間あったら答えていただけますか？

すみません、お願いします。