AdvancedCustomField:wordpressでカスタムフィールドを使って投稿に紐づいた動画を取得して一覧で表示させる。

WP_Queryを作ってwp_oembed_getでコードを出力、あわせて出力コードを加工する感じ。
あとはレスポンシブをどうするかやなぁ。
にしてもAdvancedCustomField便利だなぁ。

[php]
$args = array(
‘post_type’ => ‘hoge’, // カスタム投稿タイプの名前
‘meta_key’=>’movie_url’, //カスタムフィールドのフィールド名
‘meta_value’=>’null’, //カスタムフィールドの値
‘meta_compare’ => ‘!=’ //空ではない
);
$the_query = new WP_Query($args);
/*movie_urlの含まれるカスタム投稿から動画のみ抽出 */
if($the_query->have_posts()){

while ( $the_query->have_posts() ) : $the_query->the_post();
get_the_title($post->ID);
$url = get_field("movie_url", $post->ID);
$embed_code = wp_oembed_get( $url, array( ‘width’ => 320 ) );//とりあえずembedタグ上でサイズを決めておいた
$embed_code = preg_replace("@src=([‘\"])?([^’\">\s]*)@", "src=$1$2&showinfo=0&rel=0", $embed_code); //コードを整形、第二引数でお好みのスイッチつける
echo $embed_code;
endwhile;
[/php]

参考
WordPressで、カスタムフィールドが特定の値の記事のリストを作成する

wp_oembed_get:WordPress私的マニュアル

Modify Youtube Oembed URLs to remove showinfo and more

横スクロールが必要なデカイ画像のときに重宝したjQueryプラグイン

どうにもこうにもでかい画像にイメージマップ仕込むといううことになって、
スマートフォンならピンチなりで拡大したりドラッグできたりと、直感的な操作ができるけど、
PCだとキーボードとマウス組み合わせて動かさなきゃなので使いづらいことこの上なし。
なんかええ方法ないかいなと探っていると見つけた。ドンピシャ。

【JavaScript】ドラッグ可能な横スクロールを実現するkinetic.js【プラグイン】
http://davetayls.me/jquery.kinetic/

開発元はこちら。
http://www.p-nt.com/technicblog/archives/140

AWS S3をネットワークドライブ扱いにしたいので覚書

 

AWSアカウント作ったらこれだけはやっとけ!IAMユーザーとAuthyを使ったMFAで2段階認証
http://qiita.com/yoshidashingo/items/cd206daca0596659b440

Mac OS X Yosemiteでyas3fsを使ってS3をマウントする
http://qiita.com/mmizutani/items/69687c88386e7eb12bb7

AWS S3 のバケットに独自ドメインを割り当てて、静的ファイルをホスティング

AWS S3 のバケットに独自ドメインを割り当てて、静的ファイルをホスティング

WordPressの画像ファイルをS3に保存する(メディア機能連携)

WordPressの画像ファイルをS3に保存する(メディア機能連携)


https://dogmap.jp/2013/03/01/nephila-clavata/

concrete5からアップロード

concrete5 CMSのファイルアップロード先をAmazon S3に指定する