*Essence

HP用フリー素材とFC2共有テンプレートを作成・配布しています。

TOP > Template > カスタマイズ > プラグイン3を記事の上に表示するカスタマイズ

2009-04-06 (Mon) 13:32 ✎

プラグイン3を記事の上に表示するカスタマイズ

先週共有化された candy-3c と green-3c のプラグイン3を、記事の上に持ってくるカスタマイズについて掲載します。

先ず、テンプレートの設定画面でテンプレートのHTMLを表示して下さい。
1/4位スクロールすると  という部分が有りますので、その直下に

<div id="menu3">
<div class="menu3_title" style="text-align:<%plugin_third_talign>"><%plugin_third_title></div>
<div class="menu3_body">
<div style="text-align:<%plugin_third_ialign>">
<%plugin_third_description>
</div>
<%plugin_third_content>
<div style="text-align:<%plugin_third_ialign>">
<%plugin_third_description2>
</div>
</div>
</div>

を入れ、更にスクロールさせた9/10位の所の  から を削除して下さい。

次にスタイルシート編集枠の一番下にでも下記を追加して「更新」ボタンを押して下さい。

candy-3c のスタイルシート↓
#menu3{
margin: 0px 10px 30px 10px;
border: 1px solid #F0BDBD;
background:url(http://blog-imgs-27.fc2.com/s/o/r/sorauta1/10.gif);
overflow:hidden;
}
.menu3_title {
margin-top: 5px;
margin-left:10px;
margin-right:10px;
padding:5px;
font-size: 12px;
color:#666666;
font-weight: bold;
background: url(http://blog-imgs-27.fc2.com/s/o/r/sorauta1/rib-p.gif) no-repeat;
padding:3px;
padding-left: 30px;
border-bottom:2px dotted #753636;
}
.menu3_body {
margin: 0px;
padding:10px 20px;
overflow:hidden;
}
#menu3 a{
text-decoration: none;
}
#menu3 a:hover{
text-decoration: none;
}

green-3c のスタイルシート↓
#menu3{
margin: 0px 10px 30px 10px;
border: 1px solid #ADECBF;
background:url(http://blog-imgs-27.fc2.com/s/o/r/sorauta1/10.gif);
overflow:hidden;
}
.menu3_title {
margin-top: 5px;
margin-left:10px;
margin-right:10px;
padding:5px;
font-size: 12px;
color:#666666;
font-weight: bold;
background: url(http://blog-imgs-27.fc2.com/s/o/r/sorauta1/lea-g.gif) no-repeat;
padding:3px;
padding-left: 30px;
border-bottom:2px dotted #63B46F;
}
.menu3_body {
margin: 0px;
padding:10px 20px;
overflow:hidden;
}
#menu3 a{
text-decoration: none;
}
#menu3 a:hover{
text-decoration: none;
}

何かの時のため、作業前に複製は作っておいた方が良いです。
その後、更新ボタンを押して下さいね。

関連記事

candy/greenの画像変更について (2009/04/21)
プラグイン3を記事の上に表示するカスタマイズ (2009/04/06)
画像変更について (2008/12/18)

Theme : FC2ブログ共有テンプレート * Genre : ブログ * Category : カスタマイズ

* Comment : (10) * Trackback : (0) * △

更新日順

カテゴリ:［カスタマイズ］

アヒルの子様へ

当方も分かる範囲ですが頑張って調べます。
分からない場合はご容赦を…。

こちらこそ、今後とも末永くお付き合い下さいませね。m(__)m

2010-02-11-22:16 * aki [ 返信 * 編集 ]▲

aki様へ

はい！　無事に表示できてよかったです^^;
いつもいろいろ教えていただきありがとうございます
m(__)m

これからも何かと教えていただくことがあると思います・・・って、必ずあります(>_<)
とろしくお願いします★

2010-02-10-00:43 * アヒルの子 [ 返信 * 編集 ]▲

アヒルの子様へ

無事に表示出来たようで良かったです。
当方にも色々不備が有ると思いますので、お気付きの点が有りましたらお教え下さいね。(^_^)

2010-02-05-20:40 * aki [ 返信 * 編集 ]▲

aki様へ

こんばんは。
そうでしたよね～^^;
でも、何度もそのようにしたのですが表示されなかったので違うやり方があるのかと思いましてaki様にお尋ねしました。
少し自分のやり方が間違っていたようです。
今度はちゃんと表示されました！
ありがとうございます♪

2010-02-04-22:17 * アヒルの子 [ 返信 * 編集 ]▲

アヒルの子様へ

お返事が遅くなり申し訳ございません。

ご質問の件ですが、アヒルの子様のお使いのテンプレートは既にプラグイン3が上に表示されるように作成されております。
なので、表示したいプラグインを「プラグインの設定」画面で「カテゴリ」というプルダウン『3』に変更すれば、記事の上に表示されます。
プラグインカテゴリの変更方法は下記の説明を参考にしてみて下さい。
http://fc2blogmanual.blog60.fc2.com/blog-entry-150.html#more

ご不明な点がありましたらまたコメント下さいね。

2010-02-03-22:13 * aki [ 返信 * 編集 ]▲

こんばんは☆

早々のお返事ありがとうございましたm(__)m
出来ました～～！！

でも、それを横カレンダーのすぐ下、プラグイン３ですか？　そこに表示したいのですが、「プラグイン３を記事の上に表示するカスタマイズ」と同じ方法でするとよいのでしょうか？（テンプレートが違うのですが）　

2010-02-01-23:02 * アヒルの子 [ 返信 * 編集 ]▲

きらら様へ

きらら様　初めまして

テンプレートのご利用、誠に有り難うございます。
ご質問の件ですが、コメントの投稿欄を広げる方法という事でご説明致します。
どのテンプレートでも（記述位置は多少違いますが）同様に変更できるので是非TRYしてみて下さい。

先ず、左メニュー「環境設定」の「テンプレートの設定」をクリックしてテンプレート管理画面を開き、お使いのテンプレート『HTML編集』（編集枠上段）を出して下さい。
スクロールしていくと、半分より少し下くらいに
<h3>コメントの投稿</h3>という部分が有ります。この部分より20行位下に
<dd><textarea id="comment" cols="50" rows="5" name="comment[body]"></textarea></dd>
という部分が有ります。ここがコメント入力するエリアです。
変更する部分はcols="50"（横幅）とrows="5"（行数）で、数値を大きくすれば入力欄が大きくなります。
ここを書き換えて更新ボタンを押して下さい。これでOK

です。

不具合が有りましたらまたコメント下さいね。
今後とも当方テンプレートを宜しくお願い致します。m(_ _)m

2009-04-09-23:59 * aki [ 返信 * 編集 ]▲

はじめまして、こんにちは。

プライベートブログで黒地に白の水玉のテンプレートを
使わせていただいております。

コメント欄が狭く書きにくいのですが
広げる方法がおありでしたら、教えていただけると
ありがたいです。
どのプレートも私好みで、どれを使うかつい悩んでしまいます☆

2009-04-09-10:34 * きらら [ 返信 * 編集 ]▲

ひよこリボン様へ

ひよこリボン様　初めまして

この度は当方テンプレートをご利用頂きまして、誠に有り難うございます。
早速のチャレンジ、大丈夫だったみたいですね。
無事にプラグイン3の部分にリボンの画像が可愛く表示されています。
当方は更新無精なので、「毎日何かしらの更新」を目標に掲げているのはすごいです。
色んなプラグインの追加やカスタマイズなど、ドンドン楽しんでみて下さい。

是非、また遊びに来て下さいね。