WordPressでよく使う関数スニペットまとめ

<meta charset="<?php bloginfo( 'charset' ); ?>">コピー

<title>
  <?php if(!is_front_page()) {
    wp_title('|', true, 'right');
  }
  bloginfo('name'); ?>
</title>コピー

/*
Theme Name: テーマの名前
*/コピー

<?php
/*
 * Template Name: テンプレート名
 */
?>コピー

<?php wp_head(); ?>コピー

<?php wp_footer(); ?>コピー

<?= get_template_directory_uri(); ?>
<!-- 例①jQuery -->
<script src="<?= get_template_directory_uri(); ?>/resources/scripts/jquery-3.3.1.min.js"></script>
<!-- 例②CSS -->
<link rel="stylesheet" href="<?= get_template_directory_uri(); ?>/resources/styles/Pages/index.css">コピー

<!-- トップページのとき -->
<?php if(is_front_page()): ?>
<?php endif; ?>
<!-- 固定ページのとき（例はaboutページ） -->
<?php if(is_page('about')): ?>
<?php endif; ?>
<!-- 記事ページのとき -->
<?php if ( is_single() ) : ?>
<?php endif; ?>
<!-- アーカイブページのとき（例はcastアーカイブ） -->
<?php if ( is_archive('cast')) : ?>
<?php endif; ?>
<!-- カスタム投稿詳細ページのとき（例はcast） -->
<?php if ( is_singular('cast')): ?>
<?php endif; ?>
<!-- 404ページのとき -->
<?php if ( is_404() ) : ?>
<?php endif; ?>コピー

//css・jsファイルの末尾に追加する
?var=<?= time() ?>コピー

<!--トップページ -->
<?php echo esc_url( home_url( '/' ) ); ?>コピー

<!--下層ページ -->
<!-- ■aboutページ -->
<?php echo esc_url( home_url( '/about/' ) ); ?>
<!-- ■serviceページ -->
<?php echo esc_url( home_url( '/service/' ) ); ?>
<!-- ■newsページ -->
<?php echo esc_url( home_url( '/news/' ) ); ?>
<!-- ■accessページ -->
<?php echo esc_url( home_url( '/access/' ) ); ?>
<!-- ■recruitページ -->
<?php echo esc_url( home_url( '/recruit/' ) ); ?>
<!-- ■contactページ -->
<?php echo esc_url( home_url( '/contact/' ) ); ?>コピー

<?php echo esc_url( home_url( '/service/#service01' ) ); ?>

<a href="<?php echo esc_url( home_url( '/service/#service01' ) ); ?>">MORE</a>
<a href="<?php echo esc_url( home_url( '/service/#service02' ) ); ?>">MORE</a>
<a href="<?php echo esc_url( home_url( '/service/#service03' ) ); ?>">MORE</a>
コピー

<?php the_title(); ?>コピー

<!-- 2020.09.08形式で年月日表示 -->
<?php echo the_time('Y.m.d'); ?>コピー

<?php the_permalink(); ?>
<!-- 例（記事タイトルに記事パーマリンク） -->
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>コピー

<?php the_content(); ?>
コピー

<?php the_excerpt(); ?>
コピー

<?php get_header(); ?>

<?php get_footer(); ?>コピー

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
この間に記事コンテンツ表示のhtml等を入れる
<?php endwhile; ?>
<?php endif; ?>コピー

<!-- 投稿タイプpostの記事を9件表示させる -->
<?php
$args = array(
  'post_type' => "post",//投稿タイプ設定
  'posts_per_page' => 9,// 取得記事数
);

$my_query = new WP_Query($args);
if ($my_query->have_posts()): while ( $my_query->have_posts() ) : $my_query->the_post(); ?>

表示するコンテンツを入れる

<?php endwhile; ?>
<?php endif; ?>
<?php wp_reset_postdata(); ?>コピー

<?php echo $the_query->current_post + 1; ?>コピー

<?php if ( wp_is_mobile() ) : ?>
スマホのときに表示させたい内容
<?php else: ?>
PCのときに表示させたい内容
<?php endif; ?>

<!-- スマホの場合は何も表示しない -->
<?php if ( wp_is_mobile() ) : ?><?php else: ?>PCのときに表示させたい内容<?php endif; ?>コピー

add_theme_support('post-thumbnails');コピー

<?php single_cat_title(); ?>
<!-- 例 -->
<h2>「<?php single_cat_title(); ?>」の記事一覧</h2>
コピー

<div class="ImgBox">
  <div class="ImgBox-Img" style="background:url('<?= get_template_directory_uri(); ?>/resources/images/index-item.jpg') no-repeat;background-size:cover;background-position:center;"></div>
</div>コピー

<div class="ImgBox">
  <div class="ImgBox-Img" style="background: url('".get_the_post_thumbnail_url()."') no-repeat; background-size: cover; background-position:center;"></div>
</div>コピー

<div style="background: <?php echo (get_the_post_thumbnail_url()) ? "url('".get_the_post_thumbnail_url(). "')": "#bbb"?> no-repeat center; background-size: cover;"></div>
コピー

<!-- 普通のやつ -->
<?php previous_post_link('%link', '%title', TRUE, ''); ?>
<?php next_post_link('%link', '%title', TRUE, ''); ?>

<!-- テキスト指定+矢印アイコン -->
<?php previous_post_link('%link', '<i class="fas fa-caret-left"></i>Back', TRUE, ''); ?>
<?php next_post_link('%link', 'Next<i class="fas fa-caret-right"></i>', TRUE, ''); ?>コピー

<div class="Card">
  <!-- タグごとに出力 -->
  <?php
  $args = array(
    'posts_per_page' => -1, // 全件表示
     'tag' => 'タグのスラッグ'
   );
  $the_query = new WP_Query( $args );
   if ( $the_query->have_posts() ) : while ( $the_query->have_posts() ) : 
   $the_query->the_post(); ?>

  // ループさせるコンテンツ
   <a href="<?php the_permalink(); ?>" class="Card-Item">
     <div class="Card-Item-ImgBox">
       <div class="Card-Item-ImgBox-Img" style="background:url('<?= get_template_directory_uri(); ?>/〇〇.png') no-repeat center;background-size:cover;"></div></div>
      <h2 class="Card-Item-Title"><?php the_title(); ?></h2>
    </a>
  <?php endwhile; endif;
  wp_reset_postdata(); ?>
</div>コピー

    <?php
     $posttags = get_the_tags();
     $args = array(
          'posts_per_page' => 12,// 取得記事数
          'tag' => single_tag_title("", false), // 同じタグが含まれている記事を取得
          );
          $my_query = new WP_Query($args);
          ?>
     <?php if ($my_query->have_posts()): ?>
     <?php while ($my_query->have_posts()): $my_query->the_post(); ?>
     コンテンツ
     <?php endwhile; ?>
    <?php endif; wp_reset_query(); ?>コピー

<!-- デフォルトの矢印をアイコンに変更させているVer -->

<article class="PaginationSection">
    <section class="PaginationWrap">
      <?php
      $GLOBALS['wp_query']->max_num_pages = $the_query->max_num_pages;
      the_posts_pagination( array(
          'prev_text' => '<i class="fas fa-caret-left"></i>',
          'next_text' => '<i class="fas fa-caret-right"></i>',
        ) );
      ?>
    </section>
</article>コピー

<nav class="navigation pagination" role="navigation">
  <h2 class="screen-reader-text">投稿ナビゲーション</h2>
  <div class="nav-links">
    <a class="prev page-numbers" href="http://localhost/minimalist/">前へ</a>
    <a class="page-numbers" href="http://localhost/minimalist/">1</a>
    <span class="page-numbers current">2</span>
    <a class="page-numbers" href="http://localhost/minimalist/page/3/">3</a>
    <span class="page-numbers dots">…</span>
    <a class="page-numbers" href="http://localhost/minimalist/page/8/">8</a>
    <a class="next page-numbers" href="http://localhost/minimalist/page/3/">次へ</a>
  </div>
</nav>コピー

.screen-reader-text {   /*Screen Reader Textを非表示にする*/
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.PaginationSection{
  margin-bottom: 24px;
}
.PaginationGroup{
  display: flex;
  justify-content: space-between;
}
.PaginationGroup__Item.current{
  border: none;
  background: #36CACA;
  color: #fff;
}
.PaginationGroup__Item{
  margin-left: 8px;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #eee;
  border-radius: 4px;
  color: #36CACA;
  font-size: 1.4rem;
}
.PaginationGroup__Item:first-child,
.PaginationGroup__Item:last-child,
.PaginationGroup__Item.dots{
  border: none;
}
@media screen and (min-width: 768px) {
    .PaginationGroup__Item{
      margin-left: 15px;
      width: 45px;
      height: 45px;
    }
}
コピー

add_filter( 'previous_post_link', 'add_prev_post_link_class' );
function add_prev_post_link_class($output) {
  return str_replace('<a href=', '<a class="Prev" href=', $output);
}
add_filter( 'next_post_link', 'add_next_post_link_class' );
function add_next_post_link_class($output) {
  return str_replace('<a href=', '<a class="Next" href=', $output);
}コピー

<?php
     $post_time = get_the_time('U');
     $days = 3; //Newを表示させる日数
     $last = time() - ($days * 24 * 60 * 60);
     if ($post_time > $last) {
                echo '<span class="New">New</span>';
      }
?>コピー

<?php echo do_shortcode('[ショートコード]'); ?>
<!-- 例 -->
<?php echo do_shortcode('[contact-form-7 id="1" title="お問い合わせ"]'); ?>
コピー

<!-- Twitter -->
<a href="https://twitter.com/share?url=<?= get_the_permalink() ?>&text=<?= get_the_title() ?>" target="_blank"></a>
<!-- Facebook -->
<a href="https://www.facebook.com/share.php?u=<?= get_the_permalink() ?>" target="_blank"></a>コピー