BiND for WebLiFE* 4 製品サポート

キーワード検索

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

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

管理番号: 4-4-03

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

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


「ニュース」を選択する


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

アイテムを選択する


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

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


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

サービスを設定する


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

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


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

RSSボタンを設定する


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

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


4_4_03_06.jpg

設定を確認する


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

パーツが貼りつけられる


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

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


サイトエディターで〈プレビュー〉をクリックし、ページ上の〈ブックマーク〉をクリックして各ブックマークボタンが表示されることを確認します。
4_4_03_09.jpg
また、各ブックマークをクリックすると、各サービスへのログイン画面が表示されます(画面は「Yahoo!ブックマーク」の場合)。自分のアカウントでログインして動作を確認します。
4_4_03_10.jpg

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


サイトエディターで〈プレビュー〉をクリックし、ページ上の〈RSSを購読〉をクリックして各RSSボタンが表示されることを確認します。
4_4_03_11.jpg
なお、「My Yahoo!」と「はてなRSS」の場合はログイン画面が表示されますので、ログインを行って動作を確認します。「Googleリーダー」の場合は「iGoogle」への登録画面が表示されます。
My Yahoo!
4_4_03_12.jpg

Twitterでつぶやく


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

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

↑トップにもどる

ページのカスタマイズ

+ブロックを作成/編集する
+サイトエディタでページを設定する
+ブロック内の書式を設定する
+パーツを利用する
+ブロックを共有設定する
+メニューとタグを活用する
デザイナーの考えるひとつひとつの<未来>をカタチに。
とても身近なところにある自分たちの未来をデザインする。
それが私たちの考えるデジタルデザインです。
Copyright (c) digitalstage inc. All Rights Reserved.