ここから本文です

回答受付中の質問

知恵コレに追加する

ヤフーブログの写真と記事の配置について教えてください。

wwffhdasuさん

ヤフーブログの写真と記事の配置について教えてください。

私が写真を載せると、上に写真がきて、その下に文字が来ます。

そうじゃなくて、写真の横に文章を入れていきたいのですがどうすれば

写真の横に文字を入れられるようになりますか?

または、複数の写真がある時は写真・文章・写真・文章・・・というやり方も

教えてください。

  • アバター

違反報告

この質問に回答する

回答

2件中12件)
並べ替え:回答日時の
新しい順
古い順

 

chocolaterloveさん

wiki文法を使いま
画像の横に文章を入れるには、画像のサイズが横幅250までにしてください

wiki文法使用にチェックを入れて下記のように記入してくださ

IE6の場合
[[attached(1,left)]]こから文章

vistの場合
[[attached(1,left)]]
こから文章

右に画像の場合
IE6の場合
[[attached(1,right)]]ここから文章

vistの場合
[[attached(1,right)]]
こから文章

複数の写真がある時は写真・文章・写真・文

[[attached(1,left)]]文章

[[attached(2,left)]]文章

[[attached(3,left)]]文章

[[attached(4,left)]]文章

このように書いて参照で画像を選びます
参照で選んだ画像の上から[[attached(1,left)]]になります
2番目に選んだ画像が[[attached(2,left)]]になります

投稿画像

  • アバター

oyaji3_blogさん

自由な場所に画像を掲載したい場合には2つの方法があります。

記事作成時に「Wiki文法使用」の欄にチェックを入れたWiki文法用記事に
写真を投稿し下記のどちらかの方法で行って下さい

★方法1
たとえば、画像を2枚投稿した記事があるとして、
以下のように表示させたいとします。

====(記事表示例)====

下の画像が○○の写真です

1枚目の画像表示

次に行った場所は↓この写真の場所です。

2枚目の画像表示

================


★上のような記事にしたい場合の入力の仕方

==== (入力例) ====

下の画像が○○の写真です

[[attached(1)]]

次に行った場所は↓この写真の場所です。

[[attached(2)]]


================

と記事に入力すれば、[[attached()]]のある場所に
画像が表示されますよ
中の半角数字は、投稿した画像の順番です。

上の件についての詳しい図解説明を下記の記事で判りやすく書いてあります。

■ 超簡単!!画像の位置変化と色文字の表示方法♪【2】
(投稿した画像を好きな位置にしたり、文字を大きく表示しましょう♪)
http://blogs.yahoo.co.jp/uragoe_2ch/45766268.html
文字を大きくしたり、色を変える方法も記載しています。

※ただし、[[attached( )]]を使う方法は
メリット・デメリットがありますので、
▼デメリット
・サイズ指定(変更)が出来ない
・画像のAlt属性が編集出来ない
・転載した場合に記事のレイアウトが変わる
・拡張子を付けられない。
・RSSで見た場合のレイアウトに対応しない。
・PC環境によっては保存が出来ない(ブロックされる)など。

以下のような方法もあります。

★方法2(おすすめです)

★参考 Yahooブログヘルプ
『画像を記事の好きな位置に表示したい』
http://help.yahoo.co.jp/help/jp/blog/blog-69.html
ここに説明があるように、非公開記事などに画像を投稿し、そのURLを取得して
Wiki文法使用にチェックを入れた記事に[[img(http://~)]]タグを利用して
好きな位置に貼り付ける方法があります。
(公開記事に先に画像をアップしてから、あとで修正する方法もあります)

これなら自由に好きな位置に画像(写真)を配置可能ですし、
画像の大きさも自由自在に変更出来ます。
しかも、ちゃんと拡張子を付けていれば
画像のダウンロード時にもテキスト形式で保存される事がなくなります。

Yahoo!ブログ上での画像の取り扱いについての説明は

こちらの記事でポイントを詳しく解説していますので参考にして下さいね。
ブログ記事などへの貼り付け方法の解説記事もあります。

参考記事
■超簡単!!画像・写真の投稿方法♪
http://blogs.yahoo.co.jp/uragoe_2ch/17196152.html

■超簡単!!ブログの画像のアドレス(URL)の取得方法
http://blogs.yahoo.co.jp/uragoe_2ch/47589132.html


◆Yahoo!知恵袋での同様な質問・回答
http://search.chiebukuro.yahoo.co.jp/search/search.php?flg=1&p=%E7%...

Yahoo!知恵袋では、過去の質問や回答を検索で調べることが出来ます。
自分が質問しようとしている疑問は、すでに回答されている場合がありますので
検索を利用すれば、同じ質問をせずとも問題が解決する場合がありますよ。
左上の検索窓から、一度ご自身でも実際に検索してみて下さいね。

  • アバター

この質問に回答する