質問の受付を無期限休止いたします。
長らくブログの更新や、
テンプレートの更新が滞っております。
これまでのように定期的に返答ができませんので
質問の返信、テンプレートの作成、更新は
無期限の休止と致します。

カスタマイズに関しては
過去の記事やコメント、
テンプレート変数ユーザーフォーラム
ご参照ください。

■スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

■質問の受付を無期限休止いたします。

長らくブログの更新や、
テンプレートの更新が滞っております。
これまでのように定期的に返答ができませんので
質問の返信、テンプレートの作成、更新は
無期限の休止と致します。

カスタマイズに関しては
過去の記事やコメント、
テンプレート変数ユーザーフォーラム
ご参照ください。
スポンサーサイト

■カスタマイズの質問をされる方へ。

■質問される前にご一読ください。

■テンプレートのカスタマイズに関する質問を受け付けております。

■質問はどの部分をどうしたいのかと、ご自分のブログへのリンクをお願いいたします。
実際どのような表示になっているのか、見てみないと分からない場合があります。

■大幅なデザインの改変に関するリクエストは受けられない場合があります。
その場合は改変はテンプレートの変数一覧を参考になさってください。
http://blog.fc2.com/template.html
聞くだけならただなので、とりあえず質問してみてください。

■デザイン以外に関してはFC2に直接問い合わせるか、
ユーザーフォーラム等で検索や質問をしてみてください。

■サイドバーのプラグインに関して質問される場合、プラグインが追加されているか、非表示になっていないか確認してみてください。基本的にテンプレートはブログのデザインのみなのでプラグインに関してはお答えできないと思います…。

■質問のコメントは非表示にしないでください。
見落としやすくなりますし
表示されていると他の方の参考にもなります。

カスタマイズは好きなだけして頂いて構いません。
ただしテンプレートの作者表示を削除したり、見づらくしたりしないでください。
カスタマイズ後、共有テンプレートとしての再配布は禁止です。

■素材サイトで配布されている画像など、素材をご利用いただくのは構いません。素材サイト様の規約に従ってご利用ください。

■テンプレートのラインナップ
現在16種類配布中です。
サンプルはこちら。

■カスタマイズ方法
simple_2、simple_3のカスタマイズ方法。
simple_xxxのカスタマイズ方法。(旧シリーズ)

■simple_2、simple_3のカスタマイズ方法。

共有テンプレート、simple_2、simple_3の
ちょっとしたテンプレのカスタマイズ方法を載せていきます。

■背景色を変えたい場合。
■文字色を変えたい場合。
■リンク色を変えたい場合。
■ページの上下左右の余白の幅を変えたい、無くしたい場合。
■2カラム版の記事とサイドバーを左右入れ換えたい場合。
■2カラム版の記事の幅を変えたい場合。
■3カラム版の記事の幅を変えたい場合。
■サイドバーが落ちる。
■コンテナの背景色。
■記事の背景色。
■サイドバーの背景色。
■全記事一覧の背景色。
■ベースカラーを好きな色に変えたい場合。
■コメント、トラバ、アーカイブ等のタイトルの背景色。
■タイトル部分の背景を画像にする場合。
■フォームのカスタマイズ。
■追記部分を折りたたみにしたい場合。
■記事の上にフリーエリアを設けたい場合。

思いつき次第増やしていきます。

※質問をされる場合はまずこちらをお読みください。
http://box01.blog106.fc2.com/blog-entry-13.html

■simple_2、simple_3の追記部分を折りたたみにする。

↓この共有プラグインを利用しました。
プラグインの折りたたみ

HTMLをカスタマイズしていない場合は、
simple_2をご利用の方はこちら
simple_3をご利用の方はこちら
右クリック「対象をファイルに保存」等でダウンロードしてパソコンに保存して、保存したファイルを開き、テンプレートのHTMLに上書きしてください。

HTMLをカスタマイズしている方は下記の部分だけ書きかえてください。

<head>~</head>内に下記のスクリプトを書き加えてください。

<script type="text/javascript">
<!--
function showPlagin(idno){
pc = ('PlagClose' + (idno));
po = ('PlagOpen' + (idno));
if( document.getElementById(pc).style.display == "none" ) {
document.getElementById(pc).style.display = "block";
document.getElementById(po).style.display = "none";
}
else {
document.getElementById(pc).style.display = "none";
document.getElementById(po).style.display = "block";
}
}
//-->
</script>



↓<body>~</body>内。

<!--more_link-->
<div class="entry-more"><a href="<%topentry_link>#more" title="「<%topentry_title>」の続きを読む">続きを読む >></a></div>
<!--/more_link-->

↑の部分を↓の様に書きかえてください。

<!--more_link-->
<div id="PlagOpen<%topentry_no>">
<div class="entry-more"><a href="#" title="続きを読む" onclick="showPlagin(<%topentry_no>);return false;">続きを読む▽</a></div></div>
<div id="PlagClose<%topentry_no>" style="display: none">
<%topentry_more>
<div class="entry-more"><a href="#" title="続きを閉じる" onclick="showPlagin(<%topentry_no>);return false;">続きを閉じる△</a></div></div>
<!--/more_link-->


※更に個別記事も折りたたみにしたい場合は

<!--more-->
<br id="more"><%topentry_more>
<!--/more-->

↑の部分も↓の様に書きかえてください。

<!--more-->
<div id="PlagOpen<%topentry_no>">
<div class="entry-more"><a href="#" title="続きを読む" onclick="showPlagin(<%topentry_no>);return false;">続きを読む▽</a></div></div>
<div id="PlagClose<%topentry_no>" style="display: none">
<%topentry_more>
<div class="entry-more"><a href="#" title="続きを閉じる" onclick="showPlagin(<%topentry_no>);return false;">続きを閉じる△</a></div></div>
<!--/more-->

続きを読む >>

■記事の上にフリーエリアを設けたい場合。

記事の上にフリーエリアを設けたい場合のカスタマイズ。

■テンプレートに直接書き込む場合。
☆デザイン1
枠のみ

☆デザイン2
タイトル
本文

☆デザイン3
タイトル
本文

■プラグイン3を記事の上に表示したい場合。

■応用編?

カレンダー

<<11│2016/12│01>>
- - - - 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

ブログ内検索

全記事一覧

全ての記事を表示する

プロフィール

箱一

管理人:箱一

絵を描いたり漫画を描いたりしています。
72mg

FC2カウンター

QRコード

QRコード

ユーザータグ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。