WordPressでよく使うプラグイン紹介！カスタム投稿（出力編）

menu

Home
ＷＥＢ制作
WordPressでよく使うプラグイン紹介！カスタム投稿（出力編）

記事の詳細

こんにちは！小林です！
新年はじめてのブログですね。どうぞ今年もよろしくお願いいたします。

第2回目の「カスタム投稿（入力編）」から少し間が空きましたが、
さっそく続きの出力編の解説をしていきますね！

今回のブログの見出しはコチラです！

1 前回のおさらい
2 まずは、出力する内容を作成しましょう！
3 それではお待ちかねの出力！

前回のおさらい

前回プラグインの「Custom Post Type UI」で作成したのは下記の通りです。

◆投稿タイプ：voice
◆タクソノミー：tax_voice

incloop.com

WordPressでよく使うプラグイン紹介！カスタム投稿（入力編）

こんにちは！前回ご紹介したアドバンスカスタムフィールドはマスターしましたか？今回もよく使う基本プラグインについて解説していきます！はじめに第2回目は「カスタム...

まずは、出力する内容を作成しましょう！

①せっかくなので、以前お話したカスタムフィールドのフォーマットを使いましょう！
まずは、左のメニューから「カスタムフィールド」を選択

②「フィールドグループ」から「サンプルフィールド」を選択

③「フィールドグループを編集」にある「このフィールドグループを表示する条件」を「投稿タイプ」「等しい」「お客様の声」に変更

④左メニューから「お客様の声」を選択。新規追加すると、デフォルトからサンプルフィールドの入力形式に変わります。タイトル、画像（今回は100pxにしました）、説明文を入力して公開してください。

それではお待ちかねの出力！

⑤今回は固定ページに出力します。新規追加した固定ページのパーマリンクの入力箇所をsampleに変更

⑥続いてphpファイルを編集します。使っているテーマのpage.phpをコピーしてpage-sample.phpとします。※私はTwenty seventeenのフォルダにあるpage.phpを使用

⑦下記出力コードを入力します。位置としては、主にコンテンツエリア（wrap、main、contentsなどの名称）にコピー&ペーストしてください。

<?php
$args = array(
  'post_type' => 'voice', /* カスタム投稿名 */
  'posts_per_page' => 5, /* 表示する数 */
); ?>
 
<?php $my_query = new WP_Query( $args ); ?>
 
<div>
 
<?php while ( $my_query->have_posts() ) : $my_query->the_post(); ?>
 
<!-- ▽ ループ開始 ▽ -->
 
  <div>
    <img src="<?php the_field('画像'); ?>" alt="<?php the_title(); ?>">
    <p><?php the_field('説明文'); ?></p>
  </div>
 
<!-- △ ループ終了 △ -->
 
<?php endwhile; ?>
 
</div>
 
<?php wp_reset_postdata(); ?>

1

2

3

4

5

6

7

8

9

10

11

12