2月 09

AddThis
AddThis
ソーシャルブックマーク
 
Webの仕事をしていながら、この存在に気付いたのはそう昔の話ではない。様々なBlogを見ていると“はてなブックマーク”や“Twitter”などの小さなアイコンに気付く。 ―「何これ??」
“ソーシャルブックマーク”とは、自分のブックマークをインターネット上に公開し、不特定多数のユーザと共有することである。お気に入りに登録している他人のブックマークを見たり、登録者が付けたタグから他人のブックマークを見たりすることで、有益な情報源や同じ指向のコンテンツが見付けやすくすることができる。
 
―自分も“はてなブックマーク”のユーザであるが、実のところ、ほとんど活用はしていない。
 
昔、Webを勉強していたとき、あるWebクリエイターから「ブックマークは自分の財産だ」と言われたことがある。確かに、“CSS”・“jQuery”・“ActionScript3.0”…etc.など、ブックマークの数だけWebに対する知識が増えていき、作業効率も向上した。そんな自分の糧となったブックマークを他のユーザと共有するのだから、これほど素晴らしいシステムはない。今はまだ大したことを記載していないが、このBlogでもインターネットユーザに有益な情報ソースを記載できるように精進していきたい。
 
そんな訳で、使いやすい“ソーシャルブックマーク”のPluginを探してみた。色々試してみた結果、“AddThis”というPluginを選んだ。理由は、

  • 多種の“ソーシャルブックマーク”サービスを扱うことができる。
  • 多種の“ソーシャルブックマーク”サービスを扱った場合、ブックマークアイコンを一列に表示すると見栄えが悪くなり、使い勝手が悪くなる。この“AddThis”はアイコンが集約されており、オンマウスで各アイコンを表示させるようになっている。
  • インストールし、アクティブにしただけで自動的に設置されるところも便利である。(設定画面からカスタマイズが可能である。)

 
―これを機に、“はてなブックマーク”の方も再開しようと思う。
 

Bookmark and Share
Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)
Tagged with:
2月 03

“jQuery”もできんじゃん!!
 
昨日も“Google Maps”のPluginで驚いたが、“lightBox”まで用意されていたとは!!
 
“lightBox”と言えば、htmlすら知らなかった自分にWebを教えて下さった先生を思い出す。Webクリエイターとして、自分がここまで成長できたのもこの先生のお陰だと言っても過言ではない。とても感謝しているにも関わらず、まだ面と向かって感謝の言葉を伝えていないような気がする。成長した自分の姿を見せるのが何よりの恩返しだと思うので、そのためにも今よりも更にスキルを磨こうと思う。
さて、その先生が卒業する日に「こんなのがあるよ」と教えて下さったのが“lightBox”。当時、卒業制作がまだ仕上がっておらず、悩んでいた自分に提案して下さいました。ただ、自分はFullFlashのサイトを制作していたため、そのときは失礼ながら使用はしなかった。しかしその後、別の機会に、必死になって取り組んだ記憶がある。
 
そんな“lightBox”も、WordPressならPluginで簡単に使用が可能になる。
 
<インストール方法>

  1. WordPressのPluginから“Flexible Lightbox”をインストールする。
  2. プラグインを有効化する。

<使い方>

  1. 投稿編集ページの“画像を追加”ボタンをクリックする。
  2. ファイルを選択・メディアライブラリ等から画像を表示させる。
  3. “Open using LightBox”が追加されているので、“はい”を選択する。

“jQuery”ではthumbnail用の画像を用意する必要があったが、画像サイズを『サムネイル』等に設定しておけばOKである。因みに、上記の画像は『中』を選択している。
―今日も『今までの苦労は何だったんだ!』って思わず叫んでしまいそうだ。

Bookmark and Share
Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)
Tagged with:
2月 02

Google Maps
地図イメージ

何じゃコレは?!

下部のように、サイト内に埋め込まれた地図を見たことがあると思う。このような地図は、Googleが提供している“Google Maps API”を利用してGoogle マップをWeb ページに埋め込むことができる。“Google Maps API Key”を取得すれば誰でも無料で利用することができる。
自分が初めてGoogleMapを埋め込んだとき、悪戦苦闘の連続。デベロッパーガイドを読んでも、さらに頭が混乱するだけ。やっとベーシックな地図ができたときには充実感と疲労感でいっぱいだった記憶が残っている。

今回は“WordPress”にGoogleMapを埋め込むにはどうすればいいか…。困ったときはPlugin。探してみると丁度いいのが見つかったので、インストール方法・使い方を書き留めておく。

<インストール方法>

  1. Google Maps API Keyを取得する。
  2. WordPressのPluginから“Google Maps for WordPress”をインストールする。
  3. プラグインを有効化する。
  4. “Plugin”のサブメニューに“wpGoogleMapConfiguration”が表示される。クリックしてGoogle Maps API Keyをインプットする。
  5. 『Your Google API Key appears to be valid!』のメッセージが表示されたことを確認する。

<使い方>
投稿ページ下部に“Google Maps for WordPress”のオプションが表示されている。オプション内の設定は次のとおり。

  • Location Name : 地点名(吹き出しに記載)
  • Address : 住所
  • Location Description : 地点の説明(吹き出しに記載)
  • Map Width : 地図の幅(% or px , Default : 100%)
  • Map Height : 地図の高さ(% or px, Default : 400px)
  • Options :
    • Enable Mouse Wheel Zoom : マウスホイールによるズームを有効にする
    • Enable Zoom/Pan Controls : ズーム/パンの調整を有効にする
    • Enable Map Type Controls (Map, Satellite, or Hybrid) : 地図タイプの設定を有効にする(地図・衛星写真・両方)
    • Display option to get directions to this location. : この位置への経路を取得するオプションを表示する
    • Display option from get directions from this location. : この位置からの経路を取得するオプションを表示する

Map powered by MapPress

 
―流石はCMS。仮にGoogle Maps APIを理解していなかったとしても、ややこしいことは全てPluginがやってくれている。『今までの苦労は何だったんだ!』って思わず叫んでしまうほど。

Bookmark and Share
Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)
Tagged with:
1月 24

Publish To Mixi

publish to mixi

WordPressへの投稿をmixiへも自動的に投稿できないかな…って探していたら、あった!
何でも作者さん、『どうせならということで自分で作ってみました。』って!世の中にはすごい人がいますね。こんなことをサラッとできちゃうなんて。

ま、そんなこんなで、無事設置完了。早く試したくて、早速投稿、投稿!因みにインストール方法はカンタン!

[インストール方法]

  1. Zipファイルをダウンロードして解凍します。
  2. publishToMixi.php を wp-content/plugins フォルダにコピーします。
  3. 管理画面からプラグインを有効にします。
  4. サイドバーから「mixi投稿設定」を選択します。
  5. mixi登録メールアドレス、mixiパスワード、mixi IDを設定します。mixi IDは、mixiにログインして「プロフィールを見る」をクリックすると表示されるURLの中にある数字です。例えば下の例の場合、mixi IDは47085になります。
  6. (必要に応じて)デフォルトのヘッダー、フッターなどを設定します。
  7. 「Save Changes」をクリックして変更を確定します。

[使い方]

  1. プラグインをインストールして有効にすると、WordPressのポスト(Post)を入力する画面に、「mixi投稿設定」というオプションが下の方に現れるようになります。
  2. ポストを投稿(Publish)するときに「mixiに投稿する」オプションをチェックすると、同じ投稿内容がmixiの日記にも同時に自動的に投稿されます。
  3. ヘッダー、フッターに入力された文字は、投稿本文の前後に自動的に付加されてmixiに送信されます。
  4. また、ヘッダー、フッター内の%%URL%%という文字列は、自動的にWordPressのポストのPermalinkに変換されます。
  5. WordPressのオリジナルの投稿へのリンクをmixiへの投稿に埋め込みたいときに便利です。

生まれてコノカタ、小学生の夏休みの宿題以外は”日記”なんてモノに縁がなかったのに。急に新たなことにチャレンジするなんて…エライエライ。

Bookmark and Share
Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)
Tagged with:
Get Adobe Flash playerPlugin by wpburn.com wordpress themes
preload preload preload