文字の間に画像を入れる方法
（※以下の説明は全て記事作成時に「Wiki文法使用」にチェック入れて書いて下さい）
例１ 記事中の任意の場所に投稿した画像を配置する方法
■ 「新規投稿」で記事に画像を投稿する方法♪ ■
「新規投稿」で記事に複数の画像を入れたい場合には、記事入力画面の下の 「画像添付」 にある
 を投稿枚数分押して、 参照 をクリックし、パソコン内から画像を選んで下さい。
■記事に３枚の画像をアップロード（投稿）する場合■
■書式■
上です
[[attached(1)]]
中です
[[attached(2)]]
下です
[[attached(3)]]
上です
（１番目の画像）
中です
（２番目の画像）
下です
（３番目の画像）
と表示されるようになります。
例２ 文章と文章の間に画像を入れる
■書式■
あいう[[attached(1)]]えお[[attached(2)]]かきく
これだと
あいう （１番目の画像） えお （２番目の画像） かきく
という順番で文字と画像が表示出来ます。
例３ [[attached(1)]] を使った画像位置変化
■書式■
[[attached(1,left)]] → 意味：１番目の投稿画像を左寄せ
[[attached(2,center)]] → 意味：２番目の投稿画像をセンターリング
[[attached(3,right)]] → 意味：３番目の投稿画像を右寄せ
※ソース内容について
[[attached(画像の番号,場所)]] という意味になります
１番目の画像
２番目の画像
３番目の画像
■ご注意■ この方法では、色文字は１行ごとでしか書けません。また行間も大きくなります。
上の題字のソース
||<#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'``色の指定||
私の先生である、 (*ﾟρﾟ) ﾎﾞｰ の あきさんのサイトの記事
カラーネーム�� をご参照下さい。
カラーのラインの記述方法
青線
||<#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 に抑えてみました |
■画像のファイルサイズを小さくしましょう
★いずれも → 超簡単!!大きな写真は縮小しよう♪ の記事の「ＢＴＪ３２」という無料ソフトで
ファイルサイズ縮小・画像サイズ変更したものです。
デジタルカメラ等で撮った写真は、解像度によってはかなり大きな画像になります。
「ＢＴＪ３２」はそういう画像をファイルサイズ・大きさとも縮小してくれるソフトです。
■お願い■
恐れ入りますが、コメント欄が非常に長くなる為、
個々のコメントに個別には返信しない場合がございます。
ですが、皆様のコメントはありがたく拝見させていただいております。
※ただし、ご質問等にはお答えしております。
ご質問はメニューに「なんでも質問箱」もご用意させていただいて
おりますので、そちらもご活用下さい。
転載元:
絵文字 顔文字 ブログペット
| 
コメント（6）
