普通の写真を複数枚アップロードすると、縦に表示されますよね。 

そこでサムネイルとして横に並べることでギャラリーとしてみましょう。

​



​

 

 

​写真の投稿がすんだら、「HTML」に切り替えて下さい。

こんな文が見つかるでしょう。

​<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-nefPtMV8pwo/UN1QrRbM9tI/AAAAAAAAZsg/dXNm2LiW3Sw/s1600/b0076972_1133587.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="http://1.bp.blogspot.com/-nefPtMV8pwo/UN1QrRbM9tI/AAAAAAAAZsg/dXNm2LiW3Sw/s400/b0076972_1133587.jpg" width="400" /></a></div>



赤字の部分で画像の位置を「中央」に指定しています。

赤字の部分を下の文とコピペで書き換えて下さい。
（全ての画像に同じ処理をします）



<div class="separator" style="float: left; text-align: center;">



それで画像が横並びになりましたね。

ただし、参考のテンプレートの幅ではこのままの画像の幅では横に３枚は並びません。
横に並べたい枚数にもよりますが「ピンク」の部分を書き換えて画像の幅を変更しましょう。

お使いのテンプレートの幅の設定でそれぞれに異なりますから、初めだけは試行錯誤が必要ですね。



そうそう、1枚目の左右の位置はstyle="margin-left: 1em;の１を２とか３に書き換えて下さい。

右寄せが出来ます。

​

 

何枚アップ出来るかは試したことがないので不明ですが、過去の経験では３０枚を超えても問題はありませんでした。



​HOME