～KEY&KNOT～コミュのFC2　マニュアル関連

FC2 のカスタマイズに関する情報を書き込みます。

■はじめてのFC2ブログカスタマイズ
http://blog.fc2.com/custom_manual/

FC2ブログのカスタマイズに関してだけど、
カートにも共通する部分があるので、
色、デザインなどに関しては勉強できる。

■FC2カートテンプレート変数一覧
http://cart.fc2.com/tpl_var.php

既に見ている所だけど、リンク集として。

コメント(20)

最初
全て
最新の40件

[1] mixiユーザー 01月20日 14:37

ありがとうございます！
いじってみたんですが、質問です！レースをもう1行下に入れたいのですが、どうすればいいのでしょうか？？

あとは左のブロックの下には画像は挿入できないですよね？？

[3] mixiユーザー 01月21日 14:56

昨日はお電話ありがとうございました!!!!!!!
画像処理をしたくても、カヨちゃんのおうちにしか、イラストレーターがないので・・・。
もし、フォトショップのJTrimみたいに、イラストレーターの無料ダウンロードでおすすめがあれば教えていただきたいです!!

[4] mixiユーザー 01月22日 00:18

イラストレータ代わりになる（データに互換性があるという意味で）無料のソフトは、僕が知る限りありません。

画像を無い所から作るには、Jtrimだとちょっとしんどいね。
ペンツールなどが無くて、絵を描くといった作業はできないみたい。
画像加工なら、Jtrimでも結構できるんだけどね。

以下Jtrimのお話。
タイトルロゴの下にレースをくっつけたい場合

レースの画像を開く
コピーする
連結機能で、クリップボードから　で横に2倍にする
保存しておく

ロゴの画像を開く
連結機能で　ファイルからさっき幅2倍にしたレースの画像を選ぶ
スペースを適当に調整して連結
保存

こんなんでどうでしょ。

[5] mixiユーザー 01月22日 00:22

上のJtrimの続き。
横2倍ってのは、ロゴに対して、レースの画像が短かったからなんだけど、今見たら2倍でも足らなかったね。3倍で。

あと、連結後　ロゴよりレースがはみ出てたら、
切り抜きしてね。

[6] mixiユーザー 01月22日 14:20

わぁ～本当にありがとうございますm(__)m
頑張ってやってみます!!!!!!

[7] mixiユーザー 01月22日 15:12

やってみました!!!!!!!
できましたぁ～(♥ó㉨ò)ﾉ♡ 下のお花もやってみました！
ありがとうございます！！！

About usのところもありがとうございます!!!

申し訳ないですが、質問増えました（＞＜）

カウンターをつけたくて、登録したものの、プラグインの追加編集でも入らないのですが、どうしたらいいですか？？

あと、今大きく載っているAbout usの画像を何かメイン画像にするとして、HOMEの時にだけ出る（買い物している時とかお会計の時はでない）ようにするにはどうすればいいんでしょうか？？

お時間のある時でいいので、教えていただけたらと思いますｍ（＿＿）ｍ

[8] mixiユーザー 01月23日 00:20

いいですね～、できてますな～。
で、質問の2件。

１）カウンター設置
FC2カウンターの「設置タグ表示」のところに「アクセスカウンターのHTMLタグ」ってのがあります。
これをコピーして、カートのほうに貼り付けます。

貼り付ける所はカートのプラグインを先に追加しておかないといけないんだけど、
プラグイン追加＞フリーエリア　「カテゴリー３（でいいと思う）」で追加
プラグイン編集 > プラグインHTMLの編集　で、
3行目と4行目の間にカウンタの「アクセスカウンターのHTMLタグ」をペースト
&freearea　の前ね。（後ろでもいいと思うけど。）

「プラグイン編集」「設定の編集」でタイトルはカラにしておいたほうがいいね。

これでいけると思う。
一度やってみたんだけど、練習の為に元に戻しときます。（笑）

２）Homeの時だけ表示する部分を作るやりかた
テンプレート設定で、HTMLを直接いじります。

http://cart.fc2.com/tpl_var.php
ここに書いてある
テンプレート変数一覧　
{if TOPPAGE} ～ {/if} トップページに適用
こいつを使います。
これは、現在表示しようとしているのが、トップページの時にだけ
表示される部分です。

いじるのは難しいかなと思ったんで、追加しときました。
追加した足跡を残してあります。
一応、見てみてね。

しばらくいじってると、FC2の仕組みが多少わかってきたよ。
訳がわかると、なるほど悪くない仕様だなって感じ。
初心者にはちょっと難しい部分もあるけど、結構カスタマイズできるね。

[9] mixiユーザー 01月23日 13:52

ありがとうございます!!!!!
私もだいぶ解ってきて、英語にしたり、いじってました♡￫ܫ￩♡
まだまだですが・・・・・・。

?カウンター設置したんですが、大きく無料カウンターっていう広告が入ります・・щ(ﾟДﾟщ)　これは消せないんでしょうか？？

?すごいできてますね！！(❀ฺ´∀`❀ฺ) ありがとうございますｍ（＿＿）ｍ
それなら、応用でSHOPをHOMEに出さないようにできないかなと｛!if TOPPAGE}～{!if}でやってみたのですが、できませんでした・・・（＋＋）どうしたらいいですか？？

?追加質問
INFORMATIONの上に～っていうのが表示されてるんですが、消えないです・・。どうすれば消せますか？？

ほんと次から次とすみません（＞＜）

[10] mixiユーザー 01月24日 03:11

1) カウンターの貼り付けの時に、広告部分を削ります。

***** 元 *****


<script language="JavaScript" type="text/javascript" src="http://counter1.fc2.com/counter.php?id=1140043"></script><noscript><img src="http://counter1.fc2.com/counter_img.php?id=1140043"><br><a href="http://seo.fc2.com/">SEO</a><a href="http://seo.fc2.com/">対策</a>/<a href="http://seo.fc2.com/">広告</a></noscript><br><a href="http://counter.fc2.com/" target="_blank" title="無料カウンター"><strong>無料</strong></a><a href="http://counter.fc2.com/" target="_blank" title="無料カウンター"><strong>カウンター</strong></a>


***** 修正後 ******


<script language="JavaScript" type="text/javascript" src="http://counter1.fc2.com/counter.php?id=1140043"></script><noscript><img src="http://counter1.fc2.com/counter_img.php?id=1140043">


２）
細かくテストしてないけど、
｛!if TOPPAGE}～{!if}
では、サイドのメニュー部分は消せない仕様かも。
ムリかもしれないね。

３）
HTMLの41行目に

{if TOPPAGE} ～ {/if}

ってとこが残ってます。
これの「～」が表示されてるね。
この行ごと消しとけばOK。

ちなみに
< > は一般的なHTMLのタグだけど、、
{ } は FC2のカートの勝手な仕様のタグです。

それと、HTML、CSSをいじる前には、メモ帳かなんかでバックアップを取っといたほうがいいよ。
ぐちゃぐちゃになったら、なかなかに泣けるから。

FC2のカートの別のテンプレートとして残しておいてもいいね。
簡単に比較もできるし。

[11] mixiユーザー 01月24日 16:16

すごいすごい～！
Ａｂｏｕｔ　ｕｓ全然消えなかったのにね～☆
レースも花も…！

ちなみに左のフレームのＳＨＯＰの欄の一部だけグレーの線になっているのは変えられないのかな？？
既に聞いてたらごめん。

今日は旦那出張の為久しぶりにミシン出してみようかな～
（昨日までもう安定期なのにつわりでゲ～ゲ～してたので…涙）

[12] mixiユーザー 01月24日 17:21

ありがとうございます
！！(❀ฺ´∀`❀ฺ) できました!!!!!!

質問2はサイドメニューのSHOPではなくて、右の画面のSHOPなんです。商品数が多くなるとHOMEの時に下にいっぱいいきすぎるのも、お花も見えないし、カッコ悪いかなと思ったので、お買い物と時だけにSHOPへ行くようにしたいなと思ったんですが、やっぱり難しいですかね・・゜（ﾟ´Д｀ﾟ)゜

[13] mixiユーザー 01月25日 01:02

●カヨちゃん
安定期で、調子いいのかと思ってたら、苦しんでたのね。
頑張ってくだされ・・。

＞ちなみに左のフレームのＳＨＯＰの欄の一部だけグレーの線になっているのは変えられないのかな？？

cssの設定で出来るはず。
220行あたりに、4箇所「silver」ってところがあって、これが色指定なんだけど、これを「#663300」にしたら、同じ茶色になるね。
っていうか、直しときました。

枠の上と左はグレーで、下と右が茶色になってるけど、なんでかと思ったら、一応立体的なボタンってことなんだろうか・・？

●ドイドイちゃん
商品一覧の件ね。勘違いしてました。
HTMLをいろいろいじっても出来なくて、無理かとおもってたんだけど、ふと気が付いた。

テンプレート設定　＞　トップページの表示コンテンツ　の
商品一覧　のチェックを外して、設定。

なんとこんだけの簡単なことでした。

あと、どの画面でもだけど、背景の色指定がなかったので、真っ白にしときました。
気づかなかったかもしれないけど、Windowsの画面デザインによっては、色指定していない場合のWeb画面の背景は白とは限らないのですよ。現に私はライトグレーだったので。

[14] mixiユーザー 01月25日 11:40

そうなんです～
何でここだけシルバー？？って二人で思ってたんです(笑)
ありがとうございます♬

[15] mixiユーザー 01月25日 15:31

シルバーの色は私が色は番号のみだけだと思ってたので、silverの英語に気づかずに他の数字のとこだけを、茶色に変えたので、上と左、下と右に色が違ってたんです・・。犯人は私ですね・ヾ(oﾟωﾟo)ﾉﾞ

商品一覧の件、めっちゃ簡単にできましたね・・。
必死にHTMLいじってたのに゜（ﾟ´Д｀ﾟ)゜

良かったです!!!!!!
ありがとうございます！！！

[16] mixiユーザー 01月26日 14:50

お知らせの編集でHTML使用可能ってあるんですけど、画像載せれる（例えば新着商品の画像とかを載せたい）ってことですよね？？

フリーエリアのABOUT USをまねしてやってみたのですが、できなかったんですが、画像が反映されませんでした（＞＜）
どうすればいいか教えてください！！！！

[17] mixiユーザー 01月26日 20:41

画像の下に空間を入れてみました!!
お借りした本を読んで頑張ってみました!!

商品検索の枠がシルバーなのが気になります。いろいろやってみたのですが、何行目を変えればいいですか？？
いっぱい質問で本当にすみませんｍ（＿＿）ｍ

かよちゃん＞全部私が勝手に変えてるけど、何か問題あったら言ってね～ヾ(;￫㉨￩)ﾉ

[18] mixiユーザー 01月27日 02:50

>お知らせの編集でHTML使用可能ってあるんですけど、

HTMLタグ使用可って、a b font u i s のタグだけが使えるってことかな？

＞商品検索の枠
フォーム(form) っていいますが、色変更のみならず、デザイン変更も出来るみたいね。知らんかった～。
http://www.tagindex.com/stylesheet/form/border.html

これで、直せるかな？

[19] mixiユーザー 01月27日 15:40

HTMLタグ、a b font u i sのタグのみみたいですね！
理解しました！ありがとうございます！

商品検索の枠、頑張ってやってみます!!!!!

[20] mixiユーザー 01月27日 20:41

そうそう、FORM系（文字とかを入力したりする枠のことね）の形状は、Windows、MacのOSとか、ブラウザとかもろもろでちょっとづつデザインが違うから、CSSで設定しても、どれぐらい合ってくるのかはっきりわかりません。
深追いしないほうがいいかも。

ログインすると、残り1件のコメントが見れるよ