記事

WordPressのトップページにSlick Carouselで画像のスライダーを設置してみる。その2

  • このエントリーをはてなブックマークに追加

前回の続き。

前回はメディアにタグを付けられるようにしましょうってところまで。今回はメディアの中からtopというタグが付いた画像を取得します。

query_postsを使ってもいいのですが、非推奨ってことなので、WP_Queryを使います。コードは以下。

$carousel_images = new WP_Query(array('post_type' => 'attachment', 'post_status'=>'inherit', 'tag' => 'top'));

ポイントはpost_statusinheritにすること。これをしないと画像が取得できません。

<div class="row">
<div class="columns large-12">
<div class="carousel">
<?php while ($carousel_images->have_posts()) { $carousel_images->the_post();?>
<?php $url = get_the_content(); ?>
<?php get_permalink();?>
<div><img src="<?php echo $url; ?>" alt=""></div>
<?php } ?>
</div><!-- /.carousel -->
</div><!-- /.columns large-12 -->
</div><!-- /.row -->

まぁこんな感じでtopというタグが付いた画像とそのurlを取得することが出来ます。

ちなみにthe_contentを使わないのは、the_contentだと、サムネイルと画像のURLが表示されてしまうから。
get_the_contentだとシンプルにURLだけを返してくれます。

  • このエントリーをはてなブックマークに追加
2014年8月
« 6月   9月 »
 123
45678910
11121314151617
18192021222324
25262728293031

フォトライブラリー

コメントを残す

%d人のブロガーが「いいね」をつけました。