楽しむYahoo!ブログの作り方♪

【祝! 3,150,000 アクセス達成!感謝ヽ(・∀・)ノ】

全体表示

[ リスト ]


超簡単!!画像・写真の投稿方法♪


http://oyaji3.com/enews01.swf
         上に表示される記事タイトル ↑ をクリックすると表示された記事が開きます


Yahooブログには、記事へ画像を載せる方法はいくつかあります

それぞれに一長一短がありますので、用途によって使い分けて下さい。


方法1.html用の記事に投稿する


1.「新規投稿」をクリックし「画像添付」欄の「参照」ボタンを押して
  パソコン内の画像を選んで下さい。

2.複数の画像を投稿する場合は、「複数の画像をアップロード」をクリックすると
  画像参照欄が増えます。

3.複数画像を投稿する場合、「サムネイルを表示する」にチェックを入れると、
  上部にサムネイル(縮小)画像が表示され、最後の1枚が記事に表示されます。
  また、サムネイル画像をクリックすると、その画像が別枠で開くようになります。

■html記事での注意点■

・「新規投稿」をクリックした画面では、デフォルトでhtml用の記事投稿画面になっています
 つまり「Wiki文法使用」にチェックを入れない限りhtml用記事になります

・参考→ 超簡単!!Yahooブログで使えるHTMLタグリスト

・html用記事で画像を投稿すると、全て記事上部にセンタリングして画像が表示されます

・サムネイル表示させた記事は、後からチェックを外して全画像表示に切り替える事が出来ます

・複数の画像をサムネイル表示で投稿した場合、最後に投稿した画像が記事に反映します

・投稿出来る画像の種類は .jpg、.gif、.png の形式のファイルのみです

・ファイルサイズの制限は、1ファイルにつき、1MBまで 合計で1記事 2MB までです
 つまり、204KB のファイルサイズの画像なら 1記事に10枚まで 投稿する事が出来ます 

・横幅が 560ピクセルまでの画像はリンク画像にならずに表示されますが
 横幅 561ピクセル以上の画像は表示上 560ピクセルに縮小され、
 その画像をクリックすると別ウィンドウで、元の大きさで表示されます

・画像は常に記事の上部中央に表示 され、画像位置を変更する事が出来ません


方法2.Wiki用の記事に投稿する

ゲストブック・書庫説明文も同様にWikiタグが反映します


1.「新規投稿」をクリックし、記事入力欄右上の「Wiki文法使用」にチェックを入れる

2.「画像添付」欄の「参照」ボタンを押してパソコン内の画像を選んで下さい。

3.複数の画像を投稿する場合は、「複数の画像をアップロード」をクリックすると
  画像参照欄が増えます。

4.複数画像を投稿する場合、「サムネイルを表示する」にチェックを入れると、
  上部にサムネイル(縮小)画像が表示され、最後の1枚が記事に表示されます。
  また、サムネイル画像をクリックすると、その画像が別枠で開くようになります。

5.通常のアップロードで画像を投稿した場合は記事の中央(センター)上部に表示されますが
  [[attached()]] や [[img()]]で投稿した画像(写真)は左よりになります。

■Wiki用記事での注意点■

[[attached(1)]]タグを使用する事により、文字と文字の間に画像を配置する事が出来ます

・画像を記事に投稿した後からでも、修正で画像位置を変更する事が出来ます
 参考記事 超簡単!!画像の位置変化と色文字の表示方法♪【2】

・ネット上の他の場所にある画像をアドレス指定で表示させる事が出来ます
 例:[[img(http://〜画像のアドレス)]]タグを使用すれば、好きな位置に画像を表示出来ます

・参考 超簡単!!−[[img(http://リンクURL)]]−ってどう使うの?

[[img(http://〜)]]タグを使用すれば、大きな画像でもサイズ指定で簡単に縮小表示が出来ます

 例1:[[img(http://〜,200,300,Alt文 )]]  書式 : [[img(アドレス,横幅,高さ,文字)]])

    横幅が560ピクセルを超える画像でも、高さ指定を省略し、横幅のみを指定する事により
    自動的に『縦横比を変える事なく』画像を縮小表示させる事が出来ます

 例2:非公開記事に画像を複数投稿しておけば、いつでも[[img(http://〜)]]タグで
    文章の好きな位置に画像を表示させる事が出来ます

・[[img(http://〜)]]タグを同じ行に2つ使用する事は出来ません

・[[img(http://〜)]]を使わずに [http://〜] というタグを使うと
 同じ行に複数の画像を表示させる事が出来ます

 ※しかし、この方法( [http://〜]という方法 )は正規にYahooブログが
  推奨している方法で無いため、後にプログラム修正された場合に使用出来なくなる可能性もあります

■参考記事■(上記と併用して是非以下の記事もご参照下さい)




お役に立てましたら「傑作」ボタン押! もよろしく!!

 傑作について

便利サイト登場♪


★ ヤフーで使えるブログパーツのご紹介! → ヤフーブログガイド
こちらから Yahooブログ用のWikiタグ がクリック1つで簡単にコピー出来ちゃいます♪



ご協力頂けると励みになります♪

ブログランキング にほんブログ村  ←クリックご協力下さい♪
BESTブログランキング  ←クリックご協力下さい♪





【作成元記事】
超簡単!!画像・写真の投稿方法♪
記事作成日 : 2005.11.22
最終更新日 : 2007.07.18

閉じる コメント(192)

アバター

慶一郎さん : [[attached()]] で投稿した場合や
(左寄席で入力した場合の)[[img()]]で投稿した画像(写真)は
左よりになります・・・・という意味です。
通常、記事への文字入力は左からするからです。
それに対して、「好きな位置に」という意味は
画像添付で投稿した場合には、記事上部中央にしか表示されないが
[[img(http://〜)]]タグだと改行を入れれば好きな行に
画像を配置出来ますし、中央表示にしたい場合は
別記事で説明していますが
||<#FFFFFF' style=text-align:center;width:560px; ``[[img(http://〜)]]||
というWikiタグを使えば中央にも表示は出来ますし、
centerの部分を変更すれば好きな位置に表示出来ます。
まずはご自分で実際に色々と実験してみてはどうですか?

2009/6/9(火) 午後 7:18 OYAJI

ありがとうございます。

2009/6/10(水) 午前 10:57 [ 慶一郎 ]

顔アイコン

すみません。
もう一度質問させてください。
||<#FFFFFF' style=text-align:center;width:560px; ``[[img(http://〜)]]||
というタグは別記事でとありますが、どのページに解説があるのでしょうか?
そちらのサイト色々探しましたが見つかりません。
質問する所がないのでここでさせてもらっています。
すみません。

2009/6/10(水) 午前 11:58 [ 慶一郎 ]

アバター

慶一郎さん : テーブルタグを使って『中央寄せ』にする解説は
http://blogs.yahoo.co.jp/uragoe_2ch/46189687.html
http://blogs.yahoo.co.jp/uragoe_2ch/48036565.html
http://blog.yahoo.co.jp/uragoe_2ch/56435719.html
http://blogs.yahoo.co.jp/uragoe_2ch/51191609.html
http://blogs.yahoo.co.jp/uragoe_2ch/53120249.html
http://blogs.yahoo.co.jp/uragoe_2ch/48379803.html
http://blogs.yahoo.co.jp/uragoe_2ch/48003855.html
これらのように、各ブログパーツ解説記事などで
たくさん説明してきましたよ。

2009/6/10(水) 午後 9:18 OYAJI

たびたびありがとうございます。
自分の探し方が足りなかったようです。
傑作押させてもらいます。

2009/6/10(水) 午後 10:10 [ 慶一郎 ]

顔アイコン

参考になりました。
ありがとうございました。ポチ

2009/7/5(日) 午前 2:05 ジュリエット

顔アイコン

とても参考になり、助かりました♪
ひとつ質問してもよいですか!?初心者なのですが。。。。
imgとattachedは一つの記事で、同時には使えないのでしょうか!?? まだ、実際に試した事は無いのですが〜〜.....
〜ポチ☆

2009/7/6(月) 午前 0:23 シュガー

アバター

シュガーさん : [[img(http://〜)]]タグと[[attached()]]タグは
どちらもWiki文法タグですから、同時に利用出来ますよ。
ただ、[[attached()]]タグでは
・微妙な位置調整(横位置)が出来ない
・拡張子が付けられない
・保存する場合、ファイル種類(形式)が変わる
・画像のサイズを調整できない
・alt属性を付加できない
などのデメリットがありますので
[[img(http://〜)]]タグのほうが便利だと思いますけどね。

2009/7/6(月) 午前 1:21 OYAJI

顔アイコン

こんばんは♪ 丁寧なご説明!!有難う御座いました〜(_ _〃)
良く解かりましたぁ!!(*^▽^*)ノ

2009/7/7(火) 午前 0:30 シュガー

すみません。
出来てしまっているブログの修正で、写真を文章の途中に入れることはできませんか?

2009/10/19(月) 午後 10:37 kedorin

アバター

kedorinさん : その修正したい記事が「Wiki文法用の記事」ならば
出来ますよ。その方法については
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1218249327
こちらの回答を参考にして下さいね。

2009/10/19(月) 午後 11:51 OYAJI

顔アイコン

Wiki文法用の記事を指定していなかったら、ムリですね。
あきらめます。
ありがとうございました。

2009/10/20(火) 午前 9:50 kedorin

顔アイコン

dekine-

2010/2/6(土) 午後 3:03 [ インプレッサ ]

顔アイコン

参考になりました(´ω`*)
転載させて頂きます、!

2010/2/25(木) 午後 8:14 [ 友解して, ]

顔アイコン

モコたんさんの友達のプリコロです。お陰様でブログよちよちあるきでスタートいたしました。。。。。。が。
最近皆さんカンタンモードで1歩レベルアップ。うらやましくて、私もと思うのですが、画面にシルバーライト、同意してインストールするが外れません。
素直にインストールするとしたのツールバー?にインストール確認

それではと画像をクリックすると またWebからのメッセージ
この機能をご利用いただくためにははマイクロソフトシルバーライト
にインストールするひつようがある と出ます. 文字を書くことは出来ます どうしたら、いいでしょう 今はwiky出やっています

2010/6/8(火) 午後 4:55 [ - ]

勉強させて頂きました♪

ポチっ 129→130

2010/11/5(金) 午後 10:30 バスップル

アバター

こんにちは。こんなにたくさんのコメントの中で、しかも日付の差が気になるのですが、とにかく、パソコン初心者の私の味方になって下さると信じて、お気に入り登録させて頂きました。

2011/5/3(火) 午後 6:34 寅猫パンチさん

顔アイコン

一昨日まではちゃんと204MB(500*333ピクセル)の画像データが
昨日から同じサイズの画像データが一記事につき2枚までしか
アップロードできません。なんで?

2012/5/6(日) 午後 2:34 aos*20*hi*iki

アバター

ひびきさん : もう一度、画像の容量(ファイルサイズ)を確認してみて下さい。
そもそも204MBものサイズの画像は投稿出来ません。
(204KBの間違いでは?)
→ http://help.yahoo.co.jp/help/jp/blog/blog-14.html
こちらに画像に関するヘルプがあります。
掲載できる画像のファイル形式は、JPG、GIF、PNGのみです。
また、1つのファイルにつき1MBが上限になります。
なお1つの記事について、掲載できる画像の容量は全体で2MB以内です。

2012/5/6(日) 午後 3:41 OYAJI

顔アイコン

すいません KBの間違いです。 ありがとうございました。

2012/5/6(日) 午後 4:57 aos*20*hi*iki

開く トラックバック(17)


.


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

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

みんなの更新記事