ポートフォリオサイト公開中

【まとめ】自作ワードプレステーマの最低限を作る⑦

wp自作テーマの最低限

前回まで

wp自作テーマの最低限 【検索ページ, カテゴリページの作成】自作ワードプレステーマの最低限を作る⑥

functions.phpでスタイルシートを読み込む

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
  wp_enqueue_style( 'my_style', get_stylesheet_directory_uri() . '/style.css' );//スタイルシート
  wp_enqueue_script( 'my_script', get_stylesheet_directory_uri() . '/assets/js/script.js' );//スクリプト
}

用例

投稿ページでサムネイルを追加する

  1. function.phpにadd_theme_support(‘post-thumbnails’);を追記
  2. 新規投稿追加
  3. 右上の表示オプションのボックス内を確認
  4. アイキャッチ画像にチェックを入れる
  5. 投稿ページにアイキャッチ画像の選択が追加される

コメント機能を作る

<?php comments_template();?>を挿入

用例

カテゴリを一つだけ取得

<?php $cat_info = get_category( $cat );echo esc_html( $cat_info->name ); ?>を挿入

用例

記事一覧ページでページ遷移する(ページめくり)

  1. WP-PageNavi(プラグイン)を導入
  2. <?php if(function_exists(‘wp_pagenavi’)) { wp_pagenavi(); } ?>を任意の場所に挿入

用例 (index.phpの部分)

記事一覧テンプレート

<?php if(have_posts()): while(have_posts()):the_post();?>
<a href="<?php the_permalink();//記事リンク ?>"><?php the_title();//記事タイトル ?></a>
<?php the_excerpt();//記事抜粋?>
<?php the_time( 'Y.m.d' );//記事日付 ?>

<?php endwhile;else:?>
  <?php if(is_search()):?>
    <p>検索結果はありませんでした。</p>

  <?php else:?>
    <p>記事はありませんでした。</p>
  <?php endif;?>
<?php endif;?>

用例

投稿ページテンプレート

<?php if(have_posts()): while(have_posts()): the_post();?>
  <h1><?php the_title(); ?></h1>
  <?php the_post_thumbnail( 'full' );//サムネイル画像 ?>
  <?php the_time( 'Y.m.d' ); ?>
  <?php the_content();//投稿本文 ?>
  <?php the_category(' ');//カテゴリ ?>
  <?php next_post_link('%link', '&lt;&lt; 次の記事');//ページ遷移 ?>
  <?php previous_post_link('%link', '前の記事 &gt;&gt;'); //ページ遷移?>
  <?php comments_template();//コメント ?>
 <?php endwhile; endif; ?>

用例

自作ワードプレステーマの最低限を作るシリーズ一覧

wp自作テーマの最低限 【HTMLをPHPに】自作ワードプレステーマの最低限を作る① wp自作テーマの最低限 【index.phpを分割する】自作ワードプレステーマの最低限を作る② wp自作テーマの最低限 【404, searchなどのファイルを作成】自作ワードプレステーマの最低限を作る③ wp自作テーマの最低限 【記事ページの作成】自作ワードプレステーマの最低限を作る④ wp自作テーマの最低限 【投稿ページの作成】自作ワードプレステーマの最低限を作る⑤ wp自作テーマの最低限 【検索ページ, カテゴリページの作成】自作ワードプレステーマの最低限を作る⑥ wp自作テーマの最低限 【まとめ】自作ワードプレステーマの最低限を作る⑦

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です