文字の回り込み写真の配置 部品

ワードプレスでは写真だけに回り込みをかけると崩れることがよくあるので、ここでは文字も含めたブロック部品になっています。
部品を複数並べたり、文字を付け足したりして使います。


文字エリアは他の配置部品などを組んで自由に作っていってください。


PH-024  (文字が回り込む、写真と文字のブロック)写真大き目

写真に文章が回り込むブロック部品です。ワードプレスの場合は写真を単独で回り込みをかけて配置すると思わぬ崩れ方をする場合が多々あるので、写真と文字がセットになったブロック部品として配置してください、もちろん配置後は文字はタイトルをつけたり自由に編集が可能です。写真を複数配置したい場合はこの部品を縦に並べていく感じで使います。写真の横幅は自動で拡大縮小されます。縦の長さはその写真の縦横一同じ比率で 横に合わせて拡大縮小されます。

os
1

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

os
「写真-PH-024」編集解説
まずは、配置する画像を作ります。
写真は自動でこの幅に拡大縮小配置されますので、横幅をだいたいで合わせて作れば大丈夫です。高さは自由なので縦長の写真でも大丈夫です。

作られた画像は、 「 user-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-landingpage 」フォルダーの中の、
「 image 」フォルダーの中の、 「 user-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアップしてください。
配置部品の記述を見ると <img src="image/user-photo/sample-photo-wide.jpg" width="100%" height="auto" alt="1" />
こんな画像タグが見つかると想います。
ピンクの sample-photo-wide.jpg を作られた画像の名前に差し替えてください(拡張子も含めてです)。
1 の部分にはその画像の文字表記を入れます。 例えば「ゴルフの風景」などなど。
文字ブロックは <!-- □文字エリアここから□ --><!-- □文字エリアここまで□ -->
この間に文字や部品などを組んでいってください。

PH-025  (文字が回り込む、写真と文字のブロック)写真小さめ

写真に文章が回り込むブロック部品です。ワードプレスの場合は写真を単独で回り込みをかけて配置すると思わぬ崩れ方をする場合が多々あるので、写真と文字がセットになったブロック部品として配置してください、もちろん配置後は文字はタイトルをつけたり自由に編集が可能です。写真を複数配置したい場合はこの部品を縦に並べていく感じで使います。写真の横幅は自動で拡大縮小されます。縦の長さはその写真の縦横一同じ比率で 横に合わせて拡大縮小されます。

os
1

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

os
「写真-PH-025」編集解説
まずは、配置する画像を作ります。
写真は自動でこの幅に拡大縮小配置されますので、横幅をだいたいで合わせて作れば大丈夫です。高さは自由なので縦長の写真でも大丈夫です。

作られた画像は、 「 user-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-landingpage 」フォルダーの中の、
「 image 」フォルダーの中の、 「 user-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアップしてください。
配置部品の記述を見ると <img src="image/fuser-photo/sample-photo-wide.jpg" width="100%" height="auto" alt="1" />
こんな画像タグが見つかると想います。
ピンクの sample-photo-wide.jpg を作られた画像の名前に差し替えてください(拡張子も含めてです)。
1 の部分にはその画像の文字表記を入れます。 例えば「ゴルフの風景」などなど。
文字ブロックは <!-- □文字エリアここから□ --><!-- □文字エリアここまで□ -->
この間に文字や部品などを組んでいってください。

PH-026  (文字が回り込む、写真と文字のブロック)写真大き目+キャプション

写真に文章が回り込むブロック部品です。ワードプレスの場合は写真を単独で回り込みをかけて配置すると思わぬ崩れ方をする場合が多々あるので、写真と文字がセットになったブロック部品として配置してください、もちろん配置後は文字はタイトルをつけたり自由に編集が可能です。写真を複数配置したい場合はこの部品を縦に並べていく感じで使います。写真の横幅は自動で拡大縮小されます。縦の長さはその写真の縦横一同じ比率で 横に合わせて拡大縮小されます。

os
1
キャプション文字

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

os
「写真-PH-026」編集解説
まずは、配置する画像を作ります。
写真は自動でこの幅に拡大縮小配置されますので、横幅をだいたいで合わせて作れば大丈夫です。高さは自由なので縦長の写真でも大丈夫です。

作られた画像は、 「 user-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-landingpage 」フォルダーの中の、
「 image 」フォルダーの中の、 「 user-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアップしてください。
配置部品の記述を見ると <img src="image/user-photo/sample-photo-wide.jpg" width="100%" height="auto" alt="1" />
こんな画像タグが見つかると想います。
ピンクの sample-photo-wide.jpg を作られた画像の名前に差し替えてください(拡張子も含めてです)。
1 の部分にはその画像の文字表記を入れます。 例えば「ゴルフの風景」などなど。
文字ブロックは <!-- □文字エリアここから□ --><!-- □文字エリアここまで□ -->
この間に文字や部品などを組んでいってください。

PH-027  (文字が回り込む、写真と文字のブロック)写真小さめ+キャプション

写真に文章が回り込むブロック部品です。ワードプレスの場合は写真を単独で回り込みをかけて配置すると思わぬ崩れ方をする場合が多々あるので、写真と文字がセットになったブロック部品として配置してください、もちろん配置後は文字はタイトルをつけたり自由に編集が可能です。写真を複数配置したい場合はこの部品を縦に並べていく感じで使います。写真の横幅は自動で拡大縮小されます。縦の長さはその写真の縦横一同じ比率で 横に合わせて拡大縮小されます。

os
1
キャプション文字

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

os
「写真-PH-027」編集解説
まずは、配置する画像を作ります。
写真は自動でこの幅に拡大縮小配置されますので、横幅をだいたいで合わせて作れば大丈夫です。高さは自由なので縦長の写真でも大丈夫です。

作られた画像は、 「 user-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-landingpage 」フォルダーの中の、
「 image 」フォルダーの中の、 「 user-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアップしてください。
配置部品の記述を見ると <img src="image/user-photo/sample-photo-wide.jpg" width="100%" height="auto" alt="1" />
こんな画像タグが見つかると想います。
ピンクの sample-photo-wide.jpg を作られた画像の名前に差し替えてください(拡張子も含めてです)。
1 の部分にはその画像の文字表記を入れます。 例えば「ゴルフの風景」などなど。
文字ブロックは <!-- □文字エリアここから□ --><!-- □文字エリアここまで□ -->
この間に文字や部品などを組んでいってください。

PH-028  文字は回り込まず、左側が写真、右側が文字に分かれる

写真と文字が左右にわかれます。文字エリアはタイトルや帯など他の部品を組んでいけます。写真はこの横幅に自動で拡大縮小されます。

写真を複数増やして縦に並べていくことも出来ます。

os
1
キャプション文字

左右に分かれる

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

os
「写真-PH-028」編集解説
まずは、配置する画像を作ります。
写真は自動でこの幅に拡大縮小配置されますので、横幅をだいたいで合わせて作れば大丈夫です。高さは自由なので縦長の写真でも大丈夫です。

作られた画像は、 「 user-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-landingpage 」フォルダーの中の、
「 image 」フォルダーの中の、 「 user-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアップしてください。
配置部品の記述を見ると <img src="image/user-photo/sample-photo-wide.jpg" width="100%" height="auto" alt="1" />
こんな画像タグが見つかると想います。
ピンクの sample-photo-wide.jpg を作られた画像の名前に差し替えてください(拡張子も含めてです)。
1 の部分にはその画像の文字表記を入れます。 例えば「ゴルフの風景」などなど。
文字ブロックは <!-- □文字エリアここから□ --><!-- □文字エリアここまで□ -->
この間に文字や部品などを組んでいってください。
画像を縦に複数並べていく場合は、記述内に
<!-- 写真ここから -->
<div class="yose-photo-left2">
<img src="image/user-photo/sample-photo01.jpg" alt="1" />
<div class="yose-photo-cap"> キャプション文字</div></div>
<!-- 写真ここまで -->

こんな写真ここから ここまで という記述があります。これをコピペで数分並べてください
<!-- 写真ここから -->
<div class="yose-photo-left2">
<img src="image/user-photo/sample-photo01.jpg" alt="1" />
<div class="yose-photo-cap"> キャプション文字</div></div>
<!-- 写真ここまで -->
<!-- 写真ここから -->
<div class="yose-photo-left2">
<img src="image/user-photo/sample-photo01.jpg" alt="1" />
<div class="yose-photo-cap"> キャプション文字</div></div>
<!-- 写真ここまで -->
こんな感じで増やしていってください。

PH-029  (文字が回り込む、写真と文字のブロック)写真大き目

写真に文章が回り込むブロック部品です。ワードプレスの場合は写真を単独で回り込みをかけて配置すると思わぬ崩れ方をする場合が多々あるので、写真と文字がセットになったブロック部品として配置してください、もちろん配置後は文字はタイトルをつけたり自由に編集が可能です。写真を複数配置したい場合はこの部品を縦に並べていく感じで使います。写真の横幅は自動で拡大縮小されます。縦の長さはその写真の縦横一同じ比率で 横に合わせて拡大縮小されます。

os
1

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

os
「写真-PH-029」編集解説
まずは、配置する画像を作ります。
写真は自動でこの幅に拡大縮小配置されますので、横幅をだいたいで合わせて作れば大丈夫です。高さは自由なので縦長の写真でも大丈夫です。

作られた画像は、 「 user-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-landingpage 」フォルダーの中の、
「 image 」フォルダーの中の、 「 user-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアップしてください。
配置部品の記述を見ると <img src="image/user-photo/sample-photo-wide.jpg" width="100%" height="auto" alt="1" />
こんな画像タグが見つかると想います。
ピンクの sample-photo-wide.jpg を作られた画像の名前に差し替えてください(拡張子も含めてです)。
1 の部分にはその画像の文字表記を入れます。 例えば「ゴルフの風景」などなど。
文字ブロックは <!-- □文字エリアここから□ --><!-- □文字エリアここまで□ -->
この間に文字や部品などを組んでいってください。

PH-030  (文字が回り込む、写真と文字のブロック)写真小さめ

写真に文章が回り込むブロック部品です。ワードプレスの場合は写真を単独で回り込みをかけて配置すると思わぬ崩れ方をする場合が多々あるので、写真と文字がセットになったブロック部品として配置してください、もちろん配置後は文字はタイトルをつけたり自由に編集が可能です。写真を複数配置したい場合はこの部品を縦に並べていく感じで使います。写真の横幅は自動で拡大縮小されます。縦の長さはその写真の縦横一同じ比率で 横に合わせて拡大縮小されます。

os
1

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

os
「写真-PH-030」編集解説
まずは、配置する画像を作ります。
写真は自動でこの幅に拡大縮小配置されますので、横幅をだいたいで合わせて作れば大丈夫です。高さは自由なので縦長の写真でも大丈夫です。

作られた画像は、ページのベース設定で登録した 「 free-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-kit4 」フォルダーの中の、
「 image 」フォルダーの中の、 「 free-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアッオプしてください。
配置部品の記述を見ると <img src="image/free-photo/◯◯◯◯/sample-photo-wide.jpg" width="100%" height="auto" alt="1" />
こんな画像タグが見つかると想います。
◯◯◯◯の部分は登録したフォルダーの階層になっていると想います。
ピンクの sample-photo-wide.jpg を作られた画像の名前に差し替えてください(拡張子も含めてです)。
1 の部分にはその画像の文字表記を入れます。 例えば「ゴルフの風景」などなど。
文字ブロックは <!-- □文字エリアここから□ --><!-- □文字エリアここまで□ -->
この間に文字や部品などを組んでいってください。

PH-031  (文字が回り込む、写真と文字のブロック)写真大き目+キャプション

写真に文章が回り込むブロック部品です。ワードプレスの場合は写真を単独で回り込みをかけて配置すると思わぬ崩れ方をする場合が多々あるので、写真と文字がセットになったブロック部品として配置してください、もちろん配置後は文字はタイトルをつけたり自由に編集が可能です。写真を複数配置したい場合はこの部品を縦に並べていく感じで使います。写真の横幅は自動で拡大縮小されます。縦の長さはその写真の縦横一同じ比率で 横に合わせて拡大縮小されます。

os
1
キャプション文字

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

os
「写真-PH-031」編集解説
まずは、配置する画像を作ります。
写真は自動でこの幅に拡大縮小配置されますので、横幅をだいたいで合わせて作れば大丈夫です。高さは自由なので縦長の写真でも大丈夫です。

作られた画像は、 「 user-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-landingpage 」フォルダーの中の、
「 image 」フォルダーの中の、 「 user-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアップしてください。
配置部品の記述を見ると <img src="image/user-photo/sample-photo-wide.jpg" width="100%" height="auto" alt="1" />
こんな画像タグが見つかると想います。
ピンクの sample-photo-wide.jpg を作られた画像の名前に差し替えてください(拡張子も含めてです)。
1 の部分にはその画像の文字表記を入れます。 例えば「ゴルフの風景」などなど。
文字ブロックは <!-- □文字エリアここから□ --><!-- □文字エリアここまで□ -->
この間に文字や部品などを組んでいってください。

PH-032  (文字が回り込む、写真と文字のブロック)写真小さめ+キャプション

写真に文章が回り込むブロック部品です。ワードプレスの場合は写真を単独で回り込みをかけて配置すると思わぬ崩れ方をする場合が多々あるので、写真と文字がセットになったブロック部品として配置してください、もちろん配置後は文字はタイトルをつけたり自由に編集が可能です。写真を複数配置したい場合はこの部品を縦に並べていく感じで使います。写真の横幅は自動で拡大縮小されます。縦の長さはその写真の縦横一同じ比率で 横に合わせて拡大縮小されます。

os
1
キャプション文字

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

os
「写真-PH-032」編集解説
まずは、配置する画像を作ります。
写真は自動でこの幅に拡大縮小配置されますので、横幅をだいたいで合わせて作れば大丈夫です。高さは自由なので縦長の写真でも大丈夫です。

作られた画像は、 「 user-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-landingpage 」フォルダーの中の、
「 image 」フォルダーの中の、 「 user-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアップしてください。
配置部品の記述を見ると <img src="image/user-photo/sample-photo-wide.jpg" width="100%" height="auto" alt="1" />
こんな画像タグが見つかると想います。
ピンクの sample-photo-wide.jpg を作られた画像の名前に差し替えてください(拡張子も含めてです)。
1 の部分にはその画像の文字表記を入れます。 例えば「ゴルフの風景」などなど。
文字ブロックは <!-- □文字エリアここから□ --><!-- □文字エリアここまで□ -->
この間に文字や部品などを組んでいってください。

PH-033  文字は回り込まず、左側が文字、右側が写真に分かれる

写真と文字が左右にわかれます。文字エリアはタイトルや帯など他の部品を組んでいけます。写真はこの横幅に自動で拡大縮小されます。

写真を複数増やして縦に並べていくことも出来ます。(このサンプルは2つに増やしています)

os
  • 回り込まず左右に分かれる
  • いいいいいいいいいいいいいあああああ
  • うううううううううあああああ

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

1
キャプション文字
1
キャプション文字
os
「写真-PH-033」編集解説
まずは、配置する画像を作ります。
写真は自動でこの幅に拡大縮小配置されますので、横幅をだいたいで合わせて作れば大丈夫です。高さは自由なので縦長の写真でも大丈夫です。

作られた画像は、 「 user-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-landingpage 」フォルダーの中の、
「 image 」フォルダーの中の、 「 user-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアップしてください。
配置部品の記述を見ると <img src="image/user-photo/sample-photo-wide.jpg" width="100%" height="auto" alt="1" />
こんな画像タグが見つかると想います。
ピンクの sample-photo-wide.jpg を作られた画像の名前に差し替えてください(拡張子も含めてです)。
1 の部分にはその画像の文字表記を入れます。 例えば「ゴルフの風景」などなど。
文字ブロックは <!-- □文字エリアここから□ --><!-- □文字エリアここまで□ -->
この間に文字や部品などを組んでいってください。
画像を縦に複数並べていく場合は、記述内に
<!-- 写真ここから -->
<div class="yose-photo-left2">
<img src="image/user-photo/sample-photo01.jpg" alt="1" />
<div class="yose-photo-cap"> キャプション文字</div></div>
<!-- 写真ここまで -->

こんな写真ここから ここまで という記述があります。これをコピペで数分並べてください
<!-- 写真ここから -->
<div class="yose-photo-left2">
<img src="image/user-photo/sample-photo01.jpg" alt="1" />
<div class="yose-photo-cap"> キャプション文字</div></div>
<!-- 写真ここまで -->
<!-- 写真ここから -->
<div class="yose-photo-left2">
<img src="image/fuser-photo/sample-photo01.jpg" alt="1" />
<div class="yose-photo-cap"> キャプション文字</div></div>
<!-- 写真ここまで -->
こんな感じで増やしていってください。

os