WebToolGen

<!-- トップページのURL（リンク用） -->
<?php echo esc_url( home_url( '/' ) ); ?>

<!-- テーマディレクトリのURL（画像やCSSの読み込み用） -->
<?php echo esc_url( get_template_directory_uri() ); ?>

<!-- サイト名（タイトル） -->
<?php bloginfo( 'name' ); ?>

<!-- カスタムタイトル出力の例（記事タイトル ｜ サイト名） -->
<?php echo esc_html( get_the_title() ) . ' ｜ ' . get_bloginfo( 'name' ); ?>

<!-- 記事の公開日（Y/m/d形式） -->
<?php the_time( 'Y/m/d' ); ?>

<!-- テンプレートパーツの読み込み（例：inc/gnav.php） -->
<?php get_template_part( 'inc/gnav' ); ?>

<?php if ( have_posts() ) : ?>
  <?php while ( have_posts() ) : the_post(); ?>

    <!-- ここに繰り返すHTMLを記述 -->
    <article>
      <h2><?php the_title(); ?></h2>
      <?php the_content(); ?>
    </article>

  <?php endwhile; ?>
<?php else : ?>
  <p>記事がありません。</p>
<?php endif; ?>

<?php
  if ( mb_strlen( $post->post_title, 'UTF-8' ) > 32 ) {
    $title = mb_substr( $post->post_title, 0, 32, 'UTF-8' );
    echo esc_html( $title ) . '…';
  } else {
    echo esc_html( $post->post_title );
  }
?>

<?php
  // 本文からHTMLタグを全て除去
  $content = wp_strip_all_tags( get_the_content() );

  if ( mb_strlen( $content, 'UTF-8' ) > 50 ) {
    $content = mb_substr( $content, 0, 50, 'UTF-8' );
    echo esc_html( $content ) . '…';
  } else {
    echo esc_html( $content );
  }
?>

<?php if ( has_post_thumbnail() ) : // アイキャッチ画像が設定されているか判定 ?>
<?php
  // 1. サムネイルのIDを取得
  $thumbnail_id = get_post_thumbnail_id();

  // 2. 画像情報を配列で取得（サイズは 'thumbnail', 'medium', 'large', 'full' 等）
  $img = wp_get_attachment_image_src( $thumbnail_id, 'large' );

  // 戻り値の配列構造：
  // $img[0] => 画像のURL
  // $img[1] => 横幅 (width)
  // $img[2] => 高さ (height)
?>
  <!-- 独自にimgタグを組み立てる例 -->
  <img src="<?php echo esc_url( $img[0] ); ?>" width="<?php echo esc_attr( $img[1] ); ?>" height="<?php echo esc_attr( $img[2] ); ?>" alt="<?php echo esc_attr( get_the_title() ); ?>">

<?php else : ?>
  <!-- サムネイルがない場合の代替画像（No Image） -->
  <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/images/no-image.jpg" alt="No Image">
<?php endif; ?>

<?php
  $args = array(
    'post_type'      => 'post', // 投稿タイプ
    'posts_per_page' => 5,      // 表示件数
    'orderby'        => 'date', // 日付順
    'order'          => 'DESC', // 降順
  );
  $the_query = new WP_Query( $args );
?>

<?php if ( $the_query->have_posts() ) : ?>
  <ul class="post-list">
  <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>

    <!-- 繰り返す中身 -->
    <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>

  <?php endwhile; ?>
  </ul>
<?php else : ?>
  <p>記事がありません。</p>
<?php endif; ?>

<?php wp_reset_postdata(); // 必須：グローバル変数を元に戻す ?>

<?php
  global $post; // 現在の記事情報を取得

  $args = array(
    'post_type'      => 'post',
    'posts_per_page' => 4,
    'post__not_in'   => array( $post->ID ), // ← いま開いている記事を除外（配列で渡すのがポイント）
  );
  $the_query = new WP_Query( $args );
?>

<!-- この後に $the_query->have_posts() などのループ処理が続く -->

<?php
  // 1. 現在のページ番号を取得
  $paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;

  // 2. WP_Queryの引数に paged をセット
  $args = array(
    'post_type'      => 'post',
    'posts_per_page' => 10,
    'paged'          => $paged, // ← これが必須
  );
  $the_query = new WP_Query( $args );
?>

  <!-- ここに $the_query->have_posts() などのループ処理 -->

<?php
  // 3. WP-PageNavi の出力（作成したクエリを配列で渡す）
  if ( function_exists( 'wp_pagenavi' ) ) {
    wp_pagenavi( array( 'query' => $the_query ) );
  }
  wp_reset_postdata(); // ループの後に忘れずに
?>

<time datetime="<?php the_time( 'Y-m-d' ); ?>">公開日: <?php the_time( 'Y.m.d' ); ?></time>
<?php if ( get_the_modified_time( 'Y-m-d' ) !== get_the_time( 'Y-m-d' ) ) : ?>
  <time datetime="<?php the_modified_time( 'Y-m-d' ); ?>">（更新日: <?php the_modified_time( 'Y.m.d' ); ?>）</time>
<?php endif; ?>

<!-- 現在のページのURLを取得 -->
<?php
  global $wp;
  $current_url = esc_url( home_url( add_query_arg( array(), $wp->request ) ) );
?>

<!-- 現在の固定ページのスラッグを取得（ループ外でも可） -->
<?php
  $page_slug = '';
  if ( is_page() ) {
    $page = get_post( get_queried_object_id() );
    $page_slug = $page->post_name;
  }
?>

<?php
  // 基本形：get_post_meta( 投稿ID, フィールドのキー名, 単一値で返すか )
  $value = get_post_meta( get_the_ID(), 'your_field_key', true );

  if ( $value ) {
    echo esc_html( $value );
  }
?>

<?php
  // 複数値が入っている場合（第3引数をfalseにすると配列で返る）
  $values = get_post_meta( get_the_ID(), 'your_field_key', false );

  if ( ! empty( $values ) ) {
    foreach ( $values as $v ) {
      echo esc_html( $v ) . '<br>';
    }
  }
?>