WordPress開発講座 #02：テンプレートタグを使おう①
◆動画詳細
・最低限必要なファイルを用意する（index.phpやstyle.css）
・BootstrapのファイルをWordpress用にテンプレートダグを使い変更する方法
<?php wp_head(); ?>
<?php wp_footer(); ?>例として投稿記事をWordpress化にしてみるなど…
WordPress開発講座 #03：テンプレートタグを使おう②
◆動画詳細
スタイルシートや画像、JavaScriptなどをテンプレートタグで読み込む方法
<?php echo get_template_directory_uri(); ?><meta name="description" content="">
<meta name="author" content="">
<title></title>
はWordpress側で設定できるので削除する<a class="navbar-brand" href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/logo.jpg" class="img-fluid"></a>
でタイトルを取得とトップページへのリンク設定WordPress開発講座 #04：ループを使って一覧をつくろう
◆動画詳細
記事のループ（PHPコード）を記述してCMSにする方法
<?php while(have_posts()): the_post(); ?>
<!-- 繰り返し処理する内容 -->
<?php endwhile; ?>
上記だけでも動きます。
<?php if(have_posts()): ?>
<?php while(have_posts()): the_post(); ?>
<!-- 繰り返し処理する内容 -->
<?php endwhile; ?>
<?php else: ?>
<!-- 投稿データが取得できない場合の処理 -->
<?php endif; ?><div class="row">
<?php if(have_posts()): while (have_posts()):the_post(); ?>
<div class="col-sm-12 col-md-4 mb-30">
<ul class="blockB-inner h-100">
<li class="blockB-box">
<p class="blockB-img01"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( 'l-size', array('class' => 'img-fluid') ); ?></a></p>
<?php
$categories = get_the_category();
if ( $categories ) {
echo '<span class="'.$categories[0]->slug.'">' .$categories[0]->name.'</span>';
}
?>
<p class="blockB-ttl01"><a href="<?php the_permalink(); ?>"><?php the_title( ); ?></a></p>
<p class="blockB-text01"><?php the_excerpt(); ?></p>
<p class="blockB-time"><?php the_time('Y.m.d'); ?></p>
</li>
</ul>
</div>
<?php endwhile; endif; ?>
</div>ページネーションは「WP-PageNavi」がおすすめです。
参考リンク：https://senoweb.jp/note/wp-pagenavi-howto/
<?php echo paginate_links(); ?>
上記は、ともすたのページネーションのコード