この記事ではWordPressで

カスタム投稿タイプのパーマリンクを「数字ベース」にする方法

をご紹介します。

デフォルト機能である「投稿」であれば、パーマリンク構造は管理画面「設定」→「パーマリンク」から簡単に設定可能です。

しかし、カスタム投稿タイプの場合、プラグインを用いるか、あるいはfunctions.phpにソースコードを記述する必要があります。

ケケンタ

今回はfunctions.phpにソースコードを記述して、カスタム投稿タイプのパーマリンク構造を「数字ベース」に設定する方法をご紹介します！

あわせて読みたい

PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】 僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション…

カスタム投稿タイプのパーマリンク構造を「数字ベース」にする

カスタム投稿タイプのパーマリンク構造を「数字ベース」にする手順は非常に簡単で、たったの２ステップで完了できます。

STEP1｜管理画面「設定」→「パーマリンク」の設定が反映されないようにする

カスタム投稿タイプをプラグイン「CPT UI」と「functions.php」のどちらで追加しているのかによって対応内容が変わります。

パターン①　CPT UIを使用している場合

「フロントでのリライト」を「False」に変更します。

パターン②　functions.phpで追加している場合

functions.phpのカスタム投稿タイプ定義箇所のオプションに下記を追記します。

'rewrite' => array('with_front' => false),

STEP2｜functions.phpへソースコードを追記

次に、以下のソースコードをfunctions.phpへ追記します。

/**
 * カスタム投稿タイプのスラッグを「数字ベース」にする
 */
function my_custom_post_type_link( $link, $post ){
    if ( '★your-post-type-slug' === $post->post_type ) {
        return home_url( 'archives/★your-post-type-slug/' . $post->ID );
	}
	return $link;
}
add_filter( 'post_type_link', 'my_custom_post_type_link', 1, 2 );

function my_custom_rewrite_rules_array( $rules ) {
    $new_rules = array( 
        'archives/★your-post-type-slug/([0-9]+)/?$' => 'index.php?post_type=★your-post-type-slug&p=$matches[1]',
	);
    
	return $new_rules + $rules;
}
add_filter( 'rewrite_rules_array', 'my_custom_rewrite_rules_array' );

「★your-post-type-slug」（計４か所）をご自身のカスタム投稿タイプスラッグへ置き換えてお使いください。

ケケンタ

たったこれだけで任意のカスタム投稿タイプのパーマリンク構造を「数字ベース」へ変更することが可能です！

補足｜archivesを除去したい場合

やることは、前述のソースコードから「archives」を取り除くだけです。

/**
 * カスタム投稿タイプのスラッグを「数字ベース」にする
 */
function my_custom_post_type_link( $link, $post ){
    if ( '★your-post-type-slug' === $post->post_type ) {
        return home_url( '/★your-post-type-slug/' . $post->ID );
	}
	return $link;
}
add_filter( 'post_type_link', 'my_custom_post_type_link', 1, 2 );

function my_custom_rewrite_rules_array( $rules ) {
    $new_rules = array( 
        '★your-post-type-slug/([0-9]+)/?$' => 'index.php?post_type=★your-post-type-slug&p=$matches[1]',
	);
    
	return $new_rules + $rules;
}
add_filter( 'rewrite_rules_array', 'my_custom_rewrite_rules_array' );

「★your-post-type-slug」（計４か所）をご自身のカスタム投稿タイプスラッグへ置き換えてお使いください。

まとめ

以上がWordPressでカスタム投稿タイプのパーマリンクを「数字ベース」にする方法でした。

使用頻度は比較的少ないかもしれませんが、実案件で使用する機会があったためこれを機に記事にまとめてみました。

ケケンタ

この記事が少しでもお役に立ったなら何よりです！

当ブログではWordPressやPHPなどに関する情報を発信しています。ご興味のある方はほかの記事もご覧いただけるとうれしいです！

それでは、最後までご覧いただきありがとうございました。

WordPressでは投稿記事を一覧表示できるアーカイブページが用意されています。

アーカイブページで表示する件数は管理画面「設定」→「表示設定」→「1ページに表示する最大投稿数」で設定可能ですが、ここでの設定内容は、「投稿」、「すべてのカスタム投稿タイプ」で共有されています。

つまり、デフォルトでは投稿タイプごとに表示件数を設定することはできないということです。

これでも問題ないケースももちろんあるとは思いますが、逆に

ケケンタ

このカスタム投稿タイプでは表示件数を変えたいんだよな……

という場面もあるかと思います。

そこで今回は

アーカイブページで出力する表示件数を投稿タイプごとに設定する方法

をご紹介します。

ケケンタ

コピペで簡単にカスタマイズできるのでぜひお試しください！

あわせて読みたい

PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】 僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション…

【ソースコード】アーカイブページで出力する表示件数を投稿タイプごとに設定

以下のソースコードをfunctions.phpへ追記します。

カスタム投稿タイプ「products」のアーカイブページの表示件数だけ指定する

add_action( 'pre_get_posts', function( $query ) ) {
    // 「管理画面」や「メインクエリ以外」には適用しない
    if ( is_admin() || ! $query->is_main_query() ) {
        return;
    }

    // カスタム投稿タイプ「products」の場合は1ページに「30件」表示する
    if ( $query->is_post_type_archive( 'products' ) ) {
        $query->set( 'posts_per_page', 30 );
        return;
    }
}

複数のカスタム投稿タイプの表示件数を指定したい場合

add_action( 'pre_get_posts', function( $query ) ) {
    // 「管理画面」や「メインクエリ以外」には適用しない
    if ( is_admin() || ! $query->is_main_query() ) {
        return;
    }

    // カスタム投稿タイプ「products」の場合は1ページに「30件」表示する
    if ( $query->is_post_type_archive( 'products' ) ) {
        $query->set( 'posts_per_page', 30 );
        return;
    }

    // カスタム投稿タイプ「customer-voice」の場合は1ページに「20件」表示する
    if ( $query->is_post_type_archive( 'customer-voice' ) ) {
        $query->set( 'posts_per_page', 20 );
        return;
    }
}

ケケンタ

たったこれだけで特定のカスタム投稿タイプのアーカイブページでだけ記事の表示件数を指定することが可能です！

まとめ

WordPressはデフォルトで様々な機能やページを搭載しています。

しかし、ちょっとした個別調整などを行いたい場合は、今回のようにfunctions.phpにカスタマイズ用のソースコードを記述する必要があります。

今回ご紹介したソースコードではフィルターフックの１つであるpre_get_postsを利用していますが、このようにフィルターフックを活用することで柔軟なカスタマイズができます。

ご興味のある方はぜひご自身でも色々とお調べいただき、カスタマイズに挑戦してみて下さい。

ケケンタ

この記事が少しでもお役に立ったなら何よりです！

当ブログではWordPressやWeb制作、PHPに関する情報を発信しています。

ご興味のある方はぜひほかの記事もご覧いただけるとうれしいです。

ケケンタ

カスタム投稿タイプのアーカイブページや個別ページの作成方法が分からない……

WordPressでカスタム投稿タイプを利用して

• カスタム投稿タイプのアーカイブページ
• カスタム投稿タイプの個別ページ

を作成する方法を解説します。

あわせて読みたい

PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】 僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション…

作業全体の流れ

CPT UIを使用してカスタム投稿タイプやそのアーカイブページ、個別ページを作成する方法を開設するにあたり、まずはザックリと全体の流れをお伝えします。

ケケンタ

それでは順番に解説していきます。

すでにカスタム投稿タイプの作成までお済の方は
【手順③】カスタム投稿タイプのアーカイブページ用のファイルを用意する
からご覧ください。

STEP１　CPT UIをインストールする

今回はこのCPT UIを使用してカスタム投稿タイプを作成し、そのアーカイブページや個別ページを作成する方法を解説していきます。

ケケンタ

それではまずはCPT UI（Custom Post Type UI）をWordPressにインストールしていきましょう。

STEP

「プラグイン」→「新規プラグイン追加」をクリックする

管理画面にある「プラグイン」→「新規プラグイン追加」をクリックします。

STEP

「プラグインの検索」フォームに「CPT UI」と入力する

以下の画像のように、画面右上にある「プラグインの検索」フォームに「CPT UI」と入力します。

ケケンタ

すると、以下のような検索結果が表示されるかと思います。

STEP

「今すぐインストール」をクリックする

続いて、「Custom Post Type UI」の「今すぐインストール」をクリックします。

STEP

「有効化」をクリックする

ボタンの表示が「有効化」に変わるので、それをクリックします。

STEP

「今すぐリロードする」をクリックする

すると、画面上部に「今すぐリロードする」ボタンが表示されるため、それをクリックします。

テーマによっては「今すぐリロードする」ボタンが表示されません。
その場合は、お使いのキーボードの「Ctrl + R」キーを押してページ更新を行ってください。

ケケンタ

ここまで完了すると、以下のように管理画面の左メニューの下の方に「CPT UI」の項目が追加されます。

STEP２　CPT UIでカスタム投稿タイプ作成する

ケケンタ

CPT UIをインストールできたら、続いてカスタム投稿タイプを作成していきます。

STEP

「CPT UI」→「投稿タイプの追加と編集」をクリック

まずは「CPT UI」→「投稿タイプの追加と編集」をクリックします。

STEP

投稿タイプ情報を入力する

以下のような画面が表示されたら、続いて「投稿タイプ情報」を入力していきます。

画面左下の「投稿タイプを追加」ボタンはまだ押さないようにして下さい

（例）入力する情報

項目名	入力内容
投稿タイプスラッグ	sample
複数形のラベル	サンプル
単数形のラベル	サンプル

各項目は任意の分かりやすいもので大丈夫です。
※「投稿タイプスラッグ」はファイル名やソースコード上でも使用します。

入力後

「投稿タイプを追加」ボタンは押さずに次のステップへお進み下さい。
もし押してしまった場合は、画面上部にある以下の「投稿タイプを編集」タブを押してください。

STEP

「投稿タイプ」の「設定」内容を入力する

次に、「投稿タイプ」でアーカイブページが出力されるように設定を行っていきます。

同じ画面のまま、下の方へしばらくスクロールしていくと「アーカイブあり」という項目が見えてきます。

デフォルトでは「False」になっているため、これを「True」に変更します。

この手順はスキップすることも可能ではあるのですが、WordPressの仕組み上、上記のように「True＝有効」にすることで、このあと作成するアーカイブ用ファイルの作成が楽になります。

STEP

「投稿タイプを保存」をクリックする

最後に、ページ最下部にある「投稿タイプを保存」ボタンをクリックします。

ケケンタ

管理画面の左メニューに「サンプル」（STEP２で入力したラベル名）という項目が表示されていればここまでの手順は順調です。

STEP３　カスタム投稿タイプのアーカイブページ用のファイルを用意する

ここからは実際に必要なファイル作成を行っていきます。

掲載するディレクトリはローカル上でのものになりますが、実際にファイル配置する際にはご自身の環境（本番サーバー）で作業をお進めください。

ケケンタ

それでは実際にファイルを作成する手順をご説明します。

STEP

テーマディレクトリ直下に「archive-○○○○.php」を作成する

テーマディレクトリ直下にアーカイブ用のPHPファイル（テンプレートファイル）を作成します。

このとき、ファイル名は

archive-「CPT UIで設定した『投稿タイプスラッグ』」.php

として下さい。

（例）ファイル名

投稿タイプスラッグを「sample」とした場合、
archive-sample.php
にする。

（例）ファイルの作成

archive-○○○○.phpとすることで「『○○○○』というスラッグを持つ投稿タイプのアーカイブページ用ファイル」であることをWordPressに伝えることができます。
これにより、実際に「○○○○」のアーカイブページにアクセスしたときarchive-○○○○.phpが呼び出されます。

STEP

作成したファイルの中にソースコードを記述する

続いて作成したファイルの中に以下のソースコードを記述します。

<?php get_header(); ?>

<div>
    <?php if ( have_posts() ) : ?>
        <?php while ( have_posts() ) : the_post(); ?>
            <!-- カスタム投稿個別ページへのリンク -->
            <p>
              <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
            </p>
        <?php endwhile; ?>
    <?php endif; ?>
</div>

<?php get_footer(); ?>

ケケンタ

ここまででいったんアーカイブページの作成は完了なのですが、実際の表示を見てみたいという方は以下のSTEP３以降もお進めください。

STEP

「【手順②】CPT UIでカスタム投稿タイプ作成する」で作成したカスタム投稿タイプにいくつかサンプル用の投稿記事を追加する

通常の「投稿」と同じ要領で、先ほど作成したカスタム投稿タイプに記事を追加します。

STEP

アーカイブページへアクセスしてみる

STEP３でサンプルの記事をいくつか追加できたら、実際にアーカイブページへアクセスしてみましょう。

アクセスする際は以下のURLをアドレスバーにご入力ください。

https://ドメイン/カスタム投稿タイプのスラッグ

（例）アーカイブページのURL
※カスタム投稿タイプのスラッグが「sample」の場合

https://kekenta-it-blog.com/sample

ケケンタ

すると、アーカイブページと共に追加したサンプル記事の一覧が表示されたかと思います。

STEP４　カスタム投稿タイプの個別ページ用のファイルを用意する

ここまでの手順でカスタム投稿タイプのアーカイブページが作成できました。

続いては、アーカイブページの個別リンクから繋がる個別ページを作成していきます。

STEP

テーマディレクトリ直下に「single-○○○○.php」を作成する

個別ページ用のPHPファイル（テンプレートファイル）を作成します。

このとき、ファイル名は

single-「CPT UIで設定した『投稿タイプスラッグ』」.php

として下さい。

（例）ファイル名

投稿タイプスラッグを「sample」とした場合、
single-sample.php
にする。

ファイルの作成例

アーカイブページのときと同様の理屈で、single-○○○○.phpとすることで「『○○○○』というスラッグを持つ投稿タイプの個別ページ用ファイル」であることをWordPressに伝えることができます。
これにより、実際に「○○○○」の個別ページにアクセスしたときsingle-○○○○.phpが呼び出されます。

STEP

作成したファイルの中にソースコードを記述する

続いて作成したファイルの中に以下のソースコードを記述します。

<?php get_header(); ?>

<!-- タイトル -->
<?php the_title(); ?>
	
<!-- カスタム投稿本文 -->
<?php the_content(); ?>
		
<!-- カスタム投稿アーカイブページへのリンク -->
<a href="<?php echo esc_url(get_post_type_archive_link('カスタム投稿タイプのスラッグ')); ?>">アーカイブページ</a>

<?php get_footer(); ?>

ハイライト行（17行目）はアーカイブページへのリンクになっています。
※get_post_type_archive_link(‘カスタム投稿タイプのスラッグ’)と記述することで、指定したスラッグのアーカイブページのリンクを取得できます。

（例）スラッグが「sample」の場合
get_post_type_archive_link(‘sample’)

ケケンタ

以上で個別ページの作成も完了です！
実際の表示を見てみたいという方は、アーカイブページにある個別ページリンクをクリックしてみて下さい。

<!-- カスタム投稿個別ページへのリンク -->
<p>
  <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</p>

まとめ

ケケンタ

ここまでお疲れさまでした！

記事で見ると工程が長めなので初めて作成した方などにとって大変な作業だったのではないかと思います。

しかし、改めて

CPT UIを使用してカスタム投稿タイプのアーカイブページ・個別ページを作成する手順

を見てみると、大枠としてはそれほど複雑でないことがお分かりになるかと思います。

何度か経験すればおおよその流れは掴めるかと思うので、今後もこの記事を参考にしていただけると嬉しいです。

ケケンタ

この記事が少しでもお役に立ったなら何よりです。
長い記事となりましたが、最後までご覧いただきありがとうございました！

当ブログではWordPressやWeb制作、PHPに関するお役立ち情報を発信しています。

ご興味のある方はぜひほかの記事もご覧いただけると嬉しいです。

あわせて読みたい

【WordPress】タグ一覧ページとタグ個別ページを作成する方法 WordPressのオリジナルテーマを作成しているけどタグのアーカイブページや個別ページの作成方法が分からない…… 今回はこのようなお悩みをお持ちの方に向けて、WordPress…

あわせて読みたい

【WordPress】カテゴリー一覧ページとカテゴリー個別ページを作成する WordPressのオリジナルテーマを作成しているけどカテゴリーのアーカイブページや個別ページの作成方法が分からない…… 今回はこのようなお悩みをお持ちの方に向けて、Wor…

WordPressには投稿ページや固定ページ、カテゴリーページなどを判定することが可能なテンプレートタグが用意されています。

また、それらを使用することでis_single(‘スラッグ’)などのように記述すれば「スラッグが○○○の投稿ページ」という風に個別判定することも可能です。

ケケンタ

しかし、カスタム投稿タイプとなると話は別で、
「スラッグが○○○のカスタム投稿タイプページ」
という風に、カスタム投稿タイプ内で特定のページを判定をするためのテンプレートタグは用意がありません。

そのため今回は

カスタム投稿タイプの特定ページを
スラッグで判定する方法

をご紹介していきます。

ケケンタ

カスタム投稿タイプの中の特定のページを判定したいのにできずにお困りの方は、今回の方法を使用すれば簡単に実装可能です。
ぜひご活用ください！

あわせて読みたい

PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】 僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション…

【ソースコード】カスタム投稿タイプの特定ページを判定する方法

以下のソースコードで「カスタム投稿タイプのの特定ページをスラッグで判定する」ことが可能です。

// 現在のページ情報
global $post;

// スラッグ
$slug = $post->post_name;

// スラッグが「sample_post」かどうかを判定
if ( $slug === 'sample_post' ) {

    /**
     * ここにスラッグが「sample_post」だった場合の処理を記述
     */    
}

前述したように、WordPressには「カスタム投稿タイプの特定ページを判定するテンプレートタグ」がありません。

そこで今回利用するのが上記でハイライトされている

// 現在のページ情報
global $post;

の部分です。

WordPressにはグローバル変数と呼ばれるものが使用されており、global $post;と記述することでグローバル変数$postを呼び出しています。
また、グローバル変数$postには現在のページ情報が格納されています。

したがって、「global $post;と記述して$postを呼び出すことで、現在のページ情報を$postという変数で扱えるようになる」という理屈です。

※$postの変数名は変更してはいけません。

ケケンタ

グローバル変数$postには当然ながらそのページのスラッグ情報なども格納されています。

今回はその性質を利用し、「カスタム投稿タイプの特定ページを判定」しています。

カスタム投稿タイプ以外でも使用可能

この記事では「カスタム投稿タイプ」に限定して解説を進めてました。

しかし、今回ご紹介したソースコードは

投稿・固定・カスタム投稿タイプのどれであるかに関わらず使用することが可能

です。

ただ、投稿タイプならis_single()、固定ページならis_page()という風に用意されているテンプレートタグを使用する方がソースコードはシンプルに書けます。
そのため、カスタム投稿タイプ以外での判定には素直にテンプレートタグを利用することを推奨します。

まとめ

以上が「カスタム投稿タイプの特定ページを判定する方法」でした。

あまり無いケースだからなのかもしれませんが、カスタム投稿タイプの特定ページを判定する方法の解説記事があまり見当たらなかったため、今回記事にまとめてみました。

当ブログではWordPressやPHP、Web制作に関するお役立ち情報を発信しています。

ご興味のある方はぜひ他の記事もご覧いただけると嬉しいです！

ケケンタ

それでは、最後までご覧いただきありがとうございました！
この記事がお役に立ったなら何よりです。