カラーミーのネットショップ。

色々見て、参考にしているのですが、

「Facebookもチェック」っていう、Facebookページの更新情報、Facebookへのリンク?

をトップページに設置している方多いですよね。

調べてみると、ソーシャルプラグインと言うらしいです。

 

・・・またまた、横文字。

SNSが、WEBサイトに設置できるように提供しているプログラムらしいです。

・・・まぁ、説明見ても、イマイチ意味プーですが、

よくある「いいね!」ボタンとかも、ソーシャルプラグイン。

「いいね!」はソーシャルプラグインのLike Buttonを使うらしい。

でも、これってカラーミーの有料テンプレートで、

既に「いいね!」ボタンは設置できていますよね?

なんで、とりあえず、これは無視。

 

で、私は「Facebookもチェック」ていうやーつを設置したいので、

これを調べてみると、

どうやらLike Boxというソーシャルプラグインみたいです。

FacebookのLike Boxにアクセスして簡単に作成できました→Like Box

※googleで「like box」って検索しても、たぶん一番最初に表示されます。

 

で、こんな画面でーる。
WS000041.jpg

1.Facebook Page URL
ここにFacebookページのURLを入力

2.Width
プラグインの幅です。

3.Height
プラグインの高さです。

4.Show Faces
いいね!をしている人のアイコンを出すか、出さないか

5.Color Scheme
light(明るめ) or Dark(暗め)を選択できます。

6.Stream
Facebookページの記事を表示するかどうか。

7.Border Color
#6ケタのカラーコードで外枠の色を指定できます。

8.Header
Like Boxの上部分に、「Facebookもチェック」を表示するかどうか。

9.Get Code
ここをクリックすると、コードが表示されます。

 

いろいろ入力してみると、右側にサンプル表示がされますので、

Widthとか、Heightとかに、いろいろな数字入れてみたり、

チェック外したり、試してみて下さい。

 

で、最後にGet Codeで、コードが表示されます。

で表示されたコードは、IFRAMEを選択してください。

WS000042.jpg

IFRAME、インラインフレーム?

 

意味はプーですが、IFRAMEのコードでないと表示されませんでした。

で、ショップの表示したい場所にコードを設置すれば、OKです。

こんな感じね。

当サイトでも、記事の右側にも設置しております。

 

カラーミーのソースをいじる場合は、バックアップを忘れずに☆

変なとこ、いじって、戻せなくなると大変です。

私は、htmlも、cssもほとんどわからないので、

コード貼っては、表示してみて、

貼っては、確認してみて、

消しては、貼って、

繰り返して、ベストポジションを模索しています。

 

HTMLとCSSくらいは理解したいなぁ・・・。

本は買ったんですけどね。

ゼロからわかる HTML&CSS超入門

新品価格
¥1,974から
(2013/5/12 07:14時点)

買って満足するタイプです。

インラインフレーム、ソーシャルプラグイン。

なんとなく理解しましょう。

なんとなくで、なんとかなってます。

 

同様にツイッターも、カラーミーショップに表示させています。

ツイッターはTwitter Widgets。

参考→サイドバーにツイッターを表示させる。Twitter Widgets!! | アフィリエイト保育園

 

カラーミーショップの集客については、下記記事も参考に。

カラーミーで売れるネットショップを作る方法。運営と集客に必要な費用。