テンプレート - spoon*cafe life

ここは私の個人的な趣味のサイトです。カメラ、花や空や小物などの写真、子供、映画やドラマ、株主優待、FC2の共有テンプレや素材の事など書いてます。

LinkIcon 

20070923_E1_038_2.jpg

*TEMPLATE*

 
FC2BLOG spoon* cafe でテンプレートを配布しています。
 
ここでは、テンプレートの紹介、カスタマイズなどの仕方、などなど、テンプレートについて書いていきます。
 
FC2BLOGのシステムや、タグ変更などで、下記の記述が間違っている場合があるかもしれません。
何かお気づきの点がございましたら、FC2BLOGのspoon* cafeまでコメントして下さるとありがたいです。

テンプレート一覧

*FC2BLOGのダウンロードページで、ご自分のサイトでのプレビューが見られます。
 

*pinkflower*

pinkflower_250.jpg 
登録名:pinkflower
作成者ID:spooncafe
初回登録日:2006/10/5
デザイン:2カラム
プレビュー 
ダウンロードページ
FC2のご自分のサイトアドレスの後ろに、
admin.php?mode=addtemp&user=1&no=10303
をつけてアクセスして下さい。
 
 

*sakurairo*

sakura_250.jpg 
登録名:sakurairo
作成者ID:spooncafe
初回登録日:2006/03/18
デザイン:3カラム
プレビュー 
ダウンロードページ
FC2のご自分のサイトアドレスの後ろに、
admin.php?mode=addtemp&user=1&no=5948
をつけてアクセスして下さい。
 
 

*haruiro*

haruiro_250.jpg 
登録名:haruiro
作成者ID:spooncafe
初回登録日:2006/03/18
デザイン:3カラム
プレビュー 
ダウンロードページ
FC2のご自分のサイトアドレスの後ろに、
admin.php?mode=addtemp&user=1&no=5947
をつけてアクセスして下さい。
 
 

*pinkheart*

pinkheart_250.jpg 
登録名:pl_pinkheart
作成者ID:spooncafe
初回登録日:2005/10/15
デザイン:2カラム
プレビュー 
ダウンロードページ
FC2のご自分のサイトアドレスの後ろに、
admin.php?mode=addtemp&user=1&no=2964、
をつけてアクセスして下さい。
 

*himawaribatake*

himawari_250.jpg 
登録名:himawaribatake
作成者ID:spooncafe
初回登録日:2005/07/28
デザイン:2カラム
プレビュー 
ダウンロードページ
FC2のご自分のサイトアドレスの後ろに、
admin.php?mode=addtemp&user=1&no=1818
をつけてアクセスして下さい。
 
 

*tsumiki*

tsumiki_250.jpg 
登録名:tsumiki
作成者ID:spooncafe
初回登録日:2005/06/11
デザイン:2カラム
プレビュー 
ダウンロードページ
FC2のご自分のサイトアドレスの後ろに、
admin.php?mode=addtemp&user=1&no=1260
をつけてアクセスして下さい。
 
 

*1-2-3*

1-2-3_250.jpg 
登録名:1-2-3_hide-and-seek
作成者ID:spooncafe
初回登録日:2005/06/04
デザイン:3カラム
プレビュー 
ダウンロードページ
FC2のご自分のサイトアドレスの後ろに、
admin.php?mode=addtemp&user=1&no=1433
をつけてアクセスして下さい。
 
 

*mizutama_monkey*

mizutama-monkey_250.jpg 
登録名:mizutama_monkey
作成者ID:spooncafe
初回登録日:2005/05/31
デザイン:3カラム
プレビュー 
ダウンロードページ
FC2のご自分のサイトアドレスの後ろに、
admin.php?mode=addtemp&user=1&no=1149
をつけてアクセスして下さい。
 

page top↑  

規約

基本概念

ここで紹介していますテンプレートは、素材を含めて、すべて“まゆ*”が作成しました。
テンプレートの著作権はすべて“まゆ*”にあります。
 
 

禁止サイト

・アダルトサイト
・その他、公序良俗に反するサイト
 
これらの理由は、まゆ*が幼稚園児(今は小学生)の母であり、子供のBLOGのためにテンプレートを作っているからです。
上記サイト以外でも、子供に見せられないようなサイトでの使用はご遠慮ください。
 
・商用サイト
 
ブログのメインテーマが何かあって、(例えば子育てブログだとか、普段の日記を書くブログだとか)
サイドバーやフッターにバナーを貼る程度ならOKとします。
 
ここで言う商用サイトとは、法人はもちろん、個人運営のブログであっても、
ブログの分類(というかメインテーマというか)がショッピングサイトであったり、アフィリエイト紹介などの
アフィリエイトメインのサイトであったりすることです。
 
もしも、前者の(例えば子育てブログだとか、普段の日記を書くブログだとか)ブログであったとしても、
日常的に記事の中で商品を紹介しているような場合は、これも商用サイトとします。
 
商用サイトでのテンプレート使用禁止の理由は、ブログを使ってお金を稼ごうと思うなら、
ご自分で努力すべきだと思うからです。
実際、商用サイトなどでホームページ(なりブログなり)を運営する場合、そのデザインで売り上げも変わってくるでしょうし、
そのために、他人にデザインを依頼(有料)する場合もあると思います。
ですので、他人のデザインを使用するなら、それなりの使用料を払うべきだと思います。
 
私はそういう仕事をしている訳ではありませんし、商用サイト使用OKのテンプレートを使われるか、ご自分で作成したものを使用して下さい。
 
 

著作権表示

すべてのテンプレートに template and photo by mayu* at spoon* cafe という表示と、
FC2BLOG spoon*cafe へのリンクが張ってあります。
 
カスタマイズの有無に関わらず、まゆ*の素材(写真、画像、壁紙、クリップアイコン、メニューバーなど)を一つでも使っている時は、この著作権表示は外さないで下さい。(もちろんご自分の名前などに変えるのもやめて下さい)
素材をすべて入れ替えた場合、(まゆ*の素材を一つも使っていない場合)
著作権表示を外していただいてかまいません。
 
 
折りたたみ、ツリー化スクリプトは takkyunさん、まめさん作です。
以下の表示は絶対に外さないで下さい。
script by takkyun at JUGEMカスタマイズ講座 &まめ at まめの一言
 
 

再配布

これは固く禁止させていただきます。
 
ここで言う再配布とは、共有テンプレートに登録、
もしくは自分のサイトなどで配布する行為にあたります。
どれだけカスタマイズされてても同じです。
(カスタマイズの境界線が曖昧なため)
 
次のカスタマイズとは違いますのでご注意ください。
 
 

カスタマイズ

カスタマイズは基本的にどこまでしていただいてもOKです。
ただし、素材のカスタマイズはFC2ブログ内で個人的に使用する時のみにして下さい。
(写真素材の加工はしないで下さい。)
 
ここで言うカスタマイズとは、自分の為に使う事を前提にテンプレートの体裁を自分好みに変える事です。
例えば、フォント、素材、色、の変更、メニュー項目の移動など。
 
 

メニューの折りたたみ機能について

こちらのテンプレートで使用しています折りたたみスクリプトは、
下記HPの作者様が作ったものです。

よくある質問参照

カスタマイズされる時はご自分の責任で、お願いします。
こちらではサポートできかねます。
 
 

動作環境

MacOSX10.4
FireFox、Safari
 
Mac用IEは厳密にCSSに対応していないようで、フォントのサイズなど、違いがあります。
 
 

その他

何か不具合等ございましたら、使用OS、ブラウザ明記の上、
不具合内容をできるだけ具体的にお知らせください。
ただ、Windowsでの不具合は確認できませんので、
こちらの環境で再現できない時は修正できませんのでご了承ください。
 
不具合以外の、レイアウト変更や、カスタマイズなどのご要望には、基本的にはお応えできませんが、
記事としてカスタマイズ方法など取り上げさせていただくかもしれません。(確実ではありませんが)
もしよろしければ、リクエストしてみて下さい。
 
以上の規約に違反しているブログ・サイト等御座いましたらメールにてお知らせください。
 
このページは予告なしに改変されることがあります。ご了承ください。
 
2005年8月1日追加。
2005年10月30日追加。
2008年5月24日修正。
 

制作者

名前:まゆ*
FC2BLOG ID:spooncafe
URL:http://spooncafe.blog12.fc2.com/
 

page top↑  

よくある質問

Q・トップ画像を自分の好きな写真に置き換えていいですか。

A・はい、好きにして下さって、結構です。
その場合、画面下の著作権表示の部分、
template and photo by mayu* at  spoon* cafe
の and photoの部分を外して下さい。
 
 

Q・文章を左詰めにできますか?文字色を変えることはできますか?文字の大きさを変えたいです。などなど

A・これらはすべてCSSファイル(スタイルシート)の変更で変えられます。
ほとんどのものが該当項目を置き換えるだけで変更可能かと思われます。
 
例)text-align: center; → text-align: left; 
 
でも、変えたい部分に変えたい項目がない場合があるかもしれません。その場合は項目を新しく追加しなくてはなりません。
 
また、変えたい部分だけを変えることができない場合もあるかもしれません。その場合は htmlファイル にも手を加えなければならないかもしれません。
 
htmlファイル、CSSファイルとも、なるべくどこの部分の表記かわかりやすく書いているつもりです。
 
何をどう変えるかについては、html、css、の知識の問題になります。
知っていればすぐできますし、知らなければインターネット上や書籍など、解説しているものはたくさんありますので、ご自分でお調べください。

基本的に、不具合の報告、html、CSSにミスがあった場合などは直します。それ以外はご自分でお調べになって、変更して下さいますようお願いします。
 
 

Q・サイドメニューの折り畳み、ツリー化ができません。

A・一部のカスタマイズについては、下記のカスタマイズのコーナーに方法を載せています。
 
こちらのテンプレートで使用しています折りたたみスクリプトは、
下記HPの作者様が作ったものです。
 
カスタマイズされる時はご自分の責任で、お願いします。
こちらではサポートできかねます。
 
折りたたみメニュースクリプトのカスタマイズ方法載ってます。
JUGEMカスタマイズ講座 
 
ワンダと巨像と土と空(カテゴリーのブログ-カスタマイズからどうぞ)
まめの一言(Custmize-JUGEMからどうぞ)
 

page top↑  

カスタマイズ

サイドメニューの折りたたみ

プラグインを有効にした場合もサイドメニューの折りたたみは有効ですが、
プラグイン項目はそれぞれ1つずつのみしか適応されません。
 
例えば、フリーエリアを2つ使ったとしたら、
最初に表示される方しか折りたためません。
ですので、折りたたみたい追加項目が複数ある場合、
使っていない項目(メールフォームなり、Powerd Byなり、何でもかまいません)の
”HTMLの編集”の中身をフリーエリアのものに置き換えて下さい。そして、その中の
 
&freearea
 
というところに置きたいものを挿入して下さい。
 
こうすれば、中身はフリーエリアですが、元々違う項目ですので、
折りたたみが有効になります。
 
 

カテゴリーのツリー化

htmlはツリー化できるようにしていますので、次の作業を行って下さい。
 
まず、カテゴリーの登録・編集です。
環境設定>カテゴリーの編集で、各カテゴリーを
[大カテゴリー]サブカテゴリーという風に登録します。
[ ]は半角で統一。
 
たとえば、
 
[カスタマイズ]構造
[カスタマイズ]スタイルシート
[カスタマイズ]プラグイン
[テンプレート]1-2-3
[テンプレート]himawaribatake
[テンプレート]tsumiki
 
(すべてのカテゴリーを変更しないとツリー化できません)
 
次に、
 
環境設定>プラグインの設定>カテゴリーの
”HTML編集”を下のものに置き換えて下さい。
 

<ul>
<!--category-->
<li &align><a href="<%category_link>"><%category_name>(<%category_count>)</a></li>
<!--/category-->
</ul>

これで、
 
[カスタマイズ]
 ├構造
 ├スタイルシート
 └プラグイン
[テンプレート]
 ├1-2-3
 ├himawaribatake
 └tsumiki
 
と言う風に表示できます。
 
 

RECENT ENTRIES (最新の記事)のツリー化

デフォルト状態では、ツリー化は無効になっています。
(プラグイン無効、有効時とも)
RECENT ENTRIES のツリー化を有効にするには、
 
テンプレートの設定画面で、<1_2_3_hide-and-seek>の修正を選んで、
HTMLの編集欄の最後の方、
 

/* createTreeList('entrylist',gTreeOption); // 最新エントリリストのツリー化 */  

という部分の、赤字の部分を削除して下さい。
これで、プラグインを無効にした場合はツリー化できます。
 
プラグイン有効時にツリー化するには、さらに
環境設定>プラグインの設定>最新の記事の
”HTML編集”を下のものに置き換えて下さい。
 
 

<ul>
<!--recent-->
<li &align>
<a href="<%recent_link>" title="<%recent_body>"><%recent_title></a> (<%recent_month>-<%recent_day>)</li>
<!--/recent-->
</ul>

 
これで、プラグイン有効時でもツリー化できてるはずです。
 
*一日に1つずつしかエントリーを書かない場合、
ツリー化は無効にした方が見やすいです。
 
 

コメント、トラックバックのツリー化

プラグインを有効にした時のサイドメニューのツリー化表示について。
 
デフォルト状態では、項目が重複して、とても見にくくなります。
環境設定>プラグインの設定の該当項目の”HTMLの編集”を下のものに置き換えて下さい。
 
 
*コメント*

<ul>
<!--rcomment-->
<li &align>
<%rcomment_etitle><br /><a href="<%rcomment_link>#comment"><%rcomment_name> ( <%rcomment_month>-<%rcomment_day> )</a>
</li>
<!--/rcomment-->
</ul>

*トラックバック*

<ul>
<!--rtrackback-->
<li &align>
<%rtrackback_etitle><br /><a href="<%rtrackback_link>#trackback"><%rtrackback_blog_name> ( <%rtrackback_month>-<%rtrackback_day> )</a>
</li>
<!--/rtrackback-->
</ul>

page top↑  

カスタム検索
 

adadadadadadadadadadadad  

*おすすめCD*
 

I Love You
I Love You
ゼクシィCMでオンエア中  
 
PASSION
PASSION
上地雄輔さん出演PVが話題に