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

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

先週共有化された 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;
}

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

Last Modified : -0001-11-30

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

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

アヒルの子様へ * by aki

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

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

aki様へ * by アヒルの子

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

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

アヒルの子様へ * by aki

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

aki様へ * by アヒルの子

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

アヒルの子様へ * by aki

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

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

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

こんばんは☆ * by アヒルの子

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

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

きらら様へ * by aki

きらら様　初めまして

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

はじめまして、こんにちは。 * by きらら

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

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

ひよこリボン様へ * by aki

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

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

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

今後とも当方テンプレートを宜しくお願い致します。

はじめまして。 * by ひよこリボン

初ブログで試行錯誤していますが、テンプレートを
使用させていただきました(^-^*)/
リボンがかわいくて、とても気に入ってます。
プラグイン３を記事の上に表示するカスタマイズにも、
早速チャレンジしてみました。
また、遊びに来ます♪

Comment-close▲

« candy/greenの2カラム版申請しました。 | Home | 春っぽいテンプレ共有化しました »

Comment

アヒルの子様へ

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

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

2010-02-11-22:16 * aki [ 編集 * 投稿 ]

aki様へ

2010-02-10-00:43 * アヒルの子 [ 編集 * 投稿 ]

アヒルの子様へ

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

2010-02-05-20:40 * aki [ 編集 * 投稿 ]

aki様へ

2010-02-04-22:17 * アヒルの子 [ 編集 * 投稿 ]

アヒルの子様へ

2010-02-03-22:13 * aki [ 編集 * 投稿 ]

こんばんは☆

2010-02-01-23:02 * アヒルの子 [ 編集 * 投稿 ]

きらら様へ

きらら様　初めまして

です。

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

2009-04-09-23:59 * aki [ 編集 * 投稿 ]

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

2009-04-09-10:34 * きらら [ 編集 * 投稿 ]

ひよこリボン様へ

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

今後とも当方テンプレートを宜しくお願い致します。

2009-04-08-23:29 * aki [ 編集 * 投稿 ]

はじめまして。

2009-04-08-00:25 * ひよこリボン [ 編集 * 投稿 ]

トラックバック

FC2ブログユーザー専用トラックバックURLはこちら

FC2ブログ共有テンプレート配布中

共有テンプレートのご利用は、FC2会員になってブログを作成して下さい。

不明な点はMail、ブログのコメント等でお問い合わせ下さい。
ご質問は、テンプレート名・閲覧ブラウザとバージョン・変更箇所・状況等、出来るだけ詳細が分かるようにお願い致します。

当方確認ブラウザ：（OSは全てWin10です）
IE10, IE11, Opera27.0, Firefox40.0, Safari5.1.7, MSEdge, GoogleChrome
Mobile確認：iPhoneSE iOS11 , SO-01J Android8
閲覧は出来るだけ新しいブラウザのご利用を推奨致します。m(__)m
( 特に IE - InternetExplorer は開発が終了しておりますので、早急に他のブラウザへ移行して下さい。)
※利用規約は予告なく変更される場合があります。ご了承下さい。

07 | 2019/08 | 09
日	月	火	水	木	金	土
-	-	-	-	1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31