wibiyaツールバーの使い方、設置方法など

Posted: 2011.8.6

wibiyaツールバーを当サイトにも設置しました。

ページの下のほうにあるやつです。

これは非常に多機能で便利なツールバーなのでホームページやブログへの設置をお勧めします。

今回は簡単な設置方法をご説明したいと思います。

1. wibiyaのホームページにアクセスする。

wibiya

2. ユーザー情報の入力

[Full Name] ⇒ フルネーム
[Email Address] ⇒ メールアドレス
[Password] ⇒ パスワード
[Site Url] ⇒ サイトのアドレス
[Site Name] ⇒ サイト名
[Site Language] ⇒ サイトの言語 日本語を選んでください。

3. 表示させたいアプリ(Apps)を選ぶ

アプリは後から追加や削除ができるので、とりあえずは基本的なものだけを選べばいいです。
YoutubeやFacebook page、ツイッターなど自分のページがない場合は、クリックして選択を解除しましょう。

4. Twitter、Feed、YouTube、Facebookなどの情報を入力

3で選んだアプリのアカウント情報などを入力します。
例えば、Twitterなら自身のユーザー名など。
画像はFeedのアドレスを入力する画面です。

5. ホームページ、ブログに貼り付けるタグの入手

WordPressやBloggerなどはプラグインとしてインストールできますが、タグを貼り付けるのが手っ取り早いと思います。

iconのマークをクリックするとタグが表示されるので、これをホームページやブログに貼り付けましょう。

</body>タグの前に貼り付けるのが推奨されていますが、<body>内ならどこでもいいと思います。

ブログへ貼り付ける場合普通の記事欄に貼っても表示されないので、以下の記事を参考に、貼り付けてください。

ブログへの貼り付け方 – ブログパーツ.com

以上で表示されるはずですが、文字が英語だったり、アプリを追加したりできるので、せっかくなのでオリジナルにカスタマイズしましょう。

6. アプリの表示を日本語へ変える

wibiya06

「Edit Toolbar」ボタンを押すとインストール済みのアプリが表示されるので、それにマウスを乗せます。

そうすると「Edit」ボタンがでてきますので、それをクリックします。

「Setting」「Visual」とタブとあるので「Visual」をクリックします。

そうすると「Texts」という箇所に英語が表示されているので、ここを日本語に変えて、下の「Save」ボタンを押せば完了です。

ちなみに「Button Label」がボタンの名前、「Tooltip text」がボタンにマウスが乗ったときに表示されるテキストのことです。

7. アプリの追加、削除方法

これも6と同じ「Edit Toolbar」ボタンから変更します。

追加する場合は画面左にある

button

このボタンを押すと選択画面に移ります。

選択画面に移ったら左メニューの「All Apps」をクリックして全てのアプリを表示させていろいろ選びましょう。

削除は「Edit Toolbar」ページでアプリにマウスを乗せて、「×Delete」ボタンを押せば削除、一時停止したい場合は「Enable」ボタンをクリックすると一時停止になります。

当ホームページで追加したアプリは

・サイト内検索[Search]
・翻訳[iTranslation]
・最近の記事[Latest posts]
・シェアボタン[Smart Share]
・ツイートボタン[Tweet Button]
・いいねボタン[Facebook Like Button]
・ゲーム[Game Arcade]
・お問い合わせ[Contact Form]
・お知らせ[Live Nortifications V2.0]
・購読ボタン[Subscribe]

です。

ゲームとかなかなか面白いので一度試してください。

さらに素晴らしいのが「Dashboard」ページではそれぞれのアプリの効果などがグラフで測定できる機能もついているのです。

これによって日に何人が「いいね」ボタンを押したか、とか何人が翻訳したかとかわかるようです。

wibiyaのたくさんの機能的なアプリと分析ツールがあれば、自分のホームページ、ブログのレベルアップに役立つこと間違いなしだと思います。

PR:ホームページ制作 名古屋