ギャラリーサイト制作
アイキャッチ画像の追加
ブログ投稿とアイキャッチ機能を利用して、ギャラリーサイトを制作する。
【 function.php 】
//アイキャッチ画像
add_theme_support('post-thumbnails');
//基本サイズ
set_post_thumbnail_size(640, 640, true);
set_post_thumbnail_size()関数は、画像のサイズを指定出来るテンプレートタグ。
上記の場合は、画像を縮小してぴったり横640px、縦640pxに切り抜きます。
指定しておけば勝手に切り抜いてくれるので大変便利。
true が付くと、指定のサイズぴったりの画像が作られます。
ない場合には、オリジナル画像の縦横比のまま、指定サイズを上限に収まるように縮小するだけ
<?php the_post_thumbnail('msize'); ?>
左側コンテンツ
最新の画像を１枚だけ表示
上記のループタグを使用すると、投稿記事、すべてを表示してしまうので、最新の記事だけ表示させるように、タグを追加する。
<?php query_posts('posts_per_page=1'); ?>#最新の記事1枚表示
写真を投稿した日時を表示
記事の投稿日を出力する関数は、
<?php the_date('Y年m月d日（D）'); ?>
【 index.php 】
<?php query_posts('posts_per_page=1'); ?>
<?php if(have_posts()): while(have_posts()): the_post(); ?>
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('msize'); ?></a>
<?php the_date('Y年m月d日（D）'); ?>
<?php endwhile; endif; ?>
右側コンテンツ
画像の重複を削除
＆offset=1 で、どの順番から画像を表示させるか指定出来る。