Paroday

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

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

pazw-sauber

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

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

履歴

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

幅変更

変更場所 ▼ HTMLの編集

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

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

サイドバー左右入替え

変更場所 ▼ 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>

トップ画像の削除

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

　下記を追加します。

#container .mWrap{padding-top: 15px; background: none;} /* 画像削除 */

　上部の余白を調整するときは 15px の数値を増減させます。

トップ画像の変更

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

　下記を追加します。

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

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

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

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

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

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

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

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

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

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

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

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

※『sauber-s』のテンプレートを利用している場合はsausの後に「a」を入れます。

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

背景画像を使う

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

　[ RESET ]の body { 内の background を変更します。

　#ffffff 部分を変更すると色が変わります。色は #fbfbff など薄め推奨です（#f○f○f○）

　back1.gif back2.gif の色変化は白地の部分。back1a.gif back2a.gifの色変化は赤地の部分です。

background: #ffffff url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/back1.gif) left top repeat;

background: #f0f0f0 url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/back1a.gif) left top repeat;

background: #ffffff url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/back2.gif) left top repeat;

background: #f0f0f0 url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/back2a.gif) left top repeat;

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

変更場所 ▼ HTMLの編集

　</head> の前に以下のコードを追加します。

<!--[if lte IE 7]><style type="text/css">
body{word-break:break-all;word-wrap:break-word;}</style><![endif]-->
</head>

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

関連記事