超簡単!!画像の位置変化と色文字の表示方法♪

超簡単!!画像の位置変化と色文字の表示方法♪

この記事はYahoo未サポートWiki文法使用記事です

（※以下の説明は全て記事作成時に「Wiki文法使用」にチェック入れて書いて下さい）

文字の間に画像を入れる方法

例１ 　記事中の任意の場所に投稿した画像を配置する方法

■　「新規投稿」で記事に画像を投稿する方法♪　■

「新規投稿」で記事に複数の画像を投稿する場合は記事入力画面の下の 「画像添付」欄 の

[[attached(1)]] 『複数の画像をアップロード』 を投稿枚数分押して、

参照 をクリックし、パソコン内から画像を選んで下さい。

■記事に３枚の画像をアップロード（投稿）する場合■

■書式■

上です
[[attached(１)]]
中です
[[attached(2)]]
下です
[[attached(3)]]

表示例１

上です
（１番目の画像）
中です
（２番目の画像）
下です
（３番目の画像）

と表示されるようになります。

例２　文章と文章の間に画像を入れる

■書式■

あいう[[attached(１)]]えお[[attached(2)]]かきく

表示例２

あいう　（１番目の画像）　えお　（２番目の画像）　かきく

という順番で文字と画像が表示出来ます。

例３ [[attached(１)]]　を使った画像位置変化

■書式■

[[attached(１,left)]]　　→　意味：１番目の投稿画像を左寄せ
[[attached(2,center)]]　→　意味：２番目の投稿画像をセンターリング
[[attached(3,right)]]　 →　意味：３番目の投稿画像を右寄せ

※ソース内容について
[[attached(画像の番号,場所)]]　という意味になります

表示例３

１番目の画像

　　　　　　　　　　　　　　　　　　　　　　　　　２番目の画像

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　３番目の画像

■ Wiki文法で文字の大きさと色をつける方法

■ご注意■ この方法では、色文字は１行ごとでしか書けません。また行間も大きくなります。

上の題字のソース
||<#FFFFFF'style='font:bold 18pt;color:red'``Wiki文法で文字の大きさと色をつける方法||

大きく

||<#FFFFFF'style='font:bold 40pt;color:blue'``大きく||

カラーネームの使用法

上の文字の色や、下の線の色の指定方法ですが、カラーの指定の方法に２種類あります。
文字の所の　color:blueという指定方法と、線の所の　#0000FFは同じ色の指定です。

#0000FF　という表記は１６進数といいます。　

||<#FFFFFF'style='font:bold 40pt;color:#0000FF'``色の指定||

色の指定

カラーネームについては、
色見本のサイト　等を使うか、

カラーネーム① 『(*ﾟρﾟ) ﾎﾞｰ』のakipureさんのブログをご参照下さい。

カラーのラインの記述方法

青線
||<#0000FF' style=width:560px;` `||
赤線
||<#FF0000' style=width:560px;` `||

青線
赤線

画像のサイズを大きく（小さく）表示させる方法

では次に、画像サイズを元の画像よりも大きく表示させたり小さく表示させる方法を紹介します。

これは　とある某さんの水着の画像です。この画像を、サイズ指定しないで表示させるとこうなります。
　この画像の元サイズは　横　240　高さ　320（ピクセル）です。

ソースは
[[img(http://～～.jpg)]]
と入力します。（gif画像またはpng画像も可）

この同じ画像を半分の大きさで表示させましょう。　横　120　高さ　160　にします

この場合は
[[img(http://～～.jpg,120,160)]]
と、画像のURLの後に　,（カンマ）を入れて　画像URL　,　横幅　,　高さ　と入力すれば、
元の画像サイズではなく、指定された数値のサイズで表示されます

画像サイズ・ファイルサイズ縮小の例

■画像サイズは、元画像が 約78KB あるのに対し、これはわずか 18.5KB です■

■画像の大きさを少し縮小し、サイズも 9.7KB に抑えてみました■

■画像のファイルサイズを小さくしましょう
★いずれも　→　超簡単!!大きな写真は縮小しよう♪　の記事の ＢＴＪ３２ という無料ソフトで
ファイルサイズ縮小・画像サイズ変更したものです。

デジタルカメラ等で撮った写真は、解像度によってはかなり大きな画像になります。
「ＢＴＪ３２」はそういう画像をファイルサイズ・大きさとも縮小してくれるソフトです。

■お願い■
恐れ入りますが、コメント欄が非常に長くなる為、
個々のコメントに個別には返信しない場合がございます。
ですが、皆様のコメントはありがたく拝見させていただいております。

Yahooブログでのテクニック等を学びたい方は、ここを見て下さい

■ 超簡単!!シリーズ INDEX♪ 初心者必見！！

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

傑作について　（転載された場合、傑作の人気ポイントは、転載元記事にのみ反映されます）

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

■□■□■　お役立ち情報満載！！のＯＹＡＪＩのメルマガ登録はココをクリック♪　■□■□■

文責（記事作成元）
楽しむYahoo!ブログの作り方♪
作成者　
(トラックバック自由・転載は条件付■このリンク先必読■）