Category Archives: tips

simplefacebook.jsでFacebookのウォールをシンプルに表示

【必要なもの】
・jquery
simplefacebook.js
・表示したいFBページのID(http://graph.facebook.com/[任意]で調べられる)

上記より simplefacebook.js をコピーしてきて、自分のサイトにリンクさせる。
表示させたい箇所にid=”facebook”と指定するとその箇所にウォールの内容が出力されます。

出力されたコンテンツの整形はお好みで。

—-

自分用メモなので説明が不親切です。

 

UA判定でWoldpressのテーマを切り替えてプレビューしたら便利だった

【必要なもの】
・Multi Device Switcher(WordPressプラグイン)
・Google Chrome(ver17以上)もしくはUserAgentが切り替えられるアドオンやプラグインなど

まず、WordpressにMulti Device Switcherをインストールする。

そして、Custom Switcher Themeの設定画面にいき、
Themeタブの下部、Add Custom Switcherで適当に一つUA判定項目を追加し(ここではtest)、
そのUAだと判定された場合に表示したいテーマを選んでおく(ここではStarkers)。

test0

次にUserAgentタブに移動すると自分が先ほど追加した項目が表示されているので、
テキストエリアに適当に何か入力する(ここではtestdayo)。

test1

WordPress側の設定はここで終わり。

Chromeのデベロッパーツールを表示し、右下のギアアイコン(設定)をクリック。
Settingsという画面が出てくるので、Overridesをクリックし、
先ほど↑で入力した文字(testdayo)をUserAgentの欄へ入力する。
これでこのChromeのUAはtestdayoになりました。

test2

この状態でWordpressサイトへアクセスすると、
UAがtestdayoの状態なので、Starkersのテーマでサイトが表示されるようになります。

すでに運営されているサイトにて、新しいテーマでの動作プレビューをしたいときなんかに使えそう。

—-

自分用メモなので説明が不親切です。

URL:http://sol-pro.info/blog/tips/ua%e5%88%a4%e5%ae%9a%e3%81%a7woldpress%e3%81%ae%e3%83%86%e3%83%bc%e3%83%9e%e3%82%92%e5%88%87%e3%82%8a%e6%9b%bf%e3%81%88%e3%81%a6%e3%83%97%e3%83%ac%e3%83%93%e3%83%a5%e3%83%bc%e3%81%97%e3%81%9f%e3%82%89/