Tips！写真(画像)の著作表示について

１．写真(画像)を１枚以上～変更する場合

写真をお借りしたサイト様：[P]hoto by R.Planet.03の部分は削除しないこと。

２・写真(画像)を全て変更する場合

写真をお借りしたサイト様：[P]hoto by R.Planet.03の部分は必ず削除すること。
１枚でも元の夜明け前の写真が残っている場合は（１）と同じく削除できませんのでご注意ください。

※この件について何かご不明な点等ありましたらこの記事のコメントよりお願いいたします。

３．写真サイト様の著作リンク

▼リンクソースはHTML編集内にあります

<!--広告・著作LINK削除・改ざん・変更厳禁！-->
<a href="http://www.geocities.jp/fox_wonder/" title="R.Planet.03" target="_blank">[P]hoto by R.Planet.03</a>
<!--/広告・著作LINK削除・改ざん・変更厳禁！-->

※その他：Fc2ブログの広告やテンプレート著作リンクの削除・改ざん・変更は禁止です。

Tips！写真(画像)を変更する

１．写真を準備する

曜日別：７枚＝７枚＋エリアモード：１枚＝計８枚の写真(画像)を用意する。
写真(画像)のサイズ：４８０ × ３５０px ← 初期設定サイズの場合のカスタマイズ方法です。

２．曜日別：７枚の写真に名前を付ける

[例] 月曜日の写真(画像)：photo_Monday.jpgとした場合。
火曜日以降の写真(画像)の名前はMonの部分を変えるだけ。
Tue/Wed/Thu/Fri/Sat/Sun ⇒ 英語表記で１週間：曜日別７枚分の写真の準備完了。

３．エリアモード：１枚の写真(画像)に名前を付ける

写真(画像)の名前は何でもOK。
コメントエリア・トラックバックエリア・コメント編集エリア・全記事エリア：計４エリアにおいて、共通の写真(画像)を１枚表示できるようにしています ⇒ エリアモード：１枚の写真(画像)の準備完了。

４．名前を付けた写真(画像)８枚全てをアップロードする

管理画面 ⇒ ファイルアップロード ⇒ ８枚あればOK

５．曜日別：７枚の画像のフルパスを変更する

[例] http://blog-imgs-×-origin.fc2.com/×/×/×/ブログID/photo_Monday.jpg

▼▽ 以下のように変更しこれを控えておいてください ▽▼

[例] http://blog-imgs-×-origin.fc2.com/×/×/×/ブログID/photo_<%topentry_youbi>day.jpg
画像の名前の photo_ の部分は自由に変更してください。

６．曜日別：７枚画像のHTML編集

管理画面 ⇒ テンプレートの設定 ⇒ Design218-YOAKEMAE_2or3 [編集] ⇒ HTML編集 ⇒ 次のHTMLソースを探してください

<!--▼▽ここからエントリー始▽▼--> ～
<div><img src="http://blog-imgs-70.fc2.com/a/n/m/anminn218/sky18_<%topentry_youbi>day.jpg" class="photo7" alt="写真(画像)"></div>

▼▽ ５．で控えておいた画像パスに変更する ▽▼

<!--▼▽ここからエントリー始▽▼--> ～
<div><img src="http://blog-imgs-×-origin.fc2.com/×/×/×/貴方のブログID/photo_<%topentry_youbi>day.jpg" class="photo7" alt="写真"></div>

６．エリアモード：１枚画像のHTML編集

管理画面 ⇒ テンプレートの設定 ⇒ Design218-YOAKEMAE_2or3 [編集] ⇒ HTML編集 ⇒ 次のHTMLソースを探してください

[例] コメントエリア

<!--▼▽ここからコメント始▽▼--> ～
<!--comment_area-->
<div><img src="http://blog-imgs-70.fc2.com/a/n/m/anminn218/sky18_mode.jpg" alt="写真" class="photo7"></div>

▼▽ （４）でアップロードした（３）の画像パスに変更する ▽▼

<!--▼▽ここからコメント始▽▼--> ～
<!--comment_area-->
<div><img src="http://blog-imgs-×.fc2.com/×/×/×/貴方のブログID/●●.jpg" alt="写真" class="photo7"></div>

７．（６）エリアモードHTML編集の補足

コメントエリアのカスタマイズ方法を説明しましたが、他の３つのエリア（３．参照）についてのカスタマイズ方法については省きます。４エリア全てのカスタマイズ方法が共通しているからです。
以下、エリア変数＆HTMLソースを探していただき（６）の方法でカスタマイズしてください。

<!--▼▽ここからトラックバック始▽▼--> ～
<!--trackback_area-->
<div><img src="http://blog-imgs-70.fc2.com/a/n/m/anminn218/sky18_mode.jpg" alt="写真" class="photo7"></div>

<!--▼▽ここからコメント編集始▽▼--> ～
<!--edit_area-->
<div><img src="http://blog-imgs-70.fc2.com/a/n/m/anminn218/sky18_mode.jpg" alt="写真" class="photo7"></div>

<!--▼▽ここから全記事始▽▼--> ～
<!--titlelist_area-->
<div><img src="http://blog-imgs-70.fc2.com/a/n/m/anminn218/sky18_mode.jpg" alt="写真" class="photo7"></div>

８．エリアモード応用編

エリアが全部で４つあることは既に説明済みですが、４つのエリア別に４つの別の写真(画像)を表示することも可能です。（３）＆（４）で４つの写真(画像)をアップロードして（６）＆（７）でエリア別にHTMLソースを編集すればOK。

９．class="photo7"

class="photo7"は、曜日別＆エリア別写真専用の画像クラスです。
スタイルシート編集 ⇒ img.photo7で変更可。クラス名の変更や追加・削除も可。

１０．alt="写真"

alt="写真"は、写真の説明です。１枚々名前を付けてもOK。

カスタマイズは成功しましたでしょうか？？
こちらのTips！をもってカスタマイズサポートとさせて頂きますのでご了承ください。
ただし、ワタシクのミスがあるかもしれませんので(常習犯だもんで)、その場合はこちらの記事のコメントよりお知らせください。

お疲れ様でした