Paroday

Paroday:ニュースやアニメのレビュー、FC2ブログのテンプレート・プラグインなどを配信しています。

もしかして Parody ではありませんか? yes

padw-sauber-s

 検索ワード「」は、Ctrlキー+Fキー(command+Fキー)で変更場所を探すためのキーワードです。「タイトル」となっていれば検索ウィンドウにタイトルと入力してください。

■padw-sauber-s : プレビュー
pazw-sauber-s

履歴


 記事本文下の投稿時間の左横に見えないリンクがあります。カーソルを合わせると表示され、ログイン状態のときのみ編集画面にジャンプします。

幅変更

変更場所 ▼ HTMLの編集

 <body class="width2"> の数値を1~5に変えることで幅を選択できます。数値が小さいほど幅が狭くなります。5は可変幅です。

<body class="width1">
<body class="width2">
<body class="width3">
<body class="width4">
// 可変
<body class="width5">

サイドバー左右入替え

変更場所 ▼ HTMLの編集 検索ワード「rightSide」

 <!-- rigthSide or leftSide --> の部分を変更します。

// 左に記事、右にサイドバー
class="rightSide"> <!-- rigthSide or leftSide -->
// 左にサイドバー、右に記事
class="lefttSide"> <!-- rigthSide or leftSide -->

記事の投稿時間を消す

変更場所 ▼ HTMLの編集 検索ワード「time」

 下記を削除します。

<li class="time"><%topentry_hour>:<%topentry_minute></li>

コメントの絵文字を追加

変更場所 ▼ HTMLの編集 検索ワード「textComment」

 コメントエリアとコメント編集エリアの2ヶ所です。

 コメントエリア、<textarea~の直前にscriptの行を追記します。

<dd class="textComment">
<script type="text/javascript" src="<%template_comment_js>"></script>
<textarea

 コメント編集エリア、<textarea~の直前にscriptの行を追記します。

<dd class="textComment">
<script type="text/javascript" src="<%template_comment_js>"></script>
<textarea

コメントフォームにメール欄を追加

変更場所 ▼ HTMLの編集 - 検索ワード「formMail」

 コメントエリアとコメント編集エリアの2ヶ所です。

 コメントエリア、Comment formのName項目の直後に以下を追記します。

<dd><input id="formName" type="text" name="comment[name]" size="29" value="<%cookie_name>" /></dd>
<dt><label for="formMail">Mail :</label></dt>
<dd><input id="formMail" type="text" name="comment[mail]" size="29" value="<%cookie_mail>" /></dd>

 コメント編集エリア、Comment formのName項目の直後に以下を追記します。

<dd><input id="formName" type="text" name="edit[name]" size="29" value="<%edit_name>" /></dd>
<dt><label for="formMail">Mail :</label></dt>
<dd><input id="formMail" type="text" name="edit[mail]" size="29" value="<%edit_mail>" /></dd>

 メールアドレスは管理画面のコメントの管理から確認できます。

変更場所 ▼ HTMLの編集:検索ワード「<span><%topentry_year>」

<span><%topentry_year>-<%topentry_month>-<%topentry_day></span> <a href="<%topentry_link>"><%topentry_title></a>

 上記を下記に変更します。

<span><%topentry_year>-<%topentry_month>-<%topentry_day></span> <a href="#e<%topentry_no>"><%topentry_title></a>

トップ画像を変更する

変更場所 ▼ スタイルシートの編集

 下記を追加します。

#mainSide .mWrap { /* 画像変更 */
 background: url(画像アドレス) center 25px no-repeat;
}

 画像の位置は center 25px で調整します。

 center を left に変更すると中央寄せから左寄せになります。

 25px を 0px に変更すると最上部から画像が表示されます。

トップ画像の追加画像を使う

変更場所 ▼ スタイルシートの編集 検索ワード「LAYOUT」

 [ LAYOUT ]にあるファイルアドレスを変更します。sauの後に「a」を入れます。

background: url(http://blog-imgs-15.fc2.com/p/a/r/paro2day/sausa1.jpg) center 25px no-repeat;

 個別ページの画像を変更するときは、blog-entry-xx.htmlの方も同様に変更します。

background: url(http://blog-imgs-15.fc2.com/p/a/r/paro2day/sausa1p.jpg) center 25px no-repeat;

 トップページと個別ページの画像を同じものにするときは、2つのファイルアドレスを同一のものにします。トップと個別の画像を逆にしたいときは2つのアドレスを入れ替えてください。

 幅変更でHTMLのwidth数値を変更しているときは、スタイルシート最下部にある[ WIDTH ]のファイルアドレスを変更します。「class="width3"」なら、「saus2.jpg」と「saus2p.jpg」のアドレスのみ変更して、「sausa2.jpg」と「sausa2p.jpg」とします。

.width3 .mWrap {background-image: url(http://blog-imgs-15.fc2.com/p/a/r/paro2day/sausa2.jpg);}
.width3 #permanent {background-image: url(http://blog-imgs-15.fc2.com/p/a/r/paro2day/sausa2p.jpg);}

IE7以下で背景画像や横幅がずれるとき

 添付した画像や動画の横幅が大きすぎたり、長いURLが貼られているとレイアウトが崩れることがあります。幅変更でテンプレートの横幅を大きくしたり、画像や動画のwidthを小さくすることで回避できます。

関連記事