初心者でもできる簡単FC2ブログの作り方

	1.普通の枠つき 2.下の感覚が広めのポラロイド風 3.ポラロイド風に影が付いている感じ この様な３種類のポラロイド風を全ての画像につけたり自分で記事を書く時に選んでつけたりする事ができます。

共有テンプレートの[simple3]を例にして説明していきます。
管理画面の環境設定にある[テンプレートの設定]→[ 編集 ]→[HTMLの編集]を見てください。
ここでCtrl+Fなどを使って<%topentry_body>を探します。

[simple3]の場合は、 この様になっていました。

<%topentry_body>の前にある<div class="〜〜〜">の〜〜〜をコピーします。
なのでここでは[mainEntryBody]です。

次にスタイルシートの方を見てみます。スクロールを一番下まで持っていって最後に書かれているタグから1行あけて・・・

見本の1番と同じ物にしたい場合は、
2番と同じ物にしたい場合は、
3番と同じ物にしたい場合は、 をスタイルシートに記入します。これでポラロイド風になっていると思います。


「padding」にあるpxの数字を変えると余白の広さが変わります。
順番に上・右・下・左に対応しています。
「border」にあるpxの数字を変えると線の太さが変わります。#〜は色が変わります。

※普通はこれで全部の記事の中の画像が枠付に変わると思いますが、テンプレートによっては追記の画像が枠付にならない物もあると思います。
そんな時は、<%topentry_body>の後ろにある<div class="〜〜〜">の〜〜〜をコピーして、もう1つスタイルシートに同じ物を作ってください。
[simple3]の場合は、mainEntryMoreになります。

※もしかしてポラロイド風の枠付にならない場合は、[HTMLの編集]の一番上に<?xml version="1.0" encoding="EUC-JP"?>の様なものがあったらいったん消して更新してみてください。ブログの他の部分の表示の乱れが出るかもしれないので、完全に消さないでメモ帳などどこかにとっておいて下さい。


管理画面の環境設定にある[テンプレートの設定]→[ 編集 ]→[スタイルシートの編集]を開きます。そしてスクロールを一番下まで持っていって最後に書かれているタグから1行あけて「全ての画像に枠をつける」で紹介した3つのうちの使いたいもののコードをそのまま記入します。

そして「コピーしたもの」の部分をporaに書き換えます。

1番だとこんな感じです。できたら更新ボタンを押してください。

次にポラロイド風画像を使いたい記事を書く時に、 と画像を使うときに表示されるタグを囲う様に<div class="pora">と</div>ではさんで下さい。

※もし1・2・3の全部をブログ中で使いたかったら、3つともスタイルシートに記入して下さい。その際に「pora」という部分をあなたの好きな言葉にして3つが同じ言葉にならない様にして下さい。（例えば「pora」と「roido」と「huu」などの様にする）

これで画像に枠が付きます。 枠をつけたくない時は、いつもどおり画像のタグだけにすれば枠は付きません。

• 関連記事　　； 面白い画像の見せ方をするには？
• 関連記事　　； LNsoft Entertainment
• 関連記事　　； 写真自動加工
• 関連記事　　； 額プチ
• 関連記事　　； デジカメ写真加工ツール
• 関連記事　　； Framer

◆FC2ブログの事でどうしても疑問が解決しない人はFC2ブログ ユーザーフォーラムへ。