NaNa Clubからのお知らせ一覧 | NaNa Club

完全オーダーメイドのオリジナル海外個人旅行ならNaNa Club

ナナトラ

旅の執事「ナナトラ」が真心こめた
おもてなしをさせていただきます。

<?php
/**
* Template Name: all-news */
?>

<?php get_header(); ?>

<!–breadcrumb–>
<div class=”container”>
<div class=”row”>
<ol class=”breadcrumb”>
<?php if (function_exists(‘bcn_display’)) {bcn_display();} ?>
</ol>
</div>
</div>
<!–breadcrumb–>

<!– お知らせ投稿一覧ページ –>
<div id=”post-news-archive”>
<div class=”container”>
<div class=”row”>
<div class=”col-sm-8 col-xs-12″>
<h2 class=”titile-border-left”>NaNa Clubからのお知らせ一覧</h2>
<div class=”news-ichiran”>
<?php $args = array(
‘numberposts’ => 10, //表示(取得)する記事の数
‘post_type’ => ‘news’ //投稿タイプの指定
);
$posts = get_posts( $args );
if( $posts ) : foreach( $posts as $post) : setup_postdata( $post ); ?>

<p class=”post-news-archive-title”><a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></p>

<article>
<?php if ( has_post_thumbnail() ) : ?>
<a href=”<?php the_permalink(); ?>”><?php the_post_thumbnail(); ?></a>
<?php endif; ?></article>
<p class=”post-date”><?php the_date( ‘Y年m月d日’ ); ?></p>

<?php endforeach; ?>
<?php else : //記事が無い場合 ?>
<p>お知らせはまだありません。</p>
<?php endif;
wp_reset_postdata(); //クエリのリセット ?>

</div>

<div class=”pagenation”>
<?php
if ($the_query->max_num_pages > 1) {
echo paginate_links(array(
‘base’ => get_pagenum_link(1) . ‘%_%’,
‘format’ => ‘/page/%#%/’,
‘current’ => max(1, $paged),
‘total’ => $the_query->max_num_pages
));
}
wp_reset_postdata();
?>
</div>

</div>

<div class=”col-sm-4 col-xs-12″>
<h3 class=”post-archive”>月別アーカイブ</h3>
<ul class=”right-navi”>
<li><?php wp_get_archives( ‘type=monthly&limit=12’ ); ?></li>
</ul>
</div>

</div>
</div>
</div>

<!–back to top–>
<p id=”pageTop”><a href=”#”><img src=”<?php echo esc_url(get_template_directory_uri() ); ?>/img/top.png” alt=”Back to TOP” ></a></p>
<!–back to top–>

<?php get_footer(); ?>

<!– Native JavaScript for Bootstrap –>
<script type=”text/javascript” src=”<?php echo esc_url(get_template_directory_uri() ); ?>/js/bootstrap-native.min.js”></script>

<!–Back to TOP–>
<script>
$(function(){
var topBtn=$(‘#pageTop’);
topBtn.hide();

$(window).scroll(function(){
if($(this).scrollTop()>200){
//—- 画面を100pxスクロールしたら、ボタンを表示する
topBtn.fadeIn();
}else{
//—- 画面が100pxより上なら、ボタンを表示しない
topBtn.fadeOut();
}
});

// ◇ボタンをクリックしたら、スクロールして上に戻る
topBtn.click(function(){
$(‘body,html’).animate({
scrollTop: 0},500);
return false;
});

});
</script>

</body>
</html>

Back to TOP