BiND for WebLiFE* 4 製品サポート

キーワード検索

テクニカルサポートからのお知らせ

クチコミ&RSS購読ボタンを設置する

管理番号: 4-5-03

BiNDニュースパーツでは、閲覧しているページのソーシャルブックマークへの登録、RSSの購読、Twitterでつぶやくためのボタンを配置することができます。あなたのサイトをクチコミで効果的に宣伝することができます。

このパーツはブロックの横幅が狭いと正しく表示されません。サイドエリア以外でご利用下さい。


「ニュース」を選択する


パーツを貼りつけるブロックをブロックエディタで開きます。「ウェブサービス系パーツ」の〈ニュース〉をクリックします。

4-5-03_01.jpg

アイテムを選択する


BiNDニュースの「アイテムの種類の選択」が表示されます。ここから〈クチコミ&RSS購読ボタンを設置する〉を選んで[1]、〈次へ〉をクリックします[2]。

4-5-03_02.jpg

表示するボタンを選択する


「表示するボタンの選択」が表示されます。ここでは、「ブックマークボタン/つぶやくボタン/RSS購読ボタン」の3つのうち、表示させたいものをチェックします[1]。設定が終わったら〈次へ〉をクリックします[2]。

4-5-03_03.jpg

サービスを設定する


「サービスの設定」が表示されます。ここでは、Yahoo!、Google、はてなの各サービスのうち、登録可能にしたいサービスをチェックします[1]。また、自分(またはサイト用の)Twitterアカウントも入力しておきます[2]。設定が終わったら〈次へ〉をクリックします[3]。

4-5-03_04.jpg

ブックマークのURLを設定する


「ブックマークボタンの設定」が表示されます。ここでは、パーツを設定するページ(現在見ているページ)をブックマークするか、任意のページをブックマークさせることもできます[1]。設定が終わったら〈次へ〉をクリックします[2]。

4-5-03_05.jpg

RSSボタンを設定する


RSSボタンに関連づけるニュースソースを選択します。BiNDニュースを登録したい場合は「BiNDニュース」を選びます。任意のニュースソースを貼りつける場合は「RSSのURLを直接入力」を選び、「RSSのURL」欄にRSSフィードのURLを入力します[1]。設定が終わったら〈次へ〉をクリックします[2]。

BiNDニュースはサイトの新しい情報をRSSとして告知したい時に使います。BiNDニュースの作成方法については「BiNDニュースを利用する」を参照してください。

4-5-03_06.jpg

設定を確認する


「設定の確認」画面が表示されます。内容を確認し、間違いがなければ〈適用〉をクリックします。

4-5-03_07.jpg

パーツが貼りつけられる


ブロックエディタにBiNDニュースパーツが貼りつけられます。〈適用〉をクリックすると変更が反映します。

4-5-03_08.jpg

ブックマークボタンの表示を確認する


サイトエディターで〈プレビュー〉をクリックし、ページ上の〈ブックマーク〉をクリックして各ブックマークボタンが表示されることを確認します。

4-5-03_09.jpg
また、各ブックマークをクリックすると、各サービスへのログイン画面が表示されます(画面は「Yahoo!ブックマーク」の場合)。自分のアカウントでログインして動作を確認します。

4-5-03_10.jpg

RSSボタンの表示を確認する


サイトエディターで〈プレビュー〉をクリックし、ページ上の〈RSSを購読〉をクリックして各RSSボタンが表示されることを確認します。

4-5-03_11.jpg
なお、「My Yahoo!」と「はてなRSS」の場合はログイン画面が表示されますので、ログインを行って動作を確認します。「Googleリーダー」の場合は「iGoogle」への登録画面が表示されます。
My Yahoo!

4-5-03_12.jpg

Twitterでつぶやく


サイトエディターで〈プレビュー〉をクリックし、ページ上の〈Twitterで〉をクリックして動作を確認します。〈このサイトのオーナーをFollowする〉をクリックすると、設定したTwitterアカウントのページが開きます。

4-5-03_13.jpg

Twitterでつぶやくためのボタンは、プレビュー画面上では表示されません。サイトをアップロード後表示できます。

関連エントリー

  • 関連エントリーはありません。

↑トップにもどる

ページのカスタマイズ

+ページ追加/ブロックを作成/編集する
+サイトエディタでページを設定する
+ブロック内の書式を設定する
+パーツを利用する
+ブロックを共有設定する
+メニューとタグを活用する

SiGN Pro、SHiFT、テーブルエディタ、SYNC5

+見出しパーツを使う(SiGN Pro)
+見出しパーツを使う(SiGN3)
+スライドショーパーツを使う(SHiFT)
+テーブルパーツ・エディタを使う
+ウェブサービス系パーツを使う(SYNC 5)
デザイナーの考えるひとつひとつの<未来>をカタチに。
とても身近なところにある自分たちの未来をデザインする。
それが私たちの考えるデジタルデザインです。
Copyright (c) digitalstage inc. All Rights Reserved.