家庭菜園・園芸・テニス・旅行

ゲストブックなどに画像を書く方法

未だ、実施されていない方のために、自分および他の人のゲストブックなどに画像をのせる一般的な方法を説明します。

次の順序で行います。

１．自分のブログに、非公開で、「写真登録の書庫」を作ります。

新規作成で、「Wiki文法使用」にチェックを入れて、書庫は写真登録の書庫」とし、本文に　[[attached(1)]]　と記載して、「画像添付の参照」で、あらかじめ自分のパソコン内に作ってあるＪＰＧの画像（ＧＩＦ、ＰＮＧでもＯＫ）を選択し、「開く」をクリックして、画像の記事を作成して、保存します。

（文字入りの画像などは、エクセル、専用の画像処理ソフトなどであらかじめ作成しておく必要があります。エクセルによる画像作成方法は、http://blogs.yahoo.co.jp/masuisk/38821544.htmlを参照してください。）

作成した記事の画像を右クリックし→プロバディをクリックしますと、その画像のアドレス（ＵＲＬ）が表示されます。

そのアドレスを反転→右クリック→コピーし、ゲストブックなどに、そのアドレスを下に示すように書き、保存すると、画像が書けます。

例

私の、現時点（１２／２４）での最も新しい画像の１つのアドレスは
http://img.blogs.yahoo.co.jp/ybi/1/f9/75/masuisk/folder/1568597/img_1568597_38863882_1?1198488625
ですので、
[[img(http://img.blogs.yahoo.co.jp/ybi/1/f9/75/masuisk/folder/1568597/img_1568597_38863882_1?1198488625)]]
と記載しますと、下のような画像が書けます。
なお、写真サイズを変更するときは、（　）内の最後に、　,450　などのようにピクセルの数字を入れます。　450　位でゲストブックの幅一杯位になります。　こちらの指定でゲストブックにも書いて見ます。

Wiki関係役立ち情報一覧

１１月１７日改定版を投稿します。最近の４種の記事も、オリジナル投稿から改定しています。

Wiki文法についてはいろいろな方が、基本的なこと、応用した技術について詳しく解説されています。ここでは、そのようなブログ（記事）を紹介するとともに、それらを参照させていただいて自分で整理したものを掲載させていただきます。

１．色々な方のWiki文法のまとめ

１．monkoさんの解説
　Yahooのwikiﾒﾝﾃﾅﾝｽ後の新しい内容が解説されています。　

１）新Wiki文法一覧表　NO１
　http://blogs.yahoo.co.jp/ik3776/33424419.html
２）新Wiki文法一覧表　NO２
　http://blogs.yahoo.co.jp/ik3776/33424490.html
３）新Wiki文法一覧表　NO３
　http://blogs.yahoo.co.jp/ik3776/33424540.html

New

２．gongoroさんの解説
　こちらも、参考になる内容が沢山解説されています。
　次のWiki文法メモ書庫INDEXから各内容に進めます。
　http://blogs.yahoo.co.jp/gongoro2/23510870.html]

２．自分で整理したもの

１．写真の左右、下に文章を入れる方法各種

方法によって、文字のフォント指定、改行ができるもの、出来ないものがあります。最初の一覧表をご覧いただき、ご自身のご希望のものを選択し、緑の枠内の指定文をコピーしてお使い下さい。

　http://blogs.yahoo.co.jp/masuisk/33954780.html

New

２．枠つき写真各種サイズの写真の横に説明文を入れる方法
　再整理しました。
　写真の大きさによって、word spacingの変更が必要です。
　http://blogs.yahoo.co.jp/masuisk/37986216.html

New

３．枠なし各種サイズ混在の写真の下に説明文を入れる方法
　整理し、掲載しました。
　http://blogs.yahoo.co.jp/masuisk/37986366.html

New

４．枠なし各種サイズ混在の写真の下に説明文を入れる方法
　整理し、掲載しました。
　http://blogs.yahoo.co.jp/masuisk/37986366.html

New

５．枠付き各種サイズ混在の下に説明文を入れる方法
　整理し、掲載しました。
　http://blogs.yahoo.co.jp/masuisk/38002411.html

横幅一杯写真のみ

横幅ほぼ一杯の写真のみを数枚掲載し、それどれの下に説明文をつける一番簡単な方法をまとめました。指定文は最後に示しています。

３枚目の写真で、文字の位置を左、中央、右に配置出来るように変更しました。（１１／１７、１５時１０分）

本記事は http://blogs.yahoo.co.jp/masuisk/38017817.html に登録されています。

『レインボーブリッジと虹』
天気の良い日の午前はこのような光景が見られます。　

『アメリカ側から見た虹』。対岸にカナダ側の夢の乙女号の乗り場が見えます。

『夜明けのカナダ滝』　幅：６７５ｍ、高さ５２ｍの馬蹄形です。

『夜明けのカナダ滝』。幅：６７５ｍ、高さ５２ｍの馬蹄形の滝です。

『夜明けのカナダ滝』。幅：６７５ｍ、高さ５２ｍの馬蹄形の滝です。

『夜明けのカナダ滝』。

幅：６７５ｍ、高さ５２ｍの馬蹄形の滝です。

下記のように入力すると、上のように表示されます。[[attached(３)]]の下は、文字指定の例です。

[[attached(１)]]
『レインボーブリッジと虹』
天気の良い日の午前はこのような光景が見られます。　

[[attached(２)]]
『アメリカ側から見た虹』。対岸にカナダ側の夢の乙女号の乗り場が見えます。

[[attached(３)]]
||<#FFFFFF'style='text-align:left;width:560px;font-size:12pt;color:blue;font-family:"HGP創英角ﾎﾟｯﾌﾟ体 "'``『夜明けのカナダ滝』　幅：６７５ｍ、高さ５２ｍの馬蹄形です。||
||<#FFFFFF' style='text-align:center;width:560px;font-size:11pt;color:red;font-family:"Normal "'``『夜明けのカナダ滝』。幅：６７５ｍ、高さ５２ｍの馬蹄形の滝です。||
||<#FFFFFF' style='text-align:center;width:560px;font-size:12pt;color:green;font-family:"HGｺﾞｼｯｸE"'``『夜明けのカナダ滝』。幅：６７５ｍ、高さ５２ｍの馬蹄形の滝です。||
||<#FFFFFF' style='text-align:center;width:560px;font-size:11pt;color:blue;font-family:"Normal "'``『夜明けのカナダ滝』。||
||<#FFFFFF' style='text-align:center;width:560px;font-size:11pt;color:blue;font-family:"Normal "'``幅：６７５ｍ、高さ５２ｍの馬蹄形の滝です。||

入力文の説明では、attachedの後のカッコ内の数字は写真を表示させないために全角にしていますが、実際には半角です。

解説
１．１枚づつの写真の下に説明文を入れるには、
　１）Wiki文法を使用する。　決定ボタンを押す前にWikiのところにチェックを入れる
　　（忘れないように最初に入れるようにする）。決定後にチェックを入れることはできません。
　２）囲い説明の[[attached(３)]]の前のように入力します。更に写真がある場合は、同様に続けます。
２．写真下の説明文のスタイルを指定するときは、
　１）囲い説明の[[attached(３)]]の下のように指定すれば、書体、色、大きさが例のように表示され
　　　ます。

写真の大きさは、１枚１ＭＢ以下、トータル２ＭＢ以下です。

枠つき写真の下に説明文

前回に続いて、横に１−３枚並べるように写真サイズを変更し、その下に文字指定の説明文をつけるケースについてまとめました。今回は、写真枠を付けるケースです。指定文は最後に示しています。

文字の位置設定に柔軟性を持たせるように改定しました。（１１／１７、１４時５０分）

本記事は http://blogs.yahoo.co.jp/masuisk/38017817.html に登録されています。

『アメリカ滝』　幅：３２０ｍ、高さ５５ｍ

`	`
`『カナダの紅葉−１』　　　（ナイアガラ）	`『カナダの紅葉−２』　（メープル街道）

『カナダの紅葉』　ナイヤガラ、メープル街道。

`	`
`『ケベックのガラス細工』	`『ケベックの店の看板−１』	『ケベックの店の看板−２』

`	`

`

`

『ホテルのレストランから見たナイヤガラの夜明け』です。』

下記のように入力すると、上のように表示されます。

||<#ffffff'``||
||<#87CEFA'``[[attached(１)]]||
||<#FFFFFF'style='text-align:center;width:540px;font-size:12pt;color:blue;font-family:"HGP創英角ﾎﾟｯﾌﾟ体 "'````『アメリカ滝』　幅：３２０ｍ、高さ５５ｍ||
　注）これは写真幅が540ピクセルの時の例で、幅が異なるときはそれに合わせて変更が必要です。

||<#ffffff'``||
||<#90EE90'``[[attached(９)]]||<#90EE90'``[[attached(１０)]]||
||<#FFFFFF'style='font-size:10pt;color:red;text-align:center;font-family:"HGｺﾞｼｯｸE "'``『カナダの紅葉−１』　　　（ナイアガラ）||<#FFFFFF'style='font-size:10pt;color:red;text-align:center;font-family:"HGｺﾞｼｯｸE "'``『カナダの紅葉−２』　（メープル街道）||

||<#FFFFFF'style='text-align:center;width:560px;font-size:12pt;color:red;font-family:"HGｺﾞｼｯｸE "'````『カナダの紅葉』　ナイヤガラ、メープル街道。||

||<#ffffff'``||
||<#DAA520'``[[attached(２)]]||<#DAA520'``[[attached(３)]]||<#DAA520'``[[attached(４)]]||
||<#F0FFFF' style='text-align:center; font-size:8pt;color:green;font-family:"HGｺﾞｼｯｸE "'``『ケベックのガラス細工』||<#F0FFFF' style='text-align:center; font-size:8pt;color:green;font-family:"HGｺﾞｼｯｸE "'``『ケベックの店の看板−１』||<#F0FFFF' style='text-align:center; font-size:8pt;color:green;font-family:"HGｺﾞｼｯｸE "'``『ケベックの店の看板−２』||

||<#ffffff'``||
||<#D3D3D3'``[[attached(５)]]||<#D3D3D3'``[[attached(６)]]||

||<#D3D3D3'``[[attached(７)]]||<#D3D3D3'``[[attached(８)]]||

||<#FFFFFF'style='text-align:center;width:560px;font-size:12pt;color:blue;font-family:"HGP創英角ﾎﾟｯﾌﾟ体 "'``『ホテルのレストランから見たナイヤガラの夜明け』です。』||

入力文の説明では、attachedの後のカッコ内の数字は写真を表示させないために全角にしていますが、実際には半角です。また、数字が規則正しくなっていないのは、途中で、写真を入れ替えたためです。

最初は、横１枚の場合。写真サイズは横５４０px。（枠なし写真の場合は５５０px）
２番目は、縦写真と横写真の組み合わせの横２枚の場合。各写真サイズは横１９０pxと３３８px。
　　　　　（枠なし写真の場合は１９５pxと３４５px）
３番目は、横３枚の場合。各写真サイズは横１６３px。（枠なし写真の場合は１７０）
４番目は、横２枚、縦２枚の写真を並べる場合。各写真サイズは横２６０px。（枠なし写真の場合は
　　　　　２７０px）

いずれももう少し大きくできますが、これくらいが無難です。（大きすぎると写真が外にはみ出し、文もはみ出します）

枠の色はカラーコードで指定できます。

各種サイズ写真混在／下に文字指定の説明文

文字の位置を左、中央、右に配置出来るように変更しました。（１１／１７、１４時３０分）

横に１−３枚並べるように写真サイズを変更し、その下に文字指定の説明文をつけるケースについてまとめました。ここでは、写真枠をつけないケースを示しています。指定文は最後に示しています。

本記事は http://blogs.yahoo.co.jp/masuisk/38017817.html に登録されています。

『カナダ滝』　幅：６７５ｍ、高さ５２ｍ

『カナダ滝』　幅：６７５ｍ、高さ５２ｍ

『カナダ滝』　幅：６７５ｍ、高さ５２ｍ

　

『夜と昼のシャトーフロントナックホテル』

（多くの人があこがれるケベックの有名ホテル）

『ナイヤガラで見た花』　（日本で見る花と良く似た花が多かった）

『ホテルのレストランから見たナイヤガラの夜明けです。

下記のように入力すると、上のように表示されます。

[[attached(５)]]
||<#FFFFFF'style='text-align:left;width:560px;font-size:12pt;color:blue;font-family:"HGP創英角ﾎﾟｯﾌﾟ体 "'``『カナダ滝』　幅：６７５ｍ、高さ５２ｍ||
||<#FFFFFF'style='text-align:center;width:560px;font-size:12pt;color:blue;font-family:"HGP創英角ﾎﾟｯﾌﾟ体 "'``『カナダ滝』　幅：６７５ｍ、高さ５２ｍ||
||<#FFFFFF'style='text-align:right;width:560px;font-size:12pt;color:blue;font-family:"HGP創英角ﾎﾟｯﾌﾟ体 "'``『カナダ滝』　幅：６７５ｍ、高さ５２ｍ||
　
[[attached(６)]] [[attached(７)]]
||<#FFFFFF' style='text-align:center;width:560px;font-size:11pt;color:red;font-family:"HGｺﾞｼｯｸE "'``『夜と昼のシャトーフロントナックホテル』||
||<#FFFFFF' style='text-align:center;width:560px;font-size:11pt;color:red;font-family:"HGｺﾞｼｯｸE "'``（多くの人があこがれるケベックの有名ホテル）||

[[attached(８)]] [[attached(９)]] [[attached(１０)]]
||<#FFFFFF' style='text-align:center;width:560px;font-size:11pt;color:green;font-family:"HGｺﾞｼｯｸE "'``『ナイヤガラで見た花』　（日本で見る花と良く似た花が多かった）||

[[attached(１)]] [[attached(２)]]

[[attached(３)]] [[attached(４)]]
||<#FFFFFF' style='text-align:center;width:560px;font-size:11pt;color:blue;font-family:"Normal "'``『ホテルのレストランから見たナイヤガラの夜明けです。||

入力文の説明では、attachedの後のカッコ内の数字は写真を表示させないために全角にしていますが、実際には半角です。

最初は、横１枚の場合。写真サイズは横５５０ﾋﾟｸｾﾙ。（枠つき写真の場合は５４０）
２番目は、横２枚の場合。各写真サイズは横２７０ﾋﾟｸｾﾙ。（枠つき写真の場合は２６０）
３番目は、横３枚の場合。各写真サイズは横１８０ﾋﾟｸｾﾙ。（枠つき写真の場合は１６３）
４番目は、横２枚、縦２枚の写真を並べる場合。各写真サイズは横２７０ﾋﾟｸｾﾙ。（枠つき写真の場合は
　　　　　２６０）

いずれももう少し大きくできますが、これくらいが無難です。（大きすぎると写真が外にはみ出し、文もはみ出します）