WordPress

WordPressのアクセス解析用プラグイン”WordPress.com Stats”をふわーっと見ていたら、
検索キーワードに、“encrypted_search_terms”がたくさん出ている。

こんなワードでアクセスがくるん？？と思いつつ、調べてみたら、
どうやらGoogle検索からの流入らしい。ソース(えいご)

PCブラウザでは、Chromeをはじめ、FirefoxでもSafariでも、Google検索すると、
非ログイン状態でもSSL通信になるので、そのあたりが影響しているのかなと推測してみる。

この、”WordPress.com Stats”の”encrypted_search_terms”の数値と、
Google Analyticsのオーガニック検索トラフィックの(not provided)の数値が同じになるのか？
と思ったけど、Google Analyticsの”(not provided)”の方が約2倍多かった。

一方で、Googleウェブマスターツールだと、”encrypted_search_terms”や”(not provided)”と
ならずに、それらの検索ワードが取得出来る。そのうえ検索ワード毎のCTRまで取れるのであります。

さらに、Analyticsとウェブマスターツールを連携させることも出来るので、一度連携させてしまえば、Analytics上で(not provided)の無い、検索ワードを確認することが可能になります。

便利そうな”Viper’s Video Quicktags”プラグインというのがあるとのことで、早速インストール。
手順は以下の通り。

①WordPress管理画面メニューのプラグインから、”Viper’s Video Quicktags”を検索しインストール。
②プラグインを有効化。ここまではいつも通り。
③投稿編集画面で、以下のようなボタンが出るようになるので、ボタンを押下(ビジュアル、HTMLタブどちらも出る)

④貼り付けたい動画のURLを入力

以上で動画の貼り付けが完了。すごく簡単！
せっかくなので、お気に入りの山本昌の動画を貼り付け！！
[youtube]http://www.youtube.com/watch?v=dPysopF1X04[/youtube]

あとは、④の”settings page”リンク、若しくはプラグイン一覧の”Settings”リンクを押下して、設定画面でいろいろ設定ができます。

YouTubeの場合だと、以下のような設定が可能。

Dimensions：プレイヤーサイズ
Maintain aspect ratio：縦横非を維持するか
Color Presets：バーの色
Enable HD video by default：デフォルトでHDビデオを有効にするか
Show fullscreen button：フルスクリーンボタンを表示するか
Show border：プレイヤーの外枠に境界線を表示するか
Show the video title and rating：動画のタイトルと評価を表示する
Autoplay video (not recommended)：動画の自動再生(推奨はしてない)
Loop video playback：動画のループ再生をする

WordPressの投稿記事に組む込める、良いイメージギャラリーはないだろーか？
というわけで探してみたところ「Coin Slider」のエフェクトが気に入ったので実装。
こんな風にイメージギャラリーがWordPress(3.0.3)に組み込めました。

広島合宿
マンホールカープ仕様
広島合宿
赤ローソンカープ仕様
広島合宿
コンビニ店員さんカープ仕様
広島合宿
めちゃめちゃ綺麗なzoom zoomスタジアム
広島合宿
めちゃめちゃ綺麗なzoom zoomスタジアム
広島合宿
めちゃめちゃ綺麗なzoom zoomスタジアム
広島合宿
スタジアム内カープ達磨とカープ鯛
広島合宿
7回裏ラッキーセブン
広島合宿
もう生で見られないであろう、巨人相手にスミ1勝利！！！
広島合宿
篠田ヒーローインタビュー
広島合宿
スタジアムで購入した丸Tシャツ
広島合宿
初・厳島神社。猛暑のため、シカもバテてます。
広島合宿
初・厳島神社。大鳥居
広島合宿
ひろしまお好み物語・駅前ひろば BOSSにて。

—以下設定方法—
(1)coin-sliderのサイトから、cssとjsをダウンロード
(2)フォルダごと、/wordpress/wp-content/uploads にアップロード
(3)画像ファイルをアップロード

※ディレクトリ構成はこんなかんじ
/wordpress/wp-content/uploads
└ coin-slider
├ images
│ ├ image_1.jpg （スライダーに入れたい画像1）
│ ├ image_2.jpg （スライダーに入れたい画像2）
│ └ image_3.jpg （スライダーに入れたい画像3）
├ coin-slider.js （coin-sliderのサイトから）
├ coin-slider.min.js （coin-sliderのサイトから）
└ coin-slider-styles.css （coin-sliderのサイトから）

(4)coin-slider-styles.cssに、下記1行を追加
#coin-slider-coin-slider {width:600px;}

—ここからWordPress側の設定—
(5)となりのソフト屋さんからプラグインをダウンロード
(6)(5)を解凍し、/wordpress/wp-content/pluginsに保存
(7)管理画面のプラグインから、’add css js’を有効化
(8)管理画面の投稿から、カスタムフィールドを追加。追加内容は以下の通り。

名前：cssfile　値：/wordpress/wp-content/uploads/coin-slider/coin-slider-styles.css
名前：js
値：$j = jQuery;
$j(document).ready(function() {
$j(‘#coin-slider’).coinslider({
width: 600, //画像幅
height: 400, //画像高
spw: 7, //画像切替時の横四角数
sph: 5, //画像切替時の縦四角数
});
});
名前：jsfile　値：/wordpress/wp-content/uploads/coin-slider/coin-slider.js
名前：jsfile　値：/wordpress/wp-content/uploads/coin-slider/coin-slider.min.js

(9)htmlを書く。
<div id=”coin-slider”>
<!– 画像ファイルの設定 ここから–>
<a href=”#” target=”_blank”><img src=”/wordpress/wp-content/uploads/coin-slider/images/image_1.jpg” alt=”画像1″ /><span><strong>画像1</strong>コメント1</span></a>
<!– ここまで 画像数分以降繰り返し–>
</div>
設定は以上。ナイススライダー！！

2011年6月1日に予定通り、“Google版いいね！”とも言える「+1」ボタンが、一般サイトにも提供が開始されました。

Google +1(プラスワン)とは、

・FacebookのLike（いいね！）の用に、Google検索サービス上でユーザー同士が
ウェブページのレコメンド（推薦）を行うことが出来る機能

・ただし、2011年6月1日時点では「+1」によるお勧めが検索結果に反映されるのは今のところ、Google.comの英語版のみ。

早速設置するべ！！という訳で、WordPressプラグインをインストール。

(1)このサイトの「Google +1 Plugin for WordPress」リンクから、zipファイルをダウンロード
(2)解凍したら、”/wp-content/plugins”配下にフォルダごとコピー
(3)wordpress管理画面メニューの「プラグイン」を選択し、「ILC +1」を有効化
(4)ILC Plus One設定画面を開き、以下の項目を設定

Select language → 言語設定
Track +1 vote → とりあえずチェック
Include count → カウントを表示するかどうか。
Button Size: → ボタンの大きさ。
Button Placement in Posts/Pages: → 投稿記事の前か後どちらに設置するか。
Align left or right: → 位置は左寄せか右寄せか。

WP Social Bookmarking Lightを併用する場合、且つ並べて設置したい場合は、以下phpファイルの修正を行う。

“wordpress/htdocs/wp-content/plugins/wp-social-bookmarking-light/modules/content.php”46行目
return “<div class=’wp_social_bookmarking_light’>{$out}</div>”;

これで設置完了！！日本語版対応はいつになるんでしょうか。

WordPressのプラグイン”WPBook”を使って、Facebookへ投稿記事を反映させる方法。
※WordPress ver3.0.3　WPBook ver2.2.1

ざっくりと、以下のような流れです。

WPbookのインストールし→Facebookでアプリ作成し→WordPressとFacebookの設定を一生懸命行う。(時間かかる…)

■WPbook側の設定①
(1)管理画面メニュー「プラグイン」→「新規追加」から”WPBook”(ver2.2.1)をインストール
(2)プラグインを有効化
(3)管理画面メニューの「WPBook」をクリック
(4)WPBook Set UP画面の「facebook」リンクから、Facebook開発者ページへ

■Facebook側の設定
(1)開発者ページの「Set Up New App」ボタンをクリック
(2)アプリケーション名を入力、利用規約に同意して、「アプリケーションを作成」ボタンをクリック
(3)アプリケーションの編集画面の、「Web Site」タブをクリック
Site URL→ブログのURL
Site Domain→ブログのURLからドメイン部を入力

(4)「Facebook Integration」タブをクリック
Canvas
Canvas Page→任意のURLを入力
Canvas URL→ブログのURLを入力
Secure Canvas URL→未入力
Canvas Type→IFrame を選択
iFrameサイズ→Auto-resizeを選択
ブックマークURL→未入力 ※Canvas Pageがブックマークされる。

Discovery
Social Discovery→有効 ※友人にアプリを使用していることを伝える

Page Tabs
タブ名→任意のタブ名
Page Tab Type→IFrame を選択
タブのURL→?app_tab=true を入力 ※FBMLの場合は、?app_tab=true&fb_force_mode=fbml を入力
Secure Tab URL→未入力
編集用URL→未入力

(5)「Mobile and Devices」タブをクリック
Core Settings
アプリケーションのタイプ→HTML5 / mobile web を選択
※それ以外は未入力でOK

(6)「Advanced」タブをクリック
Authenticaton
Deauthorize Callback→未入力
サンドボックスモード→無効にする を選択

移行
Disable Deprecated Auth Methods→有効 を選択
Stream post URL security→無効 を選択
OAuth 2.0 for Canvas→有効 を選択
Timezone-less events→有効 を選択
Upgrade to Requests 2.0→有効 を選択

※以降は未入力でOK

■WPbook側の設定②
(1)管理画面メニュー「設定」から”WPBook”を選択
Required Settings
Facebook App ID→Facebook側のアプリIDを入力
Facebook App Secret→Facebook側のアプリの秘訣を入力
YOUR Facebook Profile ID→Facebook側のProfile IDを入力
Facebook Canvas Page URL→Canvas Pageのhttp://apps.facebook.com/から後の部分を入力

Stream/Wall Options
Stream Profile/Page Options
Publish new posts to YOUR Facebook Wall
Stream Comment Options
Import comments from Facebook Walls
Automatically approve imported Wall comments
→上記項目にチェックを入れる。

Application View Options
→チェックなし。

以上で設定完了。WordPressの投稿記事がFacebookに反映されます。