eラーニングをすべての人に！blog.eラーニング.co.jp

日本国内でもFacebookへの注目が集まりはじめてきましたが、企業のWeb担当さん。Facebook対策できてますか？Likeボタンつけただけで満足しちゃってませんか？

Facebookは日本を侵略中

先日、新コメントプラグインなるものが発表され、Facebook界では話題騒然です。サイトデザインに大きく影響を与えるため導入の是非は検討の余地がありますが、Facebookそのものや、外部サイトへのFacebookコメントの埋め込み機能などは、決して無視できることにできない段階にまで来ていると思います。キバンインターナショナルでも、Facebookを使った企業PRや広報活動に力をいれており、パンダスタジオのFacebookページは1000いいねを集めるに至っています。

Facebookのコメント機能使ってみよう

コーポレートサイトで、「いいね」を押してもらう。いいことだと思います。でも、より具体的なフィードバック欲しくありませんか？それなら、Facebookの外部コメント機能を導入するのが一番です。

WordPressをお使いの方

以下のプラグインを導入するだけでOKです。
wp-facebook-comment.zip

WordPress以外の方

以下のタグを貼り付けてください。記事のURLは、ご利用されているCMSのルールに従って記述してください。

まとめ

キバンインターナショナルは、Facebookにも強い会社です！！

Blogの詳細ページを見ると、一番下に　このブログで関連すると思われる他の投稿　と表示され、関連されると思われるこのブログ内の物が出るようになりました。
今回使用した物を公開しますので設定の参考になれば幸いです。

今回必要な物

WordPress Plugin：WordPress Related Post for Japanese
ダウンロードは以下のURLより
http://wppluginsj.sourceforge.jp/wp-jrelated/

Yahoo! JAPANのアプリケーションID

取得は以下のURLより　（Yahoo! JAPAN IDが必要です。）
http://developer.yahoo.co.jp/

1.プラグインをインストールする。
WordPress Related Post for Japanese をダウンロード後、通常通りプラグインディレクトリに設置し、有効にするだけです。

2.Yahoo!JAPANでアプリケーションIDを取得する。
http://developer.yahoo.co.jp/
上記URLにアクセスすると、下の画像のようなページが表示されるので、赤枠で囲った箇所をクリックします。

Yahoo!デベロッパーネットワークのTOPページ

クリックすると、以下の画像のようなページが表示されるので、内容を記載して下さい。
※一度登録すると変更がきかないようなので、誤字脱字等に注意しましょう。

アプリケーションID登録画面

問題なければ、画面下部の確認をクリックし、先に進んで下さい。
問題なく登録が出来れば、以下の画像の通りアプリケーションIDが発行されます。

アプリケーションID発行画面

このアプリケーションIDを使いますので、コピーしておいて下さい。

3.Pluginの設定をする
WordPress の設定から JRelated をクリックして下さい。
以下の画像のようなページが表示されますので、コピーしたアプリケーションIDを
Yahoo!JAPAN WebサービスアプリケーションID の欄に貼り、Save Changes をクリックしてください。

Plugin 設定画面

4.待つ
関連記事が表示されるまで時間がかかるようなので、しばらくしてから確認してください。

以上の作業で、関連記事が出るようになります。時間がある方は試してみて下さい。

WordPressを使っていて、前後のページへのナビゲーションに困ったことはありませんか？PPT2Flashのページに埋め込みたかったのですが、なかなかよいプラグインが見つからなかったので、自作しちゃいました。前回プラグインを作成したエントリーリストつくーるでは、add_shortcodeを知らなかったので、str_replaceで強引にタグ置換してましたが、今回はadd_shortcodeつかって、それっぽく、仕上げてみました。

add_shortcodeを使えば、簡単にタグを作れることがわかったのが収穫です。ほしい機能がみつからなくても、簡単にプラグインが作れる。それがWordpressのいいところですね。

使用例

ppt2flash

プラグインのダウンロード: prev_next

プログラム概要

• get_prev_next
  現在のページの前後のインデックスを確認し、あればそのページを、なければfalseを返します。
• short_code_next
  [ prev-page ]を置換するためのHTMLを生成。
• short_code_prev
  [ next-page ]を置換するためのHTMLを生成。
• prev_next_prepender
  [ prev-page ][ next-page ]を、記事の先頭に付加します。

ソースコード

<?php
/*
Plugin Name: prev_next
Plugin URI: http://blog.elearning.co.jp
Description: Link to the previous page and the next page
Version: 1
Author: y.nishimura
Author URI: http://blog.elearning.co.jp
*/

/**
* this function returns previous page and next page
* if not exist, return false.
*/
function get_prev_next(){
static $pageArray; // for performance enhancement
if(!isset($pageArray))$pageArray = get_pages(‘sort_column=menu_order,post_title’);
foreach($pageArray as $page)$idArray[] = $page->ID;
$pos = array_search(get_the_ID(), $idArray);
$ret[‘prev’] = isset($pageArray[$pos – 1]) ? $pageArray[$pos – 1] : false;
$ret[‘next’] = isset($pageArray[$pos + 1]) ? $pageArray[$pos + 1] : false;
return $ret;
}

/* define shortcode [prev-page] and [next-page] */
function short_code_next(){
$prev_next = get_prev_next();
$next = $prev_next[‘next’];
if($next)return ‘<a href=”‘.get_page_link($next->ID).'”>’.htmlentities($next->post_title, ENT_QUOTES, ‘utf-8′).’ »</a>’;
}
function short_code_prev(){
$prev_next = get_prev_next();
$prev = $prev_next[‘prev’];
if($prev)return ‘<a href=”‘.get_page_link($prev->ID).'”>« ‘.htmlentities($prev->post_title, ENT_QUOTES, ‘utf-8′).'</a>’;
}
add_shortcode(‘prev-page’, ‘short_code_prev’);
add_shortcode(‘next-page’, ‘short_code_next’);

/* prepend link-unit to the “pages” (not to posts)  */
function prev_next_prepender($content) {
if(is_page())$content = ‘<div><div style=”float:left”>[ prev-page ]</div> <div style=”float:right”>[ next-page ]</div></div><br/>’.$content;
return $content;
}
add_filter ( “the_content”, ‘prev_next_prepender’);
?>