埋め込む YouTube 動画をレスポンシブに対応するには、
以下のようにします。
|
1 2 3 |
<div class="movie"> /* YouTube の埋込コード */ </div> |
|
1 2 3 4 5 6 7 8 9 10 11 12 |
.movie{ position:relative; width:100%; padding-top:56.25%; } .movie iframe{ position:absolute; top:0; right:0; width:100%; height:100%; } |
WordPress Popular Posts（以下 WPP）で色々なデータ（閲覧数など）を取得したい場合もあると思います。
そんな時は以下のコードで取得できます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
$args = array( 'post_type' => 'post', //投稿タイプ 'range' => 'last7days', //時間範囲 "last24hours", "last7days", "last30days", "all", "custom" 'order_by' => 'views', //並べ替え "comments", "views", "avg" 'pid' => '60,25,31', //除外する投稿のID 'taxonomy' => 'post_tag', //タクソノミーで絞り込み 'term_id' => '118,75,15', //タームIDに属する投稿を取得・マイナスで除外 'limit' => 10, //取得最大数 ); $wpp_query = new WPP_Query( $args ); $wpp_posts = $wpp_query->get_posts(); if ( is_array( $wpp_posts ) ) { foreach ( $wpp_posts as $wpp_post ) { $post_id = $wpp_post -> id; // 投稿 ID $views = $wpp_post -> pageviews; // 閲覧数 } } |