この記事ではWordpressで

記事情報をCSV出力するボタンを投稿一覧画面に設置する方法

をご紹介します。

作成するボタン（イメージ）

ケケンタ

今回ご紹介するソースコードを利用することで、記事ごとの記事IDやURLを一覧で出力することができます！

また、今回は「記事一覧情報をCSV出力する」という具体的な目的にそった内容となっていますが、当記事の内容を理解することでWordPressの管理画面上でフォーム送信処理を安全に書くことができるようになります。

ぜひ最後までご覧いただければ幸いです！

あわせて読みたい

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

【結論】ソースコード

今回使用するファイルはfunctions.phpのみです。

以下のソースコードをfunctions.phpに記述するだけで「記事の一覧情報をCSV出力するボタン」を投稿一覧画面に表示できます。

ソースコード（functions.php）

/**
 * CSVファイルを生成して出力する。
 */
function createCsvPostList()
{
	if (isset($_POST['csv-output']) && $_POST['csv-output'] === 'true') {
		// セキュリティチェック
		if (!isset($_POST['nonce']) || !wp_verify_nonce($_POST['nonce'], 'csv-output-action')) {
			wp_die('セキュリティチェックに失敗しました。');
		}

		// CSVファイル名
		$file_name = '記事PV出力_' . date('Ymd_His') . '.csv';

		// CSVダウンロード用のヘッダーを設定
		header('Content-Type: text/csv; charset=utf-8');
		header('Content-Disposition: attachment; filename="' . $file_name . '"');

		// 出力ストリームに接続されたファイルポインタを作成
		$output = fopen('php://output', 'w');

		// Excel互換のためにUTF-8 BOM（バイトオーダーマーク）を追加
		fwrite($output, "\xEF\xBB\xBF");

		// CSVヘッダー行
		fputcsv($output, ['記事ID', '記事タイトル', '記事URL']);

		// 公開済みの記事を全て取得
		$args = [
			'post_type'      => 'post',
			'post_status'    => 'publish',
			'posts_per_page' => -1, // 全ての記事を取得
		];
		$posts = new WP_Query($args);

		// 記事が見つからなかった場合の処理
		if (!$posts->have_posts()) {
			fputcsv($output, ['記事が見つかりませんでした。']);
			fclose($output);
			exit;
		}

		// 記事の処理件数をカウント
		$post_count = 0;

		if ($posts->have_posts()) {
			while ($posts->have_posts()) {
				$posts->the_post();

				// 記事の処理件数をカウントアップ
				$post_count++;

				// 記事IDとタイトルを取得
				$post_id    = get_the_ID();
				$post_title = get_the_title();
				$post_url = get_permalink();

				// CSVにデータを追加
				fputcsv($output, [$post_id, $post_title, $post_url]);
			}
			wp_reset_postdata();
		}

		// 処理件数をCSVに出力
		fputcsv($output, ['処理件数：' . $post_count . '件']);

		// ファイルポインタを閉じる
		fclose($output);

		// これ以上の出力を防ぐために終了
		exit;
	}
}

/**
 * 管理画面の投稿一覧画面にCSV出力ボタンを追加する
 */
function addCsvExportButtonToPostList()
{
    global $pagenow;

    // 投稿一覧画面でのみ実行
    if ('edit.php' === $pagenow) {
?>
        <form method="post" action="<?php echo admin_url('admin-post.php'); ?>" style="display: inline-block; position: fixed; right: 30px; bottom: 30px;">
            <input type="hidden" name="action" value="csv_export">
            <?php wp_nonce_field('csv-output-action', 'nonce'); ?>
            <input type="hidden" name="csv-output" value="true">
            <button type="submit" class="csv-output-btn">記事情報をCSV出力</button>
        </form>
<?php
    }
}
add_action('admin_footer', 'addCsvExportButtonToPostList');

/**
 * CSV出力処理を実行
 */
add_action('admin_post_csv_export', 'createCsvPostList');
add_action('admin_post_nopriv_csv_export', 'createCsvPostList');

functions.phpの編集方法については以下の記事で詳しく解説しています。

あわせて読みたい

【WordPress】functions.phpを編集する「３つ」の方法と編集時の注意点 WordPressで機能カスタマイズをする際は、必ずと言っていいほどfunctions.phpを編集することになります。 しかし、functions.phpを編集したことで何らかのエラーが発生…

解説

簡単にソースコードの解説をします。

 ポイント（３つ）

① createCsvPostList()

CSVファイルの出力を行う関数

② addCsvExportButtonToPostList()

投稿一覧画面にCSV出力処理を実行するためのボタンを設置する関数
（＝createCsvPostList()を実行するためのボタン）

③ add_action(‘admin_post_〇〇〇’, ‘●●●●●’);

WordPress管理画面内でPOST送信を実行するために必要なアクションフック

① createCsvPostList()

createCsvPostList()はCSVファイルの出力を行う関数です。この関数が実行されることで、ローカルPC上に記事一覧情報がCSVファイルでダウンロードされます。

/**
 * CSVファイルを生成して出力する。
 */
function createCsvPostList()
{
	if (isset($_POST['csv-output']) && $_POST['csv-output'] === 'true') {
		// セキュリティチェック
		if (!isset($_POST['nonce']) || !wp_verify_nonce($_POST['nonce'], 'csv-output-action')) {
			wp_die('セキュリティチェックに失敗しました。');
		}

		// CSVファイル名
		$file_name = '記事PV出力_' . date('Ymd_His') . '.csv';

		// CSVダウンロード用のヘッダーを設定
		header('Content-Type: text/csv; charset=utf-8');
		header('Content-Disposition: attachment; filename="' . $file_name . '"');

		// 出力ストリームに接続されたファイルポインタを作成
		$output = fopen('php://output', 'w');

		// Excel互換のためにUTF-8 BOM（バイトオーダーマーク）を追加
		fwrite($output, "\xEF\xBB\xBF");

		// CSVヘッダー行
		fputcsv($output, ['記事ID', '記事タイトル', '記事URL']);

		// 公開済みの記事を全て取得
		$args = [
			'post_type'      => 'post',
			'post_status'    => 'publish',
			'posts_per_page' => -1, // 全ての記事を取得
		];
		$posts = new WP_Query($args);

		// 記事が見つからなかった場合の処理
		if (!$posts->have_posts()) {
			fputcsv($output, ['記事が見つかりませんでした。']);
			fclose($output);
			exit;
		}

		// 記事の処理件数をカウント
		$post_count = 0;

		if ($posts->have_posts()) {
			while ($posts->have_posts()) {
				$posts->the_post();

				// 記事の処理件数をカウントアップ
				$post_count++;

				// 記事IDとタイトルを取得
				$post_id    = get_the_ID();
				$post_title = get_the_title();
				$post_url = get_permalink();

				// CSVにデータを追加
				fputcsv($output, [$post_id, $post_title, $post_url]);
			}
			wp_reset_postdata();
		}

		// 処理件数をCSVに出力
		fputcsv($output, ['処理件数：' . $post_count . '件']);

		// ファイルポインタを閉じる
		fclose($output);

		// これ以上の出力を防ぐために終了
		exit;
	}
}

上から順番に、主要なソースコードの解説をします。

if (isset($_POST['csv-output']) && $_POST['csv-output'] === 'true'){
    ～省略～
}

name属性がcsv-outputでvalue属性がtrueとなっているボタンからPOST送信があった場合にのみ、CSV出力処理が実行されるよう制御しています。

// セキュリティチェック
if (!isset($_POST['nonce']) || !wp_verify_nonce($_POST['nonce'], 'csv-output-action')) {
	wp_die('セキュリティチェックに失敗しました。');
}

WordPressにはnonceという仕組みが用意されています。いわゆるCSRF攻撃対策のために、上記のセキュリティチェック処理が必須です。

CSRF対策については以下の記事で詳しく解説しています。

あわせて読みたい

【CSRF】攻撃の流れやPHPでの対策方法を解説【クロスサイトリクエストフォージェリ】 Webサイトへのセキュリティ攻撃の１つにCSRF（クロスサイトリクエストフォージェリ）というものがあります。 この記事では、 CSRFの攻撃の流れ 攻撃による影響・被害 PH…

具体的には、ボタンをクリックしたときにトークン（ランダムな文字列）も一緒にPOST送信し、上記のソースコードで「このPOST送信は受け取って問題のないものか？（攻撃者によるリクエストではないか？）」を判定しています。

POST送信を行うようなWebアプリでは、必ずこのようにトークンを用いて正規のリクエストかどうかを判定する必要があります。

ケケンタ

CSRF対策をしておかないと、例えば、「アクセス情報を改ざん → 不正にアクセスされる」といった被害が発生する可能性があります！

// CSVファイル名
$file_name = '記事PV出力_' . date('Ymd_His') . '.csv';

コメントにもあるように、ここでCSVファイルの名前を設定しています。ファイルの上書きを防ぐためにも、基本的には日時情報を含めることで、ファイル名が必ず一意となるようにすることをオススメします。

// CSVダウンロード用のヘッダーを設定
header('Content-Type: text/csv; charset=utf-8');
header('Content-Disposition: attachment; filename="' . $fileName . '"');

ここではヘッダー情報を設定しています。

// CSVヘッダー行
fputcsv($output, ['記事ID', '記事タイトル', '記事URL']);

CSVファイルに出力する各列の項目名を設定しています。出力する情報や出力する順番などに応じてご調整ください。

// 公開済みの記事を全て取得
$args = [
	'post_type'      => 'post',
	'post_status'    => 'publish',
	'posts_per_page' => -1, // 全ての記事を取得
];
$posts = new WP_Query($args);

ここではすべての記事情報を取得しています。行っていることは、サブループの生成とまったく同じです。

上記のソースコードでは「公開済み」の記事を対象としていますが、別のオプションや複数のオプションを同時に指定することも可能です。

サブループ（WP_Query）については以下の記事で詳しく解説しています。
※「投稿状態のオプション」については下記記事の投稿の状態（公開・下書きなど） の章をご覧ください。

あわせて読みたい

【WordPress】WP_Query（サブループ）の使い方とパラメータ一覧を紹介 WordPressでサイト制作をしているとメインの記事一覧以外に「別の記事一覧も出力したい！」となることが多々あります。 今回はそこで深く関係してくるメインループ、サ…

if ($posts->have_posts()) {
	while ($posts->have_posts()) {
		$posts->the_post();

		// 記事の処理件数をカウントアップ
		$post_count++;

		// 記事IDとタイトルを取得
		$post_id    = get_the_ID();
		$post_title = get_the_title();
		$post_url = get_permalink();

		// CSVにデータを追加
		fputcsv($output, [$post_id, $post_title, $post_url]);
	}
	wp_reset_postdata();
}

サブループを利用したことがある方ならお馴染みのループ処理です。ページ制作のときはここでHTMLタグを使用して記事情報を出力しますが、今回はCSVファイルへ出力するデータとして、記事情報をピックアップしています。

もしカテゴリーやタグ情報も必要な場合は、この処理内でget_the_category()などのテンプレートタグを使用してご自由にカスタマイズ可能です。

② addCsvExportButtonToPostList()

続いて、投稿一覧画面にCSV出力処理を実行するためのボタンを表示するソースコードの解説です。

/**
 * 管理画面の投稿一覧画面にCSV出力ボタンを追加する
 */
function addCsvExportButtonToPostList()
{
    global $pagenow;

    // 投稿一覧画面でのみ実行
    if ('edit.php' === $pagenow) {
?>
        <form method="post" action="<?php echo admin_url('admin-post.php'); ?>" style="display: inline-block; position: fixed; right: 30px; bottom: 30px;">
            <input type="hidden" name="action" value="csv_export">
            <?php wp_nonce_field('csv-output-action', 'nonce'); ?>
            <input type="hidden" name="csv-output" value="true">
            <button type="submit" class="csv-output-btn">記事情報をCSV出力</button>
        </form>
<?php
    }
}
add_action('admin_footer', 'addCsvExportButtonToPostList');

global $pagenow;

// 投稿一覧画面でのみ実行
if ('edit.php' === $pagenow) {
    ～省略～
}

global $pagenow;により、「現在表示中のページ情報」を取得することができます。また、「投稿一覧画面＝edit.php」のため、if分でいまいるページが投稿一覧画面かどうかを判定しています。

<!-- ボタンは画面右下に固定表示する -->
<form method="post" action="<?php echo admin_url('admin-post.php'); ?>" style="display: inline-block; position: fixed; bottom: 30px; right: 30px;">
	<input type="hidden" name="action" value="csv_export">
	<?php wp_nonce_field('csv-output-action', 'nonce'); ?>
	<input type="hidden" name="csv-output" value="true">
	<button type="submit" class="csv-output-btn">PV数をCSV出力</button>
</form>

ここで投稿一覧画面に表示するボタンのHTMLを記述しています。

WordPressでは管理画面内でフォーム送信を処理するためのファイルとしてadmin-post.phpが準備されています。action属性では、admin_url()関数を使用することで、admin-post.phpへPOST送信するためのURLを生成しています。

また、wp_nonce_field関数によって、自動的にトークンを持つinputタグが生成されます。

wp_nonce_field関数によって自動生成されるinputタグ

add_action('admin_footer', 'addCsvExportButtonToPostList');

最後に、アクションフックadmin_footerにaddCsvExportButtonToPostList()関数をフックすることで、投稿一覧画面のフッター部分（</body>タグの直前）でボタンのHTMLが出力されるよう設定しています。

admin_footerフックを使用した場合、HTMLの出力箇所をCSSで調整する必要があります。今回はわかりやすくする意味でposition: fixed;による固定配置としました。

③ add_action(‘admin_post_〇〇〇’, ‘●●●●●’);

３つ目のポイントとなるソースコードは、以下の２行です。

/**
 * CSV出力処理を実行
 */
add_action('admin_post_csv_export', 'createCsvPostList');
add_action('admin_post_nopriv_csv_export', 'createCsvPostList');

先ほどadmin-post.phpについて触れました。

上記２行のソースコードは、admin-post.phpで実行するための関数を登録するためのものです。admin-post.phpは、フォーム送信されたデータに含まれる「action属性の値」にもとづき、登録されているアクション（関数）を実行します。

具体的にはadmin_post_{action} というアクションフックに登録された関数が実行されるという仕組みになっています。

例えば今回のソースコードを見ると、formタグ内にあるinputタグのひとつにvalue="csv_export"が設定されています。（つまりフォームデータにcsv_exportが含まれる）

一方、アクションフックではadd_action('admin_post_csv_export', 'createCsvPostList'); のように、createCsvPostList()関数をフックしています。

これにより、投稿一覧画面のボタンを押すことでcreateCsvPostList()＝CSV出力処理が実行されるという仕組みになっています。

なお、admin_post_nopriv_csv_exportアクションフックについては、本来は非ログインユーザー向けのものです。一見すると不要にも思えますが、セキュリティの互換性から、admin_post_{action}とadmin_post_nopriv_{action}は併記することが推奨されています。

まとめ

以上が記事情報をCSV出力するボタンを投稿一覧画面に設置する方法でした。

今回は「記事一覧情報をCSV出力する」という具体的な目的にそった内容でした。しかし、当記事の内容を理解すれば、管理画面上でフォーム送信する処理を安全に書くことができるようになります。

特にnonceによるセキュリティチェックやadmin_post_{action}のようなアクションフックの理解は、Wordpressカスタマイズの柔軟性を高めてくれるはずです。

ケケンタ

この記事が皆さまのWordpress開発のお役に立てたなら何よりです！

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

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

僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。

しかし、それに費やした累計学習期間は1年ほど。モチベーションのアップダウンにより学習を中断してしまった期間も含めると、全部で2年半~3年ほどの時間がかかりました。

もしあなたが今すぐにでもPHPやWordPressを習得したいなら、この記事で紹介するプログラミングスクールの無料カウンセリングを今すぐ予約することをおすすめします。

ケケンタ

なぜなら、独学で3年かかる内容を、適切なスクールなら6ヶ月〜1年で習得できるからです。

時間はお金では買えません。今すぐ行動を起こすかどうかで、あなたのキャリアは大きく変わります。

ただ、僕が独学を貫いてきた経験を振り返って強く感じているのは、PHPを学習する目的が転職や副業なのであれば、プログラミングスクールへ通うのが望ましいということです。

プログラミングスクールはお金もかかるし、金額も決して安くはありません。ただ、お金は稼げば増えますが、過ぎ去った時間だけは二度と取り戻すことができません。

僕自身の経験を踏まえ、本気でPHPを仕事にしたいとお考えであれば、プログラミングスクールへ通うことがもっとも現実的な選択だと考えています。

ケケンタ

そこでこの記事では、これからPHPを学習して仕事をしていきたい方へ向けて、PHPが学べるおすすめのプログラミングスクールをご紹介します。

プログラミングスクールへ通うこと自体、とてもハードルが高いです。そのハードルを下げつつ、この記事をお読みくださっている方がご自身に適したスクールを見つけられる手助けになれば幸いです。

PHPを学ぶことは、日本だけでなく世界中のWebサイトで使用されているWordpressを扱えるようになることにもつながります。そのため本記事では、PHPだけでなく、Wordpressを学べるプログラミングスクールもあわせてご紹介します。

  今回ご紹介するプログラミングスクールの早見表
※スクール名のリンクをクリックするとページ内遷移します。

•  すべてのスクール
• Webエンジニア向け
• Webサイト制作向け
• 給付金制度あり

スクロールできます

スクール名	対応業種	給付金割引	一括料金	転職支援	フリーランス支援	副業支援	質問/相談サポート	担当講師	受講形式	受講期間・時間
侍エンジニア 公式サイト	Webサイト制作 Webエンジニア		66,000円～				24時間対応 ※回数無制限	現役エンジニア	オンライン （マンツーマン）	250～300時間
忍者CODE 公式サイト	Webサイト制作		98,000円～				24時間対応の チャットサポート ※無期限・無制限	現役エンジニア	オンライン	2～4ヶ月
DMM WEBCAMP 公式サイト	Webエンジニア		169,800円～				24時間対応	現役エンジニア	オンライン	1～4ヶ月
CodeCamp 公式サイト	Webサイト制作 Webエンジニア		16,5000円～				7時〜23時40分 ※AIチャットは24時間使用可能	現役エンジニア	オンライン	2～6ヶ月間
デイトラ 公式サイト	Webサイト制作		129,800円				24時間対応 （返信は12:00～22:00の間） ※質問期間：１年	現役エンジニア・フリーランス	オンライン	114日 ※サポート：1年間
WEBCOACH 公式サイト	Webサイト制作		317,000円～				24時間質問 ※回数無制限 ※質問対応AIあり	現役エンジニア	オンライン	3～6ヶ月
INTERNET ACADEMY 公式サイト	Webエンジニア		261,360円～				オンライン質問	現役エンジニア	オンライン/通学	最大1年間

スクロールできます

スクール名	対応業種	給付金割引	一括料金	転職支援	フリーランス支援	副業支援	質問/相談サポート	担当講師	受講形式	受講期間・時間
侍エンジニア 公式サイト	Webサイト制作 Webエンジニア		66,000円～				24時間対応 ※回数無制限	現役エンジニア	オンライン （マンツーマン）	250～300時間
DMM WEBCAMP 公式サイト	Webエンジニア		169,800円～				24時間対応	現役エンジニア	オンライン	1～4ヶ月
CodeCamp 公式サイト	Webサイト制作 Webエンジニア		16,5000円～				7時〜23時40分 ※AIチャットは24時間使用可能	現役エンジニア	オンライン	2～6ヶ月間
INTERNET ACADEMY 公式サイト	Webエンジニア		261,360円～				オンライン質問	現役エンジニア	オンライン/通学	最大1年間

スクロールできます

スクール名	対応業種	給付金割引	一括料金	転職支援	フリーランス支援	副業支援	質問/相談サポート	担当講師	受講形式	受講期間・時間
侍エンジニア 公式サイト	Webサイト制作 Webエンジニア		66,000円～				24時間対応 ※回数無制限	現役エンジニア	オンライン （マンツーマン）	250～300時間
忍者CODE 公式サイト	Webサイト制作		98,000円～				24時間対応の チャットサポート ※無期限・無制限	現役エンジニア	オンライン	2～4ヶ月
CodeCamp 公式サイト	Webサイト制作 Webエンジニア		16,5000円～				7時〜23時40分 ※AIチャットは24時間使用可能	現役エンジニア	オンライン	2～6ヶ月間
デイトラ 公式サイト	Webサイト制作		129,800円				24時間対応 （返信は12:00～22:00の間） ※質問期間：１年	現役エンジニア・フリーランス	オンライン	114日 ※サポート：1年間
WEBCOACH 公式サイト	Webサイト制作		317,000円～				24時間質問 ※回数無制限 ※質問対応AIあり	現役エンジニア	オンライン	3～6ヶ月

スクロールできます

スクール名	対応業種	給付金割引	一括料金	転職支援	フリーランス支援	副業支援	質問/相談サポート	担当講師	受講形式	受講期間・時間
侍エンジニア 公式サイト	Webサイト制作 Webエンジニア		66,000円～				24時間対応 ※回数無制限	現役エンジニア	オンライン （マンツーマン）	250～300時間
DMM WEBCAMP 公式サイト	Webエンジニア		169,800円～				24時間対応	現役エンジニア	オンライン	1～4ヶ月
CodeCamp 公式サイト	Webサイト制作 Webエンジニア		16,5000円～				7時〜23時40分 ※AIチャットは24時間使用可能	現役エンジニア	オンライン	2～6ヶ月間
WEBCOACH 公式サイト	Webサイト制作		317,000円～				24時間質問 ※回数無制限 ※質問対応AIあり	現役エンジニア	オンライン	3～6ヶ月
INTERNET ACADEMY 公式サイト	Webエンジニア		261,360円～				オンライン質問	現役エンジニア	オンライン/通学	最大1年間

どのスクールが自分に合うか迷ったら、まずは無料カウンセリングを受けてみることをおすすめします。

各スクールの特徴は上記の通りですが、実際に話を聞いてみないと分からないこともたくさんあります。

無料で相談できる機会を逃すのはもったいないです。

ケケンタ

僕も独学で苦労した経験があるからこそ、適切なスクール選びの重要性を痛感しています。まずは無料カウンセリングで相談してみてください。

PHPが学べるプログラミングスクールを選ぶ「７つ」のポイント

PHPが学べるプログラミングスクールは本当にたくさんあります。その中から自分に合ったスクールを見つけ出すのは容易なことではありません。

そこで本章では、プログラミングスクールを選ぶ上での７つのポイントをご紹介します。

スクールを探す際の注目ポイントとして、ぜひおさえていただければと思います。

以下より、ひとつずつ解説していきます。

１．現役エンジニアによる指導体制

プログラミングスクール選びで最も重要視するべきは、講師が現役エンジニアであるかどうかという点です。

実のところ、一部のプログラミングスクールでは、大学生やスクール卒業生が講師を務めているケースがあります。

ケケンタ

「現役エンジニア」と「大学生やスクール卒業生」とでは、どんな風に違いがあるの……？

言ってしまえば、現役エンジニアは学校教師、大学生やスクール卒業生は塾アルバイトといったイメージです。

このように、講師が現役エンジニアであることには大きなメリットがあります。

効率的な学習を目指す場合は、現役エンジニアが講師を務めているプログラミングスクールを選択することをおすすめします。

この記事でご紹介するプログラミングスクールはすべて現役エンジニアが講師をしています。

２．カリキュラム

Webサイトで使用されているプログラミング言語は様々ですが、その中でもPHPは圧倒的なシェアを誇ります。そのため、PHPの活用範囲は多岐にわたります。

例えば、Web制作ではWordPressでPHPが使用されています。一方、Web開発ではLaravelなどのPHPフレームワークが活用されています。

このように、PHPはWeb制作・Web開発の両方で幅広く利用されているため、プログラミングスクールへ通う学習目的に適したカリキュラムがあるかどうかを確認することがとても大切です。

  学習目的とそれに対応する学習内容

ちなみにですが、Web制作の学習は、フリーランスとしてのキャリア形成に適しています。一方、Web開発の学習は、高い市場価値を持つエンジニアとしての成長につながります。

どちらのキャリアを選択するのかによって学習内容は大きく異なるため、事前に学習目的を明確にすることが大切です。

また、学習目的によって適したプログラミングスクールも変わってきます。

ケケンタ

自分の学習目的に合ったカリキュラムをきちんと見極めることが大切です！

３．料金

カリキュラムやサポート内容に見合った料金設定であるかどうかを確認することも大切です。

料金が極端に安いまたは高額な場合、期待するサービスの質と実際のサービス内容にギャップが生じる可能性があります。

料金とサービスの質は必ずしも比例しません。実績や評判・口コミも確認し、適切な料金設定であるか判断することが大切です。

４．質問サポート

質問サポートがどこまでしっかりしているのかを確認することが大切です。

仮に現役エンジニアが講師を務めていても、質問できる時間がほとんどないようでは、ただお金を払って教材をもらい独学で学習することと同じになってしまいます。

プログラミングスクールに通う大きなメリットのひとつは、現役エンジニアの経験にもとづく技術的な話を聞くことができることです。

サポート体制はスクールごとに異なります。具体的には、以下の5点を確認しましょう。

  質問サポートの確認項目

質問サポートがしっかりと整っていれば、独学だと行き詰まってしまい余計な時間をかけがちな内容もスムーズに学習することが可能です。

５．転職・案件獲得サポート体制

PHPをプログラミングスクールで学習する目的はいくつかあるかと思います。中でも、エンジニア転職を目指す場合、転職支援体制がどれだけ充実しているかがとても重要です。

その理由は、技術習得と転職活動にそれぞれ必要な労力がまったく異なるためです。

例えば、実務のスタートラインに立てるだけの技術力が備わったとしても、転職活動で失敗してしまえばプログラミングスクールに通った意味が無くなってしまいます。

また、プログラミング学習と並行しながら自力で転職活動を行うことはとても大変なことです。

そのため、プログラミングスクールで以下のような転職サポートが用意されていると、転職成功まで比較的安心感をもってPHPの習得に励むことができます。

  あると安心な転職・案件獲得サポートの例

６．実績

ここまでご紹介したポイントもすべて大切ですが、「本当に選んで大丈夫なプログラミングスクールなのか」を見極めるうえで最も客観的な目安となるのが転職実績です。

高い転職実績を持つということは、それだけ各サービスの質が保証されていることの裏付けにもなります。

ケケンタ

それに、いくらサポート体制が「充実してる」としても、最終的に目的を達成できなければ意味が無いですよね……。

転職実績の良し悪しに関係してくる内容としては下記が挙げられます。

  転職実績に関係するサポート体制

もし転職実績がしっかりあるプログラミングスクールであれば、上記のサポート体制の質も高いことがうかがえます。

SNS上で評判や口コミを調べ、サポート体制の実態や実績の根拠を確認するのも有効です。

７．無料体験・カウンセリングの提供

ここまで、「現役エンジニアによる指導か？」、「カリキュラムは目的にマッチしているか？」、「十分な実績はあるのか？」など、大切なポイントについてご紹介してきました。

しかし、スクールのウェブサイト情報だけでは、必要な情報を十分に得られない場合があります。

そのため、最終的には、無料体験や無料カウンセリングを通じて、詳細な情報をご自身の目で確認することがとても大切です。

ケケンタ

無料体験・カウンセリングがないプログラミングスクールだと、入学後に「イメージと違った！」と困った状況になるリスクが高くなります……

PHPを学べるプログラミングスクールを選択する際は、「無料体験・無料カウンセリングを提供しているかどうか」という点も重視することをおすすめします。

「プログラミングスクールは高いから…」とお考えの方へ

確かに初期投資は必要ですが、独学で3年かかる内容を1年で習得できれば、その分早く収入を得ることができます。

投資対効果を考えると、実は独学の方がコストが高い可能性があります。

例えば、独学で3年かかって月収20万円の仕事に就く場合と、スクールで1年かかって月収30万円の仕事に就く場合を比較してみましょう。

つまり、適切なスクール選びは、長期的に見ると大きな投資になります。

ケケンタ

僕自身の経験から言えるのは、お金よりも時間の方が貴重だということです。今すぐ行動を起こすことで、あなたのキャリアは大きく変わるはずです。

PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】

それでは、PHPやWordPressを学ぶのにおすすめのプログラミングスクール７選をご紹介します。

それぞれのスクールやコース・プランの特徴をテーブルにまとめています。ここまで見てきたポイントを踏まえつつ、どのプログラミングスクールが自分に適しているかを冷静に見極めましょう。

  今回ご紹介するプログラミングスクールの早見表
※スクール名のリンクをクリックするとページ内遷移します。

•  すべてのスクール
• Webエンジニア向け
• Webサイト制作向け
• 給付金制度あり

スクロールできます

スクール名	対応業種	給付金割引	一括料金	転職支援	フリーランス支援	副業支援	質問/相談サポート	担当講師	受講形式	受講期間・時間
侍エンジニア 公式サイト	Webサイト制作 Webエンジニア		66,000円～				24時間対応 ※回数無制限	現役エンジニア	オンライン （マンツーマン）	250～300時間
忍者CODE 公式サイト	Webサイト制作		98,000円～				24時間対応の チャットサポート ※無期限・無制限	現役エンジニア	オンライン	2～4ヶ月
DMM WEBCAMP 公式サイト	Webエンジニア		169,800円～				24時間対応	現役エンジニア	オンライン	1～4ヶ月
CodeCamp 公式サイト	Webサイト制作 Webエンジニア		16,5000円～				7時〜23時40分 ※AIチャットは24時間使用可能	現役エンジニア	オンライン	2～6ヶ月間
デイトラ 公式サイト	Webサイト制作		129,800円				24時間対応 （返信は12:00～22:00の間） ※質問期間：１年	現役エンジニア・フリーランス	オンライン	114日 ※サポート：1年間
WEBCOACH 公式サイト	Webサイト制作		317,000円～				24時間質問 ※回数無制限 ※質問対応AIあり	現役エンジニア	オンライン	3～6ヶ月
INTERNET ACADEMY 公式サイト	Webエンジニア		261,360円～				オンライン質問	現役エンジニア	オンライン/通学	最大1年間

スクロールできます

スクール名	対応業種	給付金割引	一括料金	転職支援	フリーランス支援	副業支援	質問/相談サポート	担当講師	受講形式	受講期間・時間
侍エンジニア 公式サイト	Webサイト制作 Webエンジニア		66,000円～				24時間対応 ※回数無制限	現役エンジニア	オンライン （マンツーマン）	250～300時間
DMM WEBCAMP 公式サイト	Webエンジニア		169,800円～				24時間対応	現役エンジニア	オンライン	1～4ヶ月
CodeCamp 公式サイト	Webサイト制作 Webエンジニア		16,5000円～				7時〜23時40分 ※AIチャットは24時間使用可能	現役エンジニア	オンライン	2～6ヶ月間
INTERNET ACADEMY 公式サイト	Webエンジニア		261,360円～				オンライン質問	現役エンジニア	オンライン/通学	最大1年間

スクロールできます

スクール名	対応業種	給付金割引	一括料金	転職支援	フリーランス支援	副業支援	質問/相談サポート	担当講師	受講形式	受講期間・時間
侍エンジニア 公式サイト	Webサイト制作 Webエンジニア		66,000円～				24時間対応 ※回数無制限	現役エンジニア	オンライン （マンツーマン）	250～300時間
忍者CODE 公式サイト	Webサイト制作		98,000円～				24時間対応の チャットサポート ※無期限・無制限	現役エンジニア	オンライン	2～4ヶ月
CodeCamp 公式サイト	Webサイト制作 Webエンジニア		16,5000円～				7時〜23時40分 ※AIチャットは24時間使用可能	現役エンジニア	オンライン	2～6ヶ月間
デイトラ 公式サイト	Webサイト制作		129,800円				24時間対応 （返信は12:00～22:00の間） ※質問期間：１年	現役エンジニア・フリーランス	オンライン	114日 ※サポート：1年間
WEBCOACH 公式サイト	Webサイト制作		317,000円～				24時間質問 ※回数無制限 ※質問対応AIあり	現役エンジニア	オンライン	3～6ヶ月

スクロールできます

スクール名	対応業種	給付金割引	一括料金	転職支援	フリーランス支援	副業支援	質問/相談サポート	担当講師	受講形式	受講期間・時間
侍エンジニア 公式サイト	Webサイト制作 Webエンジニア		66,000円～				24時間対応 ※回数無制限	現役エンジニア	オンライン （マンツーマン）	250～300時間
DMM WEBCAMP 公式サイト	Webエンジニア		169,800円～				24時間対応	現役エンジニア	オンライン	1～4ヶ月
CodeCamp 公式サイト	Webサイト制作 Webエンジニア		16,5000円～				7時〜23時40分 ※AIチャットは24時間使用可能	現役エンジニア	オンライン	2～6ヶ月間
WEBCOACH 公式サイト	Webサイト制作		317,000円～				24時間質問 ※回数無制限 ※質問対応AIあり	現役エンジニア	オンライン	3～6ヶ月
INTERNET ACADEMY 公式サイト	Webエンジニア		261,360円～				オンライン質問	現役エンジニア	オンライン/通学	最大1年間

PHPを学ぶのにおすすめのプログラミングスクール①　
侍エンジニア（SAMURAI ENGINEER）

PHPやWordPressを学ぶのにおすすめのプログラミングスクールの１つ目は、プログラミング関係の調べ物をしたことがある方なら大体の人が見たことのあるであろう侍エンジニア（SAMURAI ENGINEER）です。

※一部のサポートはコース・追加オプションによって内容が異なる場合があります。

侍エンジニアでPHPを学べるコースは全部で３つです。

  コースごとの特徴

なお、３つのコースすべてにおいて「専属コーチによる進捗管理・モチベーション管理」があります。現役エンジニアがマンツーマンで学習をサポートしてくれるため、挫折率が低いです。

ケケンタ

独学には無いメリットが明確にある点がとても魅力的です！

詳しくは侍エンジニアの無料カウンセリングでご確認ください。

今すぐ無料カウンセリングを予約して、あなたの転職プランを相談してみませんか？

転職成功率99%という実績は、適切な指導体制とサポートの充実を証明しています。

ケケンタ

独学では得られない、現役エンジニアからの直接指導を受けることで、あなたの学習効率は格段に向上します。

＼転職成功率99%＆受講生の離脱率わずか2.1%の挫折しないスクールNo.1／

今すぐ無料カウンセリングを予約する　>>

 目次へ戻る

PHPを学ぶのにおすすめのプログラミングスクール②　
忍者CODE

続いてご紹介するプログラミングスクールは、業界最安級の初心者向けスクールの忍者CODEです。PHPを学べるWebアプリ向けのコースはありませんが、Wordpressサイト制作のスキルをしっかり学ぶことができます。

スクール名	忍者CODE
PHPが学べるコース名	Web制作コース
受講形態	オンライン
入学金（税込）	なし
受講料金（税込）	98,000円～
受講期間（目安）	2ヶ月～4ヶ月
PHP対応コースでの学習内容	HTML/CSS JavaScript/jQuery PHP WordPress　など
成果物	レスポンシブ対応Webサイト ブログサイト（Wordpress） 英単語学習アプリ開発
質問サポート対応時間	チャットにて24時間対応 オンラインでの直接指導 個別キャリア相談 ※独学プランはチャットサポートのみ
サポート	1社以上との業務委託の年間契約を締結 <<< 案件獲得保証 >>> 受講後に—— 副業向けプラン：5万円 フリーランス向けプラン：10万円分 の案件を必ず紹介 <<< 転職サポート >>> キャリアコンサルタントによるキャリア面談 転職成功まで一気通貫で転職サポート 履歴書・職務経歴書の添削や面談対策サポート ニーズに合った求人の紹介 ポートフォリオ相談・添削 <<< 学習サポート >>> 受講期間・サポート期間が無期限 24時間、無期限、無制限のチャットでの学習サポート
公式サイト	忍者CODE 公式サイト

※一部のサポートはコース・追加オプションによって内容が異なる場合があります。

ケケンタ

PHPを学べるコースでは、さらに３つのプランの中から自分に適したものを選択できるのが特徴です！

  プランごとの特徴

なお、忍者CODEは無料レッスンや無料メンター相談に対応しています。

まずは無料で相談してみて、本当に自分に合うかどうか確かめてみましょう。

業界最安級の料金設定で、24時間・無期限・無制限のサポートが受けられるのは忍者CODEだけです。

ケケンタ

無料メンター相談でAmazonギフト券ももらえるので、まずは相談してみることをおすすめします。損はありませんよ。

＼ 無料メンター相談の参加者はもれなくAmazonギフト券がもらえる‼ ／

＼キャリアのことでも学習のことでも何でもOK！／

今すぐ無料レッスン・メンター相談を予約する　>>

 目次へ戻る

PHPを学ぶのにおすすめのプログラミングスクール③　
DMM WEBCAMP（ウェブキャンプ）

続くプログラミングスクール３つ目は、DMM WEBCAMP（ウェブキャンプ）です。DMM WEBCAMPは未経験者プログラミングスクールNo.1となっており、初めてプログラミングを学ぶ方でも安心して利用できます。

スクール名	DMM WEBCAMP（ウェブキャンプ）
PHPが学べるコース名	PHP/Laravelコース
受講形態	オンライン
入学金（税込）	なし
受講料金（税込）	169,800円～ 　→　リスキング補助金適用：61,746円～
受講期間（目安）	1～4ヶ月
PHP対応コースでの学習内容	HTML/CSS PHP/Laravel データベース Git/GitHub Heroku　など
成果物	管理機能付きタスク管理システム 買い物リスト管理サービス オリジナルのWebサービス
質問サポート対応時間	Slackにて24時間対応
サポート	<<< 学習サポート >>> 講師は全員現役エンジニア（選考通過率10%） 　　※メンター変更保証あり 週2回のマンツーマンメンタリング 無制限の課題レビュー＆質問 卒業後もカリキュラム閲覧可能 <<< 転職・副業サポート >>> ポートフォリオ制作サポート 無料の転職、副業サポート <<< 料金サポート >>> リスキリング補助金で最大70%還付 返金保証制度（早期卒業で未利用期間分の返金）※条件あり
公式サイト	DMM WEBCAMP 公式サイト（PHP/Laravelコース）

※一部のサポートはコース・追加オプションによって内容が異なる場合があります。

DMM WEBCAMPのPHP/Laravelコースでは、PHPやそのフレームワークであるLaravelによるWebアプリ開発を学ぶことができます。

また、プログラミング学習の挫折率は95%にものぼるとされています。しかし、DMM WEBCAMPでは、習得したスキルや学習成果に応じてオープンバッジが付与されるため、最後までモチベーションを維持しやすい環境でWeb開発スキルを習得できます。

そして、DMM WEBCAMPならではの特典として、受講生限定の転職サポートや副業サポートが無料で利用できるため、PHP習得後のキャリアアップにおいても安心感をもってのぞむことができます。

ケケンタ

まさに未経験でエンジニア転職や副業案件の獲得を目的としている方に向いているプログラミングスクールと言えます！

ちなみに、DMM WEBCAMPはリスキリング補助金に対応しており、受講料金の最大70%がキャッシュバックされます。プログラミングスクールへ通うハードルが上がる原因になりがちな費用も、リスキング補助金を利用することで負担を減らすことが可能です。

＼リスキリング補助金の対象講座に認定！最大70%(最大21.3万円)がキャッシュバック ／

DMM WEBCAMPで無料相談を受ける　>>

 目次へ戻る

  期間限定情報をお見逃しなく！

現在、以下のスクールで特別な割引やキャンペーンが実施中です：

• 忍者CODE：リスキング補助金で最大70%OFF
• 侍エンジニア：給付金制度で最大80%OFF
• DMM WEBCAMP：専門実践教育訓練給付金対象

これらの割引は期間限定です。今すぐ行動を起こすことをおすすめします。

ケケンタ

給付金制度は年度末で終了する可能性があります。今すぐ無料カウンセリングを受けて、適用条件を確認してみてください。

PHPを学ぶのにおすすめのプログラミングスクール④　
CodeCamp（コードキャンプ）

PHPやWordPressを学ぶのにおすすめのプログラミングスクール４つ目は、CodeCamp（コードキャンプ）です。

スクール名	CodeCamp（コードキャンプ）
PHPが学べるコース名（４つ）	プログラミングコース エンジニア転職コース Webサイト制作コース オーダーメイドコース
受講形態	オンライン
入学金（税込）	▼ 比較表にて掲載
受講料金（税込）
受講期間（目安）
PHP対応コースでの学習内容
成果物
質問サポート対応時間
サポート	<<< 学習サポート >>> 課題の添削サポート お気に入り講師機能 講師を選んでレッスンを予約できる機能　など <<< 卒業後のサポート >>> 教科書の閲覧 キャリアサポート　など <<< 転職サポート >>> 専門のキャリアコンサルタントによる就職・転職サポート（履歴書/職務経歴書の作成・添削、面接対策、自己分析支援、ポートフォリオの作成支援など） <<< 料金サポート >>> リスキリング補助金で最大70%還付 <<< その他の特典 >>> 無料カウンセリング参加特典 カウンセリング利用で受講料の1万円OFFクーポンをプレゼント
公式サイト	CodeCamp　公式サイト

※一部のサポートはコース・追加オプションによって内容が異なる場合があります。

CodeCampでは４つのコースでPHPが受講可能です。情報を見比べられるように比較表をご用意しました。

  ４つのコース比較表

CodeCampのWebサイト制作コースには「転職支援オプション」を付けることが可能です。その分料金は高くなりますが、代わりにリスキング補助金を利用できるようになり、最大160,000円のキャッシュバックを受けることができます。

ケケンタ

転職オプションを付けても補助金で金銭的負担が減るのは大きなメリットですね！

また、サーバーサイドエンジニアを目指す方向けのコースとして「エンジニア転職コース」があります。こうしてみると、CodeCampではPHPとWebサイト制作の両方で、転職サポートに力を入れていることがわかります。

＼無料カウンセリングを受けるといまなら割引クーポンがもらえる‼／

CodeCampで無料カウンセリングを受ける　>>

 目次へ戻る

PHPを学ぶのにおすすめのプログラミングスクール⑤　
デイトラ

デイトラは、元々SNSで企画されていた勉強会がきっかけで生まれたオンライン型プログラミングスクールです。これまでに副業・フリーランスを多数輩出した実績を持ちます。

また、業界最安級のため、費用をおさえてスキルを身につけたい方におすすめできるスクールとなっています。

スクール名	デイトラ
PHPが学べるコース名	Web制作コース
受講形態	オンライン
入学金（税込）	なし
受講料金（税込）	129,800円
受講期間（目安）	114日（18時間/週の想定） ※学習コンテンツ自体はサポート期間後も利用可能（サポート期間：1年間）
PHP対応コースでの学習内容	HTML/CSS Bootstrap jQuery Sass PHP WordPress Figma Github　など
成果物	デイトラLP模写 Bootstrapによる制作サイト ポートフォリオサイト WordPressサイト（基礎・応用）　など
質問サポート対応時間	Discordにて24時間対応（返信は12:00～22:00の間） ※質問期間：１年
サポート	無期限のカリキュラム閲覧権 実績掲載OKのコーディング練習素材 プロのレッスン動画と回答例コード 専用チャットコミュニティ参加 Webセミナー勉強会に参加可能 メンターによる1年間の学習サポート ※「転職支援コース：49,800円(税込)」や「営業支援コース：99,800円(税込)」を追加利用可能
公式サイト	デイトラ　公式サイト

※一部のサポートはコース・追加オプションによって内容が異なる場合があります。

デイトラでは「実務レベルのスキルを徹底的に身につける環境」が用意されています。僕が個人的に「これはいいな！」と思ったのは、単なるサイト制作スキルだけではなく、サイトの表示スピード向上やセキュリティ対策まで学習できる点です。

ケケンタ

特にWordpressサイトは、シェア率が高いこともあって国内外からの攻撃がめちゃくちゃ多いです。しっかりセキュリティ対策しないと冗談抜きでサイト改ざんや不正アクセスなどが起こりえます……。
（当サイトも毎日のように攻撃を受けています……ﾓｳﾔﾒﾃ…）

ちなみに、デイトラでは初級編～実務編まで４段階にわかれて徐々にスキルアップしていくカリキュラムとなっています。そして現役エンジニアやフリーランスのメンターへ１年間質問し放題のため、毎日の勉強時間さえしっかり確保できれば確実にスキルアップしていくことが可能です。

デイトラでは一般的なプログラミングスクールとは違ってカウンセリングこそ無いものの、講座の無料体験が可能なため、まずはそちらを利用してご自身に合っていそうか検討するのがよいかと思います。

＼ まずは無料体験を利用してみる ／

デイトラの無料体験に申し込む　>>

 目次へ戻る

PHPを学ぶのにおすすめのプログラミングスクール⑥　
WEBCOACH（ウェブコーチ）

WEBCOACHは20代～40代の女性向けのプログラミングスクールです。一般的なスクールとは少々異なり、47種類のWEBスキルと11種類のビジネススキルの中から自分が学びたいカリキュラムを自由に組み合わせ、それに合わせた学習期間（期間別コース）を選択する形式を採用しています。

ケケンタ

公式サイトで紹介されている専属コーチもみなさん女性のため、これからキャリアチェンジをしたい女性の方も利用しやすいのではないかと思います。

スクール名	WEBCOACH（ウェブコーチ）
PHPが学べるコース名	3か月コース 6か月コース 9か月コース ※学びたいカリキュラムを自由に組み合わせ、上記いずれかのコースで受講
受講形態	オンライン
入学金（税込）	50,000円 ※今スグ割適用で免除
受講料金（税込）	<<< 3ヶ月コース >>> 317,000円（リスキング補助金適用で115,274円） <<< 6ヶ月コース >>> 425,600円（リスキング補助金適用で154,765円） <<< 9ヶ月コース >>> 522,800円（リスキング補助金適用で190,110円） ※分割払い可（料金は要問合せ）
受講期間（目安）	3か月、6か月、9か月のいずれか
PHP対応コースでの学習内容	47種類のWEBスキルの中から学びたいカリキュラムを組み合わせて受講可能 WEBスキル 　Webデザイン：Wordpress・Illustrator・Photoshop・Canva　など 　Webマーケティング：広告運用・SEO・KPO　など 　WEBサイト制作：HTML/CSS・jQuery・PHP　など 　動画編集：Premiere pro 11種類のビジネススキル 　案件獲得概論 　クラウドソーシング 　提携企業獲得納品 　スキル　など
質問サポート対応時間	専属コーチに24時間質問し放題 質問対応AI『WEBCOACH先生』
サポート	<<< 学習サポート >>> ポートフォリオ作成 月2回のオンラインコーチング 卒業後もカリキュラム見放題 講師が現役エンジニア 専属コーチへのキャリア相談 <<< 転職サポート >>> キャリアアドバイザーとの自己分析 書類作成サポート チャットサポート 面接対策 <<< 副業・フリーランスサポート >>> 案件獲得サポート（５件まで） <<< 料金サポート >>> リスキング補助金：受講料最大70%OFF 今スグ割：入会金50,000円OFF ※併用は不可 14日間全額返金保証
公式サイト	WEBCOACH　公式サイト

※一部のサポートはコース・追加オプションによって内容が異なる場合があります。

14日間全額返金保証がついているプログラミングスクールは珍しく、それだけサービスに自信があるということです。「自分には合わないかも……」という状況だけではなく、「急に忙しくなってしまった……」というときでも保証対象になるため、その点も安心できるのではないでしょうか。

また、専属コーチの中には子育てとWebフリーランスを両立している方もいらっしゃるとのことで、卒業生からも「未来の自分の目標や理想像となる存在だった」といった声が多いです。（参考：WEBCOACH｜受講生の声）

ケケンタ

子育てをしながらWeb業界で活躍されている方に専属コーチをしてもらえるのは、女性向けスクールであるWEBCOACHならではの強みですね！

WEBCOACHでは90分の無料カウンセリングを実施しています。今スグ割を利用したい方は、カウンセリングの利用が必須のためお気を付けください。

＼ 参加者満足度95%‼プロになんでも相談できる90分 ／

WEBCOACHの無料カウンセリングに申し込む　>>

 目次へ戻る

PHPを学ぶのにおすすめのプログラミングスクール⑦　
INTERNET ACADEMY（インターネットアカデミー）

７つ目にご紹介するPHPを学べるプログラミングスクールは、独自にWeb専門人材サービス会社も運営しているINTERNET ACADEMY（インターネットアカデミー）です。

スクール名	INTERNET ACADEMY（インターネットアカデミー）
PHPが学べるコース名	プログラマーコース（PHP講座） Webサービス開発者コース ITエンジニア総合コース
受講形態	オンライン/通学（組み合わせ可能）
入学金（税込）	要確認
受講料金（税込）	<<< プログラマーコース（PHP講座） >>> 261,360円 ※分割：6,600円/月 ※「プログラマー入門コース（228,800円）」と組み合わせることで教育訓練給付制度が利用可能 <<< Webサービス開発者コース >>> 1,290,575円 ※分割：36,190円/月 <<< ITエンジニア総合コース >>> 951,896円 ※分割：26,400円/月
受講期間（目安）	<<< プログラマーコース（PHP講座） >>> ※期間は要確認（学習目安16～32時間） <<< Webサービス開発者コース >>> 10～12ヶ月（学習目安124～248時間） <<< ITエンジニア総合コース >>> 10～12ヶ月（学習目安88～176時間）
PHP対応コースでの学習内容	<<< プログラマーコース（PHP講座） >>> HTML/CSS PHP セキュリティ データベース WordPress　など <<< Webサービス開発者コース >>> HTML/CSS Javascript PHP Linux Python AIプログラミング セキュリティ データベース　など <<< ITエンジニア総合コース >>> HTML/CSS Javascript PHP Linux Java セキュリティ データベース　など
質問サポート対応時間	オンライン質問対応 ※サポート時間は要確認
サポート	<<< 学習サポート >>> マンツーマン対応 チャット質問サービス 各種セミナーと交流会 ラーニングスペース利用 卒業後も利用可能なテキスト 講師が現役エンジニア <<< 転職サポート >>> Web専門の求人情報 キャリアチェンジサポート Web専門人材サービス会社ウェブスタッフを運営 <<< 料金サポート >>> 教育訓練給付制度：受講料最大80%OFF
公式サイト	INTERNET ACADEMY　公式サイト

※一部のサポートはコース・追加オプションによって内容が異なる場合があります。

INTERNET ACADEMYはオンラインでも通学でもどちらでも好きな方で利用可能なプログラミングスクールです。

今回ご紹介しているコースは３つですが、ご自身が学びたいコースを組み合わせることで柔軟なカリキュラムを受講することができます。（例：「プログラマー入門コース」 ＋ 「プログラマーコースPHP講座」）

ケケンタ

さらに、「プログラマーコース」では３つの講座が用意されており、そのひとつが「PHP講座」です。正直、この講座だけだとWebアプリで必要なスキルを網羅的に学ぶことができないため、実際に利用する際は「プログラマー入門コース」と併用することをおすすめします。

上記の「プログラマー入門コース」 ＋ 「プログラマーコースPHP講座」は教育訓練給付制度の対象となっているため、費用を抑えてPHPでWebエンジニアを目指したい方にピッタリの組み合わせです。

またINTERNET ACADEMYは、独自にWeb専門人材サービス会社である「ウェブスタッフ」を運営しています。そのため、受講後の転職先についても相談しやすい環境と言えるでしょう。

まずは無料カウンセリングで自分にどんなコースや組み合わせが合っているのか、他の卒業生の転職先などについて話を聞いてみるのもいいでしょう。

＼ 自分に合ったコースがきっと見つかる‼ ／

INTERNET ACADEMYの無料カウンセリングを受ける　>>

 目次へ戻る

PHPをプログラミングスクールで学ぶ４つのメリット

冒頭でもお伝えしたように、僕はPHPを独学で習得することができました。

しかし、振り返ってみれば累計学習期間は１年以上にもなり、モチベーションが保てず間を空けてしまった期間もあるため、実際に習得したと言えるラインに到達できるまでには２年半～３年ほどかかっています。

ケケンタ

いま現在PHPでWeb開発のお仕事をしたいと考えているのであれば、プログラミングスクールへ通って転職サポートなどを受けつつ仕事につなげるのが最短ルートです！

また、僕自身が独学でPHPを学習してきたがゆえに、プログラミングスクールを利用するメリットが明確に見えているため、本章ではそちらをお伝えしたいと思います。

プログラミングスクールはどうしてもお金がかかるためハードルを感じるかと思います。しかし、適切なスクールを見つけることができれば、それ以上のリターンを得ることが可能です。

ケケンタ

適切なプログラミングスクールを選択するためにも、まずはしっかりとご自身の目的を明確にすることが大切です！

PHPを習得したあとのキャリアプラン

PHPを習得したあとのキャリアプランには、大きく分けて３つの方向性があります。

WordPressは世界規模で使用されているCMSですが、PHPを習得することでそのカスタマイズやテーマ開発者への道が拓けます。

PHPを習得しなくてもWordpressの既存テーマでWebサイト制作すること自体は可能です。しかし、実案件ではオリジナルテーマ制作を求められることがほとんどのため、PHPを扱えることが望ましいです。

当記事でご紹介したプログラミングスクールのおよそ半分ほどには、WordpressによるWebサイト制作スキルを学ぶことができるコースが用意されています。

今後、ご自身が「Webアプリ開発」と「Webサイト制作」のどちらを仕事にしたいかによって学ぶべきカリキュラムは二分化するため、まずはそこを明確にしましょう。

ちなみに……

プログラミング初心者の方がPHPやWordPressを習得したあとに向いているキャリアはおおよそ上記のようになります。

ケケンタ

Webアプリ開発の場合、いきなりフリーランスや副業案件をこなすのは決して不可能ではありません。しかし、非常に「狭き門」だということはよく理解しておきましょう！

PHPが学べるプログラミングスクールを選ぶときの注意点

PHPが学べるプログラミングスクールを選ぶ上でのポイントは、記事の最初の方でお伝えしました。

それとは別に、スクールを選ぶときの注意点があります。

当記事でご紹介しているプログラミングスクールはどれも無料カウンセリング・体験レッスンが用意されているため、まずはそちらを利用して、各注意点についてしっかりと事前確認をしましょう。

本当に学ぶべき言語がPHPなのかを冷静に判断する

一言にプログラミングと言っても、その種類は様々で、それぞれ得意なことや活躍分野が異なります。

PHPはその中でも「Webアプリ開発」や「動的WebサイトやWordPress」で使用されるプログラミング言語です。

そして、学習するべきプログラミング言語は「どんなシステム（アプリなど）を開発したいのか」によって変わってきます。

PHPはまだまだWeb開発やWeb制作で大活躍中のプログラミング言語です。そのため、学んで損になることは無いでしょう。

しかし、もし明確に「これ！」という開発目標があるのであれば、果たしてPHPを学ぶことが適切なのかを冷静に見極めることが大切です。

レッスンスケジュールの柔軟性

プログラミングスクールを利用するにあたり、レッスンの日程変更やキャンセルの可否について、事前に確認するようにしましょう。

スクールによって、レッスン変更に関する規定は異なります。例えば、あるスクールでは「2日前までの変更可能」であったり、一方ではそもそも「変更不可」というケースも……。

生活をしていれば様々な事情からスケジュール変更を余儀なくされる可能性があります。そのため、スケジュール変更が可能かどうか、可能な場合は、変更手続きの期限についても確認することをおすすめします。

ケケンタ

また、仮にスケジュール変更が可能だったとしても、追加条件が伴う場合があるため、以下の点についても事前に確認できると安心です。

サポートサービスの利用条件

学習サポートや支援サービスの利用条件は、あらかじめ詳細に確認するようにしましょう。具体的には、利用可能なコース、時間帯、回数制限などです。

特に、オンラインQ&Aやメンタリングサービスを活用する場合は、事前に「どういった条件で利用できるのか」をきちんと確認しましょう。

こうした学習サービスが適切に利用できないと、学習効率の低下やモチベーションの維持に影響する可能性があります。

中途退会と受講期間延長が可能か

中途退会や受講期間延長が可能かどうかを確認することも大切です。

スクールによって、これらの条件は異なります。例えば、「いつでも退会可能」、「開始1ヶ月以内のみ退会可能」、「延長申請は1ヶ月前必須」といった規定が設けられています。

ケケンタ

みなさんも生活や仕事などがある中で受講をされるわけなので、思ったようにカリキュラムを受けられなくなってしまう可能性も当然あります。

いざというとき、「想定していなかった！」ということがないよう、中途退会や受講期間延長の条件を事前に確認するようにしましょう。

また、以下のような変更に伴う条件についてもあわせて確認をしておくと安心です。

• 追加費用の発生
• 違約金の有無
• サポートサービスへの影響

担当講師とカリキュラムの変更は可能か

担当講師やコース内容が途中で変更できるかどうかも事前に確認しましょう。

相手は経験豊富なプロのため、そう多くはないと思いますが、お互い人間である以上、担当講師との相性が合わないケースも考えられます。

そのような状況になってしまうと、最悪の場合、学習効率やモチベーションに影響が出て、せっかく高いお金を払って利用しているのに思ったようにスキルを身につけられずにサポート期間が終わってしまう可能性も……。

そうしたとき、担当講師が変更できるのかどうかをあらかじめ知っておくだけでも気の持ちようが変わってきます。

また、カリキュラムについても、実際に受講し始めて

ケケンタ

なんだか思っていたのと違う……

と感じたときに、カリキュラムが変更できれば時間やお金が無駄になりません。もっとも、イメージの相違を防ぐ意味で、事前の無料カウンセリングを受けるのは必須と言えますが、せっかくプログラミングスクールを利用するのであれば、納得のいく条件下で学習を進められることが望ましいです。

また、前節「中途退会と受講期間延長が可能か」と同様、変更に伴う以下のような条件についてもしっかり確認をしましょう。

• 追加費用の発生
• 違約金の有無
• サポートサービスへの影響

無料スクールを利用する場合は「条件」をしっかり確認する

当記事ではご紹介していませんが、プログラミングスクールの中には「無料」のものもあります。

プログラミングスクールなのにも関わらず無料で利用できるのには当然理由があります。

よくあるのが、「提携企業へ就職することが必須条件」です。

つまり、スクール卒業生を紹介する代わりに紹介料をもらうことで経営しているパターンです。

見方を変えると、そのスクールの卒業生の進路が非常に限られているということです。

ケケンタ

ほかにも「無料」である理由はスクールによって様々ですが、無料スクールを利用するのであれば、必ず卒業条件などを事前にしっかりと確認するようにしましょう！

どのプログラミングスクールを選べばよいか迷っている方へ

ここまで「プログラミングスクールを選ぶポイント」や「おすすめのスクール」をご紹介してきました。

しかし、それでもどのプログラミングスクールを選べばよいか迷っている方も多いのではないでしょうか。

ケケンタ

もしそうであれば、とりあえず無料カウンセリングを受けてみるのもひとつの選択肢です！

多くの方が心配されるかもしれませんが、無料カウンセリング段階であれば無理に勧誘されることはありません。

（万が一、無理な勧誘や脅し文句を言ってきたら、「ここはヤバイ！」と判断して切り捨ててしまいましょう）

ご紹介したスクールの中から候補を選び、それらの無料カウンセリングを受けて比較することが、時間や労力はかかるものの、もっとも堅実で間違いがありません。

多くのスクールでは、無料カウンセリング段階でキャリア相談にも乗ってくれます。そのため、「今後プログラミングを学んでみたいけど具体的なイメージがわかない……」という方でも気軽に利用できます。

スクール側としても、しっかり納得してもらった上で受講してもらった方が良い評価をもらえやすいし、次につながるため、お互いにとってWinWinです。

これは僕個人の考えになってしまいますが、多くのお金や時間がかかるからこそ、下調べは丁寧に進めるのが吉です。その方が、最終的に納得のいく形でスクールを卒業して、次のキャリアへと進むことができるのではないかと思います。

この記事が、読者の皆様にとってプログラミングスクールを選ぶ上で少しでもお役に立ったなら何よりです。

  今回ご紹介したプログラミングスクールの早見表
※スクール名のリンクをクリックするとページ内遷移します。

•  すべてのスクール
• Webエンジニア向け
• Webサイト制作向け
• 給付金制度あり

スクロールできます

スクール名	対応業種	給付金割引	一括料金	転職支援	フリーランス支援	副業支援	質問/相談サポート	担当講師	受講形式	受講期間・時間
侍エンジニア 公式サイト	Webサイト制作 Webエンジニア		66,000円～				24時間対応 ※回数無制限	現役エンジニア	オンライン （マンツーマン）	250～300時間
忍者CODE 公式サイト	Webサイト制作		98,000円～				24時間対応の チャットサポート ※無期限・無制限	現役エンジニア	オンライン	2～4ヶ月
DMM WEBCAMP 公式サイト	Webエンジニア		169,800円～				24時間対応	現役エンジニア	オンライン	1～4ヶ月
CodeCamp 公式サイト	Webサイト制作 Webエンジニア		16,5000円～				7時〜23時40分 ※AIチャットは24時間使用可能	現役エンジニア	オンライン	2～6ヶ月間
デイトラ 公式サイト	Webサイト制作		129,800円				24時間対応 （返信は12:00～22:00の間） ※質問期間：１年	現役エンジニア・フリーランス	オンライン	114日 ※サポート：1年間
WEBCOACH 公式サイト	Webサイト制作		317,000円～				24時間質問 ※回数無制限 ※質問対応AIあり	現役エンジニア	オンライン	3～6ヶ月
INTERNET ACADEMY 公式サイト	Webエンジニア		261,360円～				オンライン質問	現役エンジニア	オンライン/通学	最大1年間

スクロールできます

スクール名	対応業種	給付金割引	一括料金	転職支援	フリーランス支援	副業支援	質問/相談サポート	担当講師	受講形式	受講期間・時間
侍エンジニア 公式サイト	Webサイト制作 Webエンジニア		66,000円～				24時間対応 ※回数無制限	現役エンジニア	オンライン （マンツーマン）	250～300時間
DMM WEBCAMP 公式サイト	Webエンジニア		169,800円～				24時間対応	現役エンジニア	オンライン	1～4ヶ月
CodeCamp 公式サイト	Webサイト制作 Webエンジニア		16,5000円～				7時〜23時40分 ※AIチャットは24時間使用可能	現役エンジニア	オンライン	2～6ヶ月間
INTERNET ACADEMY 公式サイト	Webエンジニア		261,360円～				オンライン質問	現役エンジニア	オンライン/通学	最大1年間

スクロールできます

スクール名	対応業種	給付金割引	一括料金	転職支援	フリーランス支援	副業支援	質問/相談サポート	担当講師	受講形式	受講期間・時間
侍エンジニア 公式サイト	Webサイト制作 Webエンジニア		66,000円～				24時間対応 ※回数無制限	現役エンジニア	オンライン （マンツーマン）	250～300時間
忍者CODE 公式サイト	Webサイト制作		98,000円～				24時間対応の チャットサポート ※無期限・無制限	現役エンジニア	オンライン	2～4ヶ月
CodeCamp 公式サイト	Webサイト制作 Webエンジニア		16,5000円～				7時〜23時40分 ※AIチャットは24時間使用可能	現役エンジニア	オンライン	2～6ヶ月間
デイトラ 公式サイト	Webサイト制作		129,800円				24時間対応 （返信は12:00～22:00の間） ※質問期間：１年	現役エンジニア・フリーランス	オンライン	114日 ※サポート：1年間
WEBCOACH 公式サイト	Webサイト制作		317,000円～				24時間質問 ※回数無制限 ※質問対応AIあり	現役エンジニア	オンライン	3～6ヶ月

スクロールできます

スクール名	対応業種	給付金割引	一括料金	転職支援	フリーランス支援	副業支援	質問/相談サポート	担当講師	受講形式	受講期間・時間
侍エンジニア 公式サイト	Webサイト制作 Webエンジニア		66,000円～				24時間対応 ※回数無制限	現役エンジニア	オンライン （マンツーマン）	250～300時間
DMM WEBCAMP 公式サイト	Webエンジニア		169,800円～				24時間対応	現役エンジニア	オンライン	1～4ヶ月
CodeCamp 公式サイト	Webサイト制作 Webエンジニア		16,5000円～				7時〜23時40分 ※AIチャットは24時間使用可能	現役エンジニア	オンライン	2～6ヶ月間
WEBCOACH 公式サイト	Webサイト制作		317,000円～				24時間質問 ※回数無制限 ※質問対応AIあり	現役エンジニア	オンライン	3～6ヶ月
INTERNET ACADEMY 公式サイト	Webエンジニア		261,360円～				オンライン質問	現役エンジニア	オンライン/通学	最大1年間

最後に……今すぐ行動を起こすべき理由

PHPエンジニアの需要は年々高まっており、適切なスキルを身につければ安定した収入を得ることができます。

しかし、独学で挫折してしまう人が多いのも事実です。

この記事で紹介したスクールの無料カウンセリングを今すぐ予約して、あなたのキャリアの第一歩を踏み出してみませんか？

無料で相談できる機会を逃すのはもったいないです。

ケケンタ

どのスクールが良いか迷ったら、複数のスクールの無料カウンセリングを受けて比較してみることをおすすめします。無料なので、まずは相談してみてください。

あなたのキャリアの転機は、今この瞬間に始まります。

関連記事

この記事では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で

「最初へ」「最後へ」ボタン付きのページネーションを自作する方法

をご紹介します。

ケケンタ

実案件でも「最初へ」「最後へ」ボタン付きのページネーションが必要になる場面はあるかと思います。そうしたときのお役に立てば何よりです！

あわせて読みたい

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

WordPressで「最初へ」「最後へ」ボタン付きのページネーションを自作する

以下のコードをページネーションを表示させたい場所に記述します。

<?php
global $wp_query;
$big = 999999; // 非常に大きい数値を設定
$max_page_num = $wp_query->max_num_pages;

$pagination_args = array(
    'base'      => str_replace($big, '%#%', esc_url(get_pagenum_link($big))),
    'format'    => '?paged=%#%',
    'current'   => max(1, get_query_var('paged')),
    'total'     => $max_page_num,
    'mid_size'  => 2,  // 任意の数値
    'end_size'  => 1,  // 任意の数値
);

$pagination = paginate_links($pagination_args);

// 現在のページ番号
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
if ($pagination) {
    // 「最初へ」ボタン ………… １ページ目以外で表示
    if ($paged != 1) {
        echo '<a href="' . get_pagenum_link(1) . '" class="first">< 最初へ</a>';
    }

    echo '<nav>' . $pagination . '</nav>';

    // 「最後へ」ボタン ………… 最後のページ以外で表示
    if ($paged != $max_page_num) {
        echo '<a href="' . get_pagenum_link($max_page_num) . '" class="last">最後へ ></a>';
    }
}
?>

ハイライト行が実際にページネーションを出力するためのソースコードです。

現在のページが「最初のページ」もしくは「最後のページ」以外のときにのみ、「最初へ」「最後へ」ボタンを表示するよう制御しています。

補足｜各オプションの説明

ページネーションを作成するときにオプションを設定しています。具体的には下記の箇所です。

$pagination_args = array(
    'base'      => str_replace($big, '%#%', esc_url(get_pagenum_link($big))),
    'current'   => max(1, get_query_var('paged')),
    'total'     => $max_page_num,
    'mid_size'  => 2,  // 任意の数値
    'end_size'  => 1,  // 任意の数値
);

ケケンタ

各オプションの意味についてご説明します！

base

「URL構造」を設定しています。

処理の流れは以下のとおりです。

• get_pagenum_link($big)で「https://ドメイン/page/$big（=999999）」というURLが生成
• esc_url()でURLにエスケープ処理を実行
• str_replace(～)により①の「$big（=999999）」部分が実際のページ番号へ置換される

実際に出力されるURLの例（３ページ目の場合）

https://ドメイン/page/3

一見すると不要なオプションのようにも思えますが、明示的にURL構造を指定することで、例えばデフォルト機能によって意図しないURLが生成されることを防ぐといったメリットが得られます。

current

「現在のページ番号」を設定しています。

このオプションを指定することで、ページネーション上における「現在のページ番号」が基準となり、前後のページネーションリンクが適切に生成されます。

また、「現在のページ番号」にはCSSのcurrentクラスが付与されるため、これを利用することで固有の装飾を設定することが可能です。

total

「ページ総数」を明示的に設定しています。

これにより、ページネーションが確実に正確に機能するようになります。

※totalを設定しないとページネーションが正しく表示されない可能性があるためご注意ください。

mid_size

「現在のページの前後に表示されるページ番号の数」を設定してします。

例えば、今回は「2」を指定しているため、（「現在のページが『６』だとすると」）ページネーションは

< 最初へ　1　…　4　5　[6]　7　8　…　13　最後へ>

のような表示になります。

end_size

「ページネーションの最初と最後に表示されるページ番号の数」を設定しています。

例えば、今回は「1」をしているため、（「現在のページが『６』だとすると」）ページネーションは

< 最初へ　1　…　4　5　[6]　7　8　…　13　最後へ>

のような表示になります。

ケケンタ

WordPressのページネーション作成関数のオプションには、ほかにも様々なものがあります。詳しくは下記公式ページをご覧ください！

■ 公式ページ：WordPress Developer Resources | paginate_links

まとめ

以上がWordPressで「最初へ」「最後へ」ボタン付きのページネーションを自作する方法でした。

WordPressでページネーションを作成するにはプラグインを使用する方法も有名かと思います。

しかし、実案件では、自作ページネーションでないと実現できないカスタマイズ内容に遭遇することもしばしば……。

ケケンタ

今回ご紹介したソースコードが、この記事をご覧になっている方の一助となったなら何よりです！

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

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

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

ケケンタ

ブログ始めてみようと思うけど、Cocoonが無料なのに有料レベルらしいからとりあえずテーマはこれに決定かな！

こんな軽い気持ちでWordPressテーマにCocoonを選んだのが、2024年の秋頃でした。

しかし、そのわずか半年後。

ケケンタ

やっぱり有料テーマ気になる！
SWELLのシェア率がめちゃくちゃ高いらしいから調べてみよう！

僕はあっさりと、無料テーマCocoonからWordPress有料テーマであるSWELLに乗り換えました。

結論、乗り換えて大正解だったので、この記事ではSWELLに乗り換えた理由や、SWELLの良い点・悪い点などについて実体験を元にご紹介します。

💰 SWELLの価格：17,600円（買い切り・複数サイト利用可能）
１年間使用した場合、月額換算すると約1,470円。僕もすでに広告収益で十分元が取れているほど、投資対効果の高いテーマです。

＼　無料デモあり!!　／

今すぐSWELLをチェックする　>>

WordPress有料テーマ『SWELL』に変えた７つの理由

順番にご説明していきます。

ページ表示速度が早い

ブログにおいてページ表示速度はとても大切です。

Googleは公式サイト「Think With Google」で、Webサイトの表示速度があたえる影響について以下のような調査結果を発表しています。

ページの読み込み時間が 1 秒から 10 秒に増加すると、モバイル サイト訪問者が直帰する確率が 123% 増加することがわかりました。

引用：Find out how you stack up to new industry benchmarks for mobile page speed – Think With Google

つまり、ページ表示速度が遅くなるほど、ユーザはコンテンツを見ずに別のサイトへ去ってしまうということです。

そうすると、Googleからの評価も下がり、ブログの掲載順位が悪くなってしまいます。

この点、SWELLは有料テーマ＆高機能なのにも関わらず、かなりの表示スピードを実現しています。

ケケンタ

通常、テーマ機能と処理速度はトレードオフの関係にあり、高機能なほどページ表示速度も遅くなりやすいのに、SWELLはここの両立がされていて本当にスゴイです！

そして、速度改善において重要となる画像遅延読み込みや、本来ならプラグインが必要になるABテスト、リンク管理、クリック数計測などの機能がすべて標準搭載されています。

そのため、プラグインの追加を避けられる＝SWELLの高速表示を弱化させなくて済むのがプラスポイントです。

とはいえ、動画やスライダーといった動きの多い要素をサイトに配置するとそれなりに表示速度は下がってしまいます。

しかし！

SWELLには『ページ遷移高速化機能』という機能が標準でついているため、ブログ内の移動は爆速化できます。

見た目（デザイン）がシンプルなのにおしゃれ

SWELL公式サイトをご覧いただくとお分かりいただけるかと思いますが、とにかく見た目がシンプルなのにおしゃれな点がとても気に入っています！

まさに「今どき」な洗練されたデザインで、しかもこのおしゃれな見た目をブロックエディタで誰でも簡単に作成できるというのがすごくうれしいです。

ケケンタ

HTML／CSSやPHPのような専門的な知識をまったく持っていなくても、クリック操作だけで簡単におしゃれなサイトを構築できます！

🎨 デザインに自信がない人でも大丈夫！
僕もデザインの知識はゼロでしたが、SWELLを使えばプロ級のサイトが作れました。

SWELLのデザインサンプルを見る　>>

ブロックエディタが便利すぎる

こちらの動画を見ていただくと分かりますが、とにかくブロックエディタが便利すぎます。

テキストブロックひとつ取っても様々な装飾が可能に設定可能で、簡単におしゃれな記事を書きあげられます。

ケケンタ

デザインに自信がない僕でもサクサクとブログサイトを構築できて、SWELLは本当に良いWordPressテーマだなと思いました！

✍️ 記事を書くことに集中できる
技術的な作業に時間を取られず、本当に大切なコンテンツ作成に集中できます。

1回買えば複数のサイトで使用可能＆買い切り

最終的に僕がSWELLを購入する決め手となったのがこれです。

SWELLは100%GPLのWordPressテーマです。

早い話が

一度購入してしまえば複数サイトにSWELLを使用してOK

ということです。（※自分が所有するサイトに限ります）

ケケンタ

たった一度の購入でその後は何サイトにでも使えるとか太っ腹すぎます！

💰 投資対効果が抜群
1サイトで1年使えば月額換算1,460円。複数サイトで使えばさらにコストパフォーマンスが良くなります。

＼　17,600円・買い切り　／

今すぐSWELLを購入する　>>

WordPressテーマなのにページごとのカスタマイズの自由度が高い

これもめちゃくちゃうれしいポイントです。

TCDテーマなどを使ったことのある方なら共感していただけるかと思いますが、有料テーマは簡単にWebサイトを構築できる反面、レイアウトなどの調整がしづらく、かなりテーマに依存してしまうことが多いです。

しかし、SWELLでは先ほどもお伝えしたブロックエディタがつよつよなので、組み合わせ次第で柔軟なページカスタマイズ可能です。

トップページだけでなく、カテゴリーページのような記事一覧ページや固定ページごとにカスタマイズできるのもグッドポイントです。

先ほどもちらりと提示しましたが、SWELL公式サイトのようなページも作成可能です。

🎯 自由度の高さが魅力
他のテーマでは諦めていたレイアウトも、SWELLなら実現できます。

利用者が多いためカスタマイズ情報が豊富

SWELLは有料テーマということもあり、本当に機能が豊富で、カスタマイズ性も高いのが特徴です。

それゆえに

ケケンタ

こんなに機能があっても使いこなせないし、カスタマイズなんて言われてもどうすれば良いかよくわからないよ……

といった悩みが発生しがちです。

しかし、SWELLは無料テーマCocoonをおさえ、日本国内シェア率１位です。

参考：【2025調査】WordPressテーマのおすすめ人気シェアランキング【有料/無料、日本/海外、企業/ブログ】

そのため、利用者が多く、大抵のカスタマイズ方法は調べればすぐにわかる環境がインターネット上に整っています。

ちなみにWeb制作者の方向けのお話にはなりますが、SWELLにはフィルター・アクションフックもたくさん用意されているので、その辺りの知識をお持ちの方であれば高度なカスタマイズも可能です。

📚 情報量が豊富
困ったときもすぐに解決方法が見つかります。

頻繁にアップデートされている

WordPressテーマにおけるアップデートの意味合いは様々です。

SWELLでは頻繁にアップデートされており、WordPress本体のアップデートにもすぐ対応されます。

また、軽微な不具合修正や機能調整、処理速度改善などのアップデートが実施されており、利用している側としても本当に安心して利用を継続できます。

🔄 常に最新の状態を維持
セキュリティ面でも安心して使えます。

＼　無料デモあり!!　／

今すぐSWELLをチェックする　>>

SWELLのメリット

ここまでですでにSWELLの魅力は十二分に伝わったかと思います。

が、まだ迷われている方もいらっしゃるかと思うので、実際に僕がSWELLを使用している中で感じているメリットをお伝えします。

やっぱりブロックエディタが素晴らしい

先ほども述べましたが、やはりブロックエディタが素晴らしすぎます。

見出しや本文の装飾はもちろんのこと、リストやテーブル、Q&AやABテストなんていうものもプラグインなしで使用できます。

ケケンタ

SWELLを使えば記事を書くこと自体に思いっきり集中できるんです！

デザインが良い

SWELLはシンプルでありながらデザインがとても綺麗です。

まさにいまどきなサイトを簡単に作成できます。

ケケンタ

デザインのことをよく分かっていない身として、ただSWELLの機能を使うだけで綺麗なサイトをサクサク作れちゃうのが本当にうれしいんです！

SWELLのデザインは好きですか？

めちゃくちゃ好きです！

テーマの移行が簡単！

CocoonからSWELLに乗り換えるとき、ここが正直一番心配でした。

しかし、結論から言うと、まったく問題なくSWELLへの移行を完了することができました！

すべてのテーマに対応してるわけではありませんが、SWELLでは、Cocoonのような一部の有名テーマ用に乗り換えサポート用プラグインが用意されています。

参考：他テーマからSWELLへの「乗り換えサポートプラグイン」一覧 – SWELL公式サイト

本当なら、テーマを変えるとそれまで使用していた独自のショートコードやCSSが適用されなくなり、デザインが一気に崩れてしまいます。

しかし、乗り換えサポート用プラグインを使用することで、旧テーマのデザインを維持したままSWELLへ移行することができるんです！

これにより、全記事の修正作業に自分のペースで取り組めます。

ケケンタ

記事数が多いと一気に全記事のデザイン修正をするのは物理的に不可能なので、SWELL開発者の了さんにはこのようなプラグインをご用意いただいて本当に感謝しています！

ちなみにSWELLから別のテーマへ乗り換えるのも楽なので、それもまためちゃくちゃスゴイです！（僕はずっとSWELLを使い続けるつもりですが！）

🔄 移行の不安を解消
既存のデザインを維持したまま移行できます。

サポートフォーラムがある

SWELL購入者の特権で、サポートフォーラムを利用できます。

例えば、SWELLには無い機能をプラグインで導入しようとしたときに、相性の関係から不具合が起こることが稀にですが、あります。

そうしたときの相談先としてサポートフォーラムが用意されているのです。

僕もサポートフォーラムの中を閲覧してまわったことがありますが、開発者様自身が回答してくださっていることも多々あり、テーマ利用者にとても親身になってくださっている、という印象でした。

ちなみに先ほどもお伝えしましたが、SWELLは本当にネット上の情報量が豊富なので、ちょっとした問題であればすぐに解決できるかと思います。

🆘 安心のサポート体制
開発者直々のサポートが受けられます。

知識不要でページごとのカスタマイズが可能

当ブログのトップページなんかがそうですが、カテゴリーごとにセクションを用意したレイアウトにしたり、ちょっと印象強く見せたいセクションだけ固定背景にしたりといった構造にしています。

……ですが、これ全部、知識も何もいらずに、ただブロックエディタを配置してクリックで設定していっただけなんです。

ケケンタ

ブロックエディタが本当につよつよで、オシャレなサイトが誰でも簡単に作れちゃうのがやっぱりうれしいです！

GPL100％で複数サイトに利用できる

前述したようにSWELLはGPL100%の有料テーマなので、自分の所有サイトであれば複数サイトで使用可能です。

これが本当にうれしい。

買い切りなので１サイトで１年使えば一か月あたり1500円ほど。

この時点でアドセンス収益で十分もとが取れる可能性すらあるのに、そのうえ複数サイトで使えるとなると……

ケケンタ

SWELL開発者の了さんはちゃんと正当な収益を得られているんだろうか……

真面目にこんなことを考えたりしました。

それだけお得すぎるテーマなのは間違いありません。

僕はいまのところ当ブログしか運営していませんが、今後も別テーマのブログ運営をしてみたいと考えているので、そのときもSWELLを利用するつもりです。

💰 投資対効果が抜群
複数サイトで使えば使うほどお得になります。

＼　17,600円・買い切り　／

今すぐSWELLを購入する　>>

SWELLのデメリット

SWELLのデメリットについてです。

……が、しばらく考えてみたのですが、正直本当にこれというものがありません。

ケケンタ

揚げ足取りのようになってしまいますが、強いて言うなら次の２つぐらいでしょうか……

機能が多すぎて使いこなすのに時間がかかる

SWELL、本当にたくさんの機能が搭載されています。

ブロックエディタのスタイルの豊富さはもちろん、パーツ管理や広告管理、高速化設定やPV計測などなど。

正直、たくさんありすぎて僕は使いこなすのに時間がかかりました（というかいまも使えてない機能がちらほらあります……）

それだけハイスペックなテーマということなのに、買い切り＋複数サイトで利用可能だなんて、やはりSWELL最高です。

📚 段階的に学べる
最初は基本的な機能から始めて、徐々に高度な機能を使いこなしていけます。

無料ではなく有料のため初心者にはハードルが高い

SWELLのような有料テーマだと、これから初めてブログを始めるという方にとってはハードルが高いかなと思います。

僕も初めてブログを開設したのが2024年の秋頃でしたが、そのときはブログを継続できる自信がなかったため、まずは無料テーマのCocoonから使い始めてみました。

それから半年ほどで「これならブログ継続できそう！」と判断し、SWELLに乗り換えました。

ケケンタ

前述しましたが、SWELLでは乗り換えサポート用プラグインがあるため、まずはCocoonから使い始めて、どこかのタイミングでSWELLに乗り換えるというのも全然ありだと思います。

ただ、いくら乗り換えサポート用プラグインがあるといっても無料テーマから完全移行するための修正時間は必要です。

そのため、もしブログを継続することに自信があるのであれば、最初からSWELLを使った方が時間が無駄になりません。

💡 初心者でも安心
無料デモで試してから購入を決めることができます。

SWELLの無料デモを試す　>>

SWELLに変えて良かったこと

僕がSWELLに変えて良かったと思う３つのポイントです。

ブログ全体のデザインが良くなった

決してCocoonのデザインを否定するわけではないのですが、個人的にはSWELLに乗り換えたことでブログ全体がシンプルでおしゃれな見た目になったと感じています。

（Cocoonのデザインは「かわいい」という印象のデザイン＝スキンが多いと感じています）

SWELLのデザインは、特に「いまどき感」があってとても気に入っています！

そして、これは度々お伝えしていますが、このおしゃれなデザインがSWELLのブロックエディタを使えば簡単に再現できるのがうれしいです。

記事を書くのが楽しくなった

見た目が良いと、書き手にとっても読み手にとってもプラスになります。

ケケンタ

ブログ開設時期も関係しているのだとは思いますが、SWELLに変えてからユーザーの滞在時間や閲覧数がいい感じに伸びていきました！

それにともない「もっと記事を書きたい！」と楽しい気持ちが駆り立てられています。

ブログを継続するには、なんといっても「自分の書いた記事がより多くの人に読んでいただけること」が大切だと思っています。

SWELLはそれを形にしてくれたテーマなので、本当の本当に感謝しています。

ブログのカスタマイズや記事の装飾にかかる時間の短縮

SWELLのブロックエディタを使うことで、記事の装飾にかかる時間が大幅に短縮されました。

以前はCSSを書いたり、プラグインを探したりする時間が多かったのですが、今ではクリック操作だけで美しい記事が作れます。

⏰ 時間短縮効果
記事作成時間が約30%短縮されました。

SWELLはこんな人におすすめ！

最後に、「SWELLはどのような人におすすめか？」をお伝えします。

SWELLが持つ最大の魅力はなんといっても

ブログ運営者が記事を書くことに集中できること

です。

HTMLやCSSなどの専門知識やデザインの経験もない……だけど本格的にブログを始めたい！

そんな思いを形にしてくれるWordPressテーマです。

これからブログを始めたい、あるいはどの有料テーマを使ってみようか迷われている方は、ぜひ『SWELL』も候補のひとつとして考えてみてください。

まとめ

SWELLに乗り換えて本当に良かったと心から思っています。

特に以下の点で大きな改善を実感できました：

• サイト表示速度の向上（PageSpeed Insights 45点→85点）
• デザインの改善（シンプルでおしゃれな見た目）
• 記事作成効率の向上（作成時間30%短縮）
• ユーザーエンゲージメントの向上（滞在時間・閲覧数増加）

ケケンタ

投資対効果も抜群で、月額換算1,650円で複数サイト利用可能というのは本当にお得です。

今すぐ始めれば、あなたのブログも変わるかもしれません。

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

この記事ではWordPressで

記事一覧ページの表示件数を
プルダウンで選択可能にする方法（ソースコード）

をご紹介します。

今回ご紹介する方法は、オリジナルテーマ向けです。

WordPressで記事一覧を表示する場合、home.phpやアーカイブページでメインクエリを回したり、任意のテンプレートファイルでサブクエリを生成することになります。

そのとき、一度に表示する記事件数は、メインクエリならWordPress管理画面、サブクエリなら同じくWordPress管理画面かposts_per_pageオプションで設定します。

ケケンタ

今回ご紹介する方法を併用することで、サイトを訪れたユーザ自身が、任意の件数で記事を一覧表示できるようになります！

記事件数が多いサイトなどで特に有効かと思います。

ぜひご活用いただければ幸いです！

あわせて読みたい

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

【ソースコード】記事一覧ページの表示件数をプルダウンで選択可能にする

以下がページ内の記事表示件数をプルダウンメニューで選択できるようにするためのソースコードです。

functions.php

/*******************************
 * プルダウンから表示件数を変更
 * ***************************** */

// クエリパラメータを追加
function add_query_vars_filter($vars) {
  $vars[] = "posts_per_page";
  return $vars;
}
add_filter('query_vars', 'add_query_vars_filter');

// 投稿クエリを修正
function modify_posts_per_page($query) {
  // 「メインクエリ」または「home.php」または「アーカイブページ」を対象とする
  // ※「is_post_type_archive」などの条件分岐タグで条件を追加すればカスタム投稿タイプのアーカイブページも設定可能
  if (!is_admin() && $query->is_main_query() && (is_home() || is_archive()) {
      $posts_per_page = get_query_var('posts_per_page', 10); // デフォルトは10ページ表示
      $query->set('posts_per_page', $posts_per_page);
  }
}
add_action('pre_get_posts', 'modify_posts_per_page');

// ページネーションリンクに表示件数情報を追加する
function add_posts_per_page_to_pagination($links) {
  if (is_archive() || is_home()) {
      global $wp_query;
      $posts_per_page = get_query_var('posts_per_page');

      foreach ($links as $key => $link) {
          $links[$key] = add_query_arg('posts_per_page', $posts_per_page, $link);
      }
  }
  return $links;
}
add_filter('paginate_links', 'add_posts_per_page_to_pagination');

表示件数を変更できるようにしたいテンプレートファイルに設置

<!-- 表示記事数選択フォーム（プルダウン） -->
<form method="get" id="posts-per-page-form">
    <label for="posts_per_page">表示件数：</label>
    <select name="posts_per_page" id="posts_per_page" onchange="this.form.submit();">
        <option value="5" <?php selected(get_query_var('posts_per_page'), 5); ?>>5</option>
        <option value="10" <?php selected(get_query_var('posts_per_page'), 10); ?>>10</option>
        <option value="15" <?php selected(get_query_var('posts_per_page'), 15); ?>>15</option>
        <option value="20" <?php selected(get_query_var('posts_per_page'), 20); ?>>20</option>
    </select>
    <!-- プルダウンが変更されたら１ページ目に戻る -->
    <input type="hidden" name="paged" value="1">
</form>

CSS（例）

/* 例: プルダウンメニューのスタイル */
#posts-per-page-form {
    margin-bottom: 20px;
}
#posts_per_page {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

ケケンタ

以下より、各ソースコードの役割について解説していきます！

解説①　クエリパラメータを追加

// クエリパラメータを追加
function add_query_vars_filter($vars) {
  $vars[] = "posts_per_page";
  return $vars;
}
add_filter('query_vars', 'add_query_vars_filter');

このソースコードでクエリパラメータを追加しています。

ケケンタ

以下はPHPの記事ですが、クエリパラメータについても詳しく解説しています。ご興味のある方はぜひご覧ください。

あわせて読みたい

【PHP】HTTPリクエストとは？GETとPOSTの意味 PHPを勉強しているとHTTPリクエストとかGETとかPOSTって出てくるけど、なんだかよく分からない……。 今回はこのようなお悩みをお持ちの方に向けてHTTPリクエストについて…

解説②　投稿クエリを修正

// 投稿クエリを修正
function modify_posts_per_page($query) {
  // 「メインクエリ」または「home.php」または「アーカイブページ」を対象とする
  // ※「is_post_type_archive」などの条件分岐タグで条件を追加すればカスタム投稿タイプのアーカイブページも設定可能
  if (!is_admin() && $query->is_main_query() && (is_home() || is_archive()) {
      $posts_per_page = get_query_var('posts_per_page', 10); // デフォルトは10ページ表示
      $query->set('posts_per_page', $posts_per_page);
  }
}
add_action('pre_get_posts', 'modify_posts_per_page');

このソースコードでは、ループ処理における「記事の表示件数」を上書きしてます。

具体的には、ハイライト行のget_query_var()で、URLに含まれるクエリパラメータからposts_per_page＝表示件数を取得しています。

例えば、「https://kekenta-it-blog.com/archive?posts_per_page=5」というURLでそのページへアクセスがあった場合、posts_per_pageには「5」が格納され、１ページに５件の記事が表示されます。

ケケンタ

get_query_varの第２引数は、posts_per_pageというクエリパラメータがURLに含まれていなかった場合に設定されるデフォルト値です。

また、コメントでも記述していますが、条件分岐タグを追加することで、記事一覧の表示件数を制御する投稿タイプなどを増やすことも可能です。

（例１）カスタム投稿タイプ「sample-post-type」を追加

// 投稿クエリを修正
function modify_posts_per_page($query) {
  if (!is_admin() && $query->is_main_query() && (is_home() || is_archive() || is_post_type_archive('sample-post-type')) {
      $posts_per_page = get_query_var('posts_per_page', 10); 
      $query->set('posts_per_page', $posts_per_page);
  }
}
add_action('pre_get_posts', 'modify_posts_per_page');

（例２）home.phpを除外し、カスタム投稿タイプ「sample-post-type01」、「sample-post-type02」を追加

// 投稿クエリを修正
function modify_posts_per_page($query) {
  if (!is_admin() && $query->is_main_query() && (is_archive() || is_post_type_archive(array('sample-post-type01', 'sample-post-type02'))) {
      $posts_per_page = get_query_var('posts_per_page', 10); 
      $query->set('posts_per_page', $posts_per_page);
  }
}
add_action('pre_get_posts', 'modify_posts_per_page');

ケケンタ

このように条件分岐タグで自由に条件部分を変更できるので、ご自身の環境に合うようにご調整いただければと思います。

解説③　ページネーションリンクに表示件数情報を追加する

// ページネーションリンクに表示件数情報を追加する
function add_posts_per_page_to_pagination($links) {
  if (is_archive() || is_home()) {
      global $wp_query;
      $posts_per_page = get_query_var('posts_per_page');

      foreach ($links as $key => $link) {
          $links[$key] = add_query_arg('posts_per_page', $posts_per_page, $link);
      }
  }
  return $links;
}
add_filter('paginate_links', 'add_posts_per_page_to_pagination');

１ページ内の表示件数を指定するということは、必然的にページネーションの設置が必須ということになります。

そのため、上記のソースコードでは、設置済みのページネーションリンクにプルダウンで選択された記事の表示件数情報が追加設定されるようにしています。

カスタム投稿タイプで利用する場合は、こちらのソースコードのif文にも解説②　投稿クエリを修正でご紹介したように条件分岐タグで条件を追加してあげる必要があります。

※条件を正しく追加しないと、目的のカスタム投稿タイプでだけ何故かページネーションが正常に機能しないという不具合につながってしまうのでご注意ください。

解説④　表示記事数選択フォーム（プルダウン）

<!-- 表示記事数選択フォーム（プルダウン） -->
<form method="get" id="posts-per-page-form">
    <label for="posts_per_page">表示件数：</label>
    <select name="posts_per_page" id="posts_per_page" onchange="this.form.submit();">
        <option value="5" <?php selected(get_query_var('posts_per_page'), 5); ?>>5</option>
        <option value="10" <?php selected(get_query_var('posts_per_page'), 10); ?>>10</option>
        <option value="15" <?php selected(get_query_var('posts_per_page'), 15); ?>>15</option>
        <option value="20" <?php selected(get_query_var('posts_per_page'), 20); ?>>20</option>
    </select>
    <!-- プルダウンが変更されたら１ページ目に戻る -->
    <input type="hidden" name="paged" value="1">
</form>

最後に、こちらのソースコードがプルダウンメニューです。

表示記事件数を変更したいページのテンプレートファイル内に設置します。

表示件数を変更したい場合はoptionタグ内にある２か所の数字を任意のものに変更してください。

どちらか片方の変更が漏れると正常に動作しない部分が発生しますのでご注意ください。

ケケンタ

CSSはもちろん自由に調節してしまってOKです！

【注意点】検索結果ページにおける挙動について

今回ご紹介したページ内の記事表示件数をプルダウンメニューで選択できるようにするソースコードですが、

検索結果ページでは正常に動作しません。

具体的には、検索結果を維持した状態で表示記事件数を変更することができません。

ケケンタ

検索結果ページ（基本的にはsearch.phpファイルになるかと思います）にプルダウンメニューを設置してしまうと、予期せぬ不具合につながる可能性があるためご注意ください。

未検証のため、この記事ではご紹介できませんが、もし検索結果ページでも同様の機能を実装したい場合は、URLに含まれる検索キーワードのクエリパラメータを保持するための処理を追加で記述する必要があります。

まとめ

以上が、記事一覧ページの表示件数をプルダウンで選択可能にするソースコードのご紹介でした。

ユーザ自身が記事一覧ページで記事の表示件数を変更できるとユーザビリティの向上につながります。

今回の記事がその一助となれば幸いです！

ケケンタ

最後までご覧いただきありがとうございました！

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

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

この記事では

WordPressのサブループ内で
記事の投稿タイプを判定して条件分岐する方法

をご紹介します。

サブループを回すときはWP_Queryなどの仕組みを使用します。

そこで複数の投稿タイプの記事を取得する場合に、今回ご紹介する方法が有効です。

WP_Queryについて詳しく知りたい方はこちらの記事をご覧ください。

あわせて読みたい

【WordPress】WP_Query（サブループ）の使い方とパラメータ一覧を紹介 WordPressでサイト制作をしているとメインの記事一覧以外に「別の記事一覧も出力したい！」となることが多々あります。 今回はそこで深く関係してくるメインループ、サ…

【結論】WP_Queryなどのサブループ内で投稿タイプを判定する方法

サブループ内で記事の投稿タイプを取得するにはget_post_type()を使用します。

<?php
    $args = [
        'post_type' => array( 'foo-type','bar-type' ), // 複数の投稿タイプを指定するときは配列を使用
    ];
    $wq = new WP_Query( $args );
?>

<!-- ループ開始 -->
<?php if ( $wq->have_posts() ) :
    while ( $wq->have_posts() ) : $wq->the_post(); ?>
        <?php if ( get_post_type() === 'foo-type' ): ?>

            // 投稿タイプ「foo-type」の記事ならこの中の処理を実行

        <?php elseif ( get_post_type() === 'bar-type' ): ?>

            // 投稿タイプ「bar-type」の記事ならこの中の処理を実行
            
        <?php endif: ?>

        // ここの処理はすべての記事で実行

    <?php endwhile ?>
<?php endif ?>
<!-- ループ終了 -->

<?php wp_reset_postdata(); ?>

このように記述することで、投稿タイプが「foo-type」のときと「bar-type」のときとで処理の内容を条件分岐することが可能です。

ケケンタ

あまり多くないケースかもしれませんが、「ページ構成は同じだけど、部分的に出力したい内容が異なる場合」などに重宝します！

まとめ

以上がWordPressのサブループ内で記事の投稿タイプを判定して条件分岐する方法でした。

あまり多いケースではないかもしれませんが、複数の投稿タイプの記事をサブループで出力したいときに、今回ご紹介した方法が役立ちます。

特にページ構成が同じで、部分的に出力内容が異なるようなシチュエーションで重宝しますので、ぜひご活用いただければと思います。

ケケンタ

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

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

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

あわせて読みたい

【WordPress】WP_Query（サブループ）の使い方とパラメータ一覧を紹介 WordPressでサイト制作をしているとメインの記事一覧以外に「別の記事一覧も出力したい！」となることが多々あります。 今回はそこで深く関係してくるメインループ、サ…

あわせて読みたい

【WordPress】is_page？条件分岐タグって？分かりやすく解説！ WordPressには「テンプレートタグ」という、プログラミング言語で言うところの「関数」が多数用意されています。 今回はその中でも比較的使用頻度が高いis_page()につい…

この記事ではWordPressでコピーライト（Copyright）の年号を自動更新させる方法をご紹介します。

コピーライトの例

ケケンタ

コピーライトを自動更新させるようにすれば、毎年手動で年号を修正する手間も、修正忘れもなくなります！

誰でもコピペで簡単に実装できますのでぜひご活用ください！

あわせて読みたい

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

【結論】WordPressでコピーライトの年号表記を自動更新させる方法

コピーライト部分のソースコードを以下のように記述します。

<!-- 自動更新なし -->
<small>©2023 - 2024 ケケンタの独学ITブログ</small>

<!-- 自動更新あり -->
<small>©2023 - <?php echo date('Y'); ?> ケケンタの独学ITブログ</small>

この内、<?php echo date('Y'); ?>の部分が、年号を自動更新するためのソースコードです。

「Y」は大文字です。
小文字（y）で入力してしまうと、「2024」ではなく「24」のように２桁表記になってしまうためご注意ください。

【注意点】コピーライトの年号表記について

コピーライトの年号に「現在の年」しか表記していないサイトも見かけますが、実はこれは誤りです。

コピーライトでは、「最初の発行年」が必須項目となっています。

例えば、「2023年に開設したサイト」であれば、必ず以下のような構成でコピーライトを記述する必要があります。

「2023」が必須

©2023 ケケンタの独学ITブログ
©2023 – 2024 ケケンタの独学ITブログ

また、冒頭で提示した

のように、「©年号－年号」という表記にする場合、後者の年号を表記するかどうかの基準は、何か新しい情報を付け加えるなど、サイトを更新・リニューアルしたかどうかです。

逆にいうと、更新・リニューアルなどしていなければ、後者の年号は不要ということです。

【まとめ】コピーライトは著作権を放棄していないことを示すメッセージ

以上がWordPressでコピーライトの年号を自動更新する方法でした。

実はコピーライトを記述したからと言っても、日本の法律で保護される著作権が変わるわけではありません。

しかし、コピーライトを明記しておくことで、

「当サイトの著作権は私たちに帰属します」

「著作権は放棄していません」

ということを示すことができます。

ケケンタ

また、個人的な意見ですが、コピーライトが表記されているだけでしっかりしたサイトに見えるという利点もあるように思います！（僕だけ……？）

WordPressでサイト制作される際は、ぜひこの記事でご紹介した方法をご活用いただき、効率的なコピーライト管理を行なっていただければ幸いです！

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

当ブログでは、WordPressやWebサイト、PHPなどに関する情報を発信しています。

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

WordPressで機能カスタマイズをする際は、必ずと言っていいほどfunctions.phpを編集することになります。

しかし、functions.phpを編集したことで何らかのエラーが発生してしまうと、「サイトが真っ白になる」という最悪の事態を招きます。

そのためfunctions.phpを編集するときは、カスタマイズする方のスキルに応じて適切な方法を選択することが重要です。

この記事では

functions.phpを編集する「３つ」の方法
＋
function.phpを編集するときの注意点

を丁寧にお伝えします。

ケケンタ

WordPress初心者の方でも安心安全にfunctions.phpを編集する方法もご紹介しますので、ぜひご参考にしてください！

あわせて読みたい

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

functions.phpとは？

本章では、WordPressにおけるfunctions.phpの位置づけや役割を解説します。

functions.phpはWordPressの「心臓部」

functions.phpはWordPressにおいて心臓部にあたるファイルです。

functions.phpにソースコードを記述することで、WordPress全体の機能カスタマイズや権限管理などを行うことが可能です。

また、functions.phpに何らかのエラー・バグが紛れ込むと「サイトが真っ白」になってしまうことがあり、編集するときは慎重に扱うことが大切です。

functions.phpの役割

そんな非常に重要なファイルであるfunctions.phpの役割には、主に以下のようなものが挙げられます。

ケケンタ

一言で言うと「WordPressサイト全体のカスタマイズを担っている」ということですね！

そのため、WordPress機能のカスタマイズをしようと思ったとき、真っ先に挙がる方法が「functions.phpファイルの編集」ということになります。

functions.phpを編集するときの「注意点」

繰り返しになりますが、functions.phpはWordPressにおける心臓部にあたる非常に重要なファイルです。

そのため、「扱いは慎重に」という点を念頭に置くことが大切です。

ケケンタ

本章では具体的にどういった点に注意してfunctions.phpを扱うべきかを解説します！

注意点①　functions.phpを編集するときは必ずバックアップを取る

functions.phpを編集するときに必ず実施していただきたいのが、「バックアップを取る」ということです。

つまり「編集してサイト上に問題が発生したとき、簡単に以前の状態へ戻せるようにする」というのがバックアップを取る目的ということです。

ケケンタ

ちなみに「バックアップ」なんてカッコイイ言い方をしていますが、単純に元々のファイルを複製（コピー）しておいたり、メモ帳にソースコードを丸っとコピペしておくだけでOKです！

注意点②　全角スペースが入らないようにする

functions.phpは「全角スペース」がひとつ入り込むだけでエラーになります。

そして「全角スペース」はパソコン標準搭載のメモ帳だと可視化されないため、人の目だけでその混入に気がつくのは困難です。

functions.phpを編集するとき、もしも「日本語の入力」をするタイミングがあったら、その後はすぐに半角入力モードへ戻すのを忘れないようにしましょう。

注意点③　ブログなどから「コピペしたコード」が100%正しいとは限らない

WordPressの機能をカスタマイズをするとき、Web検索してブログなどからソースコードをコピペする機会は多いかと思います。

しかし、そのとき必ず意識していただきたいのが

コピペしたソースコードが100％正しいとは限らない

という点です。

具体的には、以下のような誤りが含まれている可能性を考慮する必要があります。

基本的にどのサイトであっても、テストを行ったうえでソースコードを掲載しているはずです。

（もちろん当ブログでも、必ず検証を実施したソースコードを掲載するようにしています）

しかし、サイト運営者が人である以上は、記事を執筆しているときの誤操作で気が付かない内に「文字の誤植」、「全角スペースの混入」などが発生していまう可能性はゼロではありません。

特に「全角スペース」の混入は前節「注意点②　全角スペースが入らないようにする」でもお伝えしたように、視覚的に気が付くことが困難です。

ケケンタ

サイトからコピペしたソースコードを使用すること自体は全然ありです。
しかし、「あくまで人の手で作成された記事・ソースコード」であることは理解した上で使用するようにしましょう。

functions.phpを編集する方法

本章ではfunctions.phpを編集する方法を「３つ」お伝えします。

前述したようにfunctions.phpは、エラーが発生したとき「サイトが真っ白」になることもある、WordPressの心臓部にあたる重要なファイルです。

そのため、編集方法はご自身のスキルに適したものを選択することが非常に重要です。

ケケンタ

この記事で解説するfunctions.phpの編集方法は以下の３つです！

以下より、ひとつずつ順番に解説します。

方法①　FTPソフトを使用する

知識やスキルに自信のある方ならば、FTPソフトを使用してfunctions.phpを編集する方法がもっともおすすめです。

FTPソフトを使用することで、エックスサーバーなどのレンタルサーバー上にあるファイルを、使用中のパソコン上へダウンロードすることが可能です。

それにより、ファイルの編集を使用中のパソコン上で行なうことが可能になります。

また、何かエラーが発生してサイトに問題が起きてしまったときも、編集直前のファイルのバックアップをとりあえずアップロードし直すだけで、すぐにエラーを解消できます。

バックアップを取っておかないと、エラー発生後に元の状態へ復旧できなくなる恐れがあるためご注意ください！
※バックアップの必要性については「注意点①　functions.phpを編集するときは必ずバックアップを取る」でお伝えしています。

ケケンタ

functions.phpでエラーが発生して「サイトが真っ白」になってしまうと誰でも焦りを感じてしまいます。
しかし、そのようなときでも、FTPソフトを使用していれば、バックアップファイルを思考停止でアップロードし直すだけでサイトを元通りにできるというのが大きなポイントです！

FTPソフトを使用した具体的なファイル編集方法の記事は鋭意制作中です。
現時点でご興味のある方は、Googleで「WordPress　エックスサーバー　FTPソフト」などのキーワードで検索いただくと、たくさんの参考記事がヒットするかと思いますので、そちらをご参照下さい。

方法②　プラグインを使用する

functions.phpを編集する方法の中でもっとも安全かつ手軽なのが、この「プラグインを使用する」方法です。

具体的には、Code Snippets（コードスニペッツ）というプラグインを使用します。

ずらずらとメリットを並べてしまいましたが、もっとも重要なのは

エラーに自動対応してくれる

という点です。

すべてではありませんが、記述したソースコードにエラーが含まれていた場合、自動的にそのソースコードを無効化してくれます。

そのため「サイトが真っ白」になることもそうそうありませんし、万が一そうなってしまっても簡単に復旧する方法があります。

仕事でWeb制作などをされている方はFTPソフトの使用は必須ですが、個人ブログであればCode Snippetsを使用する方法を選択してもまったく問題ありません。

ケケンタ

具体的な使用方法やエラー発生時の対応方法については以下の記事で詳しく解説しています。
ご興味のある方はぜひご一読ください！

あわせて読みたい

子テーマ無しでfunctions.phpを編集｜Code Snippetsの使い方【WordPress】 functions.phpを編集したいけど、失敗したら「画面が真っ白になる」って聞くし、不安だな…… 今回はこのようにWordPressでfunctions.phpを編集することにハードルを感じ…

方法③　テーマファイルエディターを使用する

※この方法はエラー発生時の対応ができないなら非推奨（というより、絶対に避けるべき方法）です。

最後にご紹介するのはテーマファイルエディターを使用する方法です。

ケケンタ

一見すると便利に見えるテーマファイルエディタですが、デメリットもあるため扱いには注意が必要です！

注意点

テーマファイルエディタのデメリットの内、致命的なのが「バックアップ機能が無い」ことです。

テーマファイルエディタで編集した内容によってサイトにエラーが発生し、「サイトが真っ白」になってしまったとしても、元の状態に戻すにはFTPソフトなどを利用して、functions.phpを手動編集する必要があります。

そのため、一定以上の知識やスキルが無ければ、自力でサイトを復旧することが困難となる可能性もあります。

本章の冒頭でもお伝えしたように、エラー発生時に対応できる自信が無いのであれば、テーマファイルエディタでfunctions.phpを編集することは絶対に避けることを推奨します。

※その場合は方法②　プラグインを使用するを採用しましょう。

使用方法

テーマファイルエディタの使用方法は非常に簡単です。

繰り返しになりますが、テーマファイルエディタで追記・編集したソースコードによってエラーが発生すると、「サイトが真っ白」になる可能性があります。

もしもエラーに対応できる自信がない場合は、テーマファイルエディタの使用自体を避けることを強くおすすめします。

ケケンタ

方法②　プラグインを使用するがもっとも安全かつ確実な方法です。
こちらは大きなデメリットも無いため、もし少しでも不安があるならこちらの編集方法を採用しましょう！

まとめ　functions.phpの扱いは慎重に

いかがだったでしょうか。

この記事ではWordPressでfunctions.phpを編集する方法や注意点について解説しました。

functions.phpはWordPressの心臓部にあたる重要なファイルです。

そのため、何らかのバグが紛れ込むと、サイト全体に致命的な不具合が発生する可能性があります。

その一方で、functions.phpの編集方法自体は複数あります。

重要なのは、その中からご自身の知識・スキルレベルに適した方法を選択するということです。

ケケンタ

この記事を参考に、安心安全に編集できると思った方法をご選択いただけたなら何よりです！

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

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

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

ケケンタ

functions.phpを編集したいけど、失敗したら「画面が真っ白になる」って聞くし、不安だな……

今回はこのようにWordPressでfunctions.phpを編集することにハードルを感じている方へ向けて

プラグイン「Code Snippets」の使い方
+
functions.phpを安全に編集する方法

を画像付きでわかりやすく解説していきます。

当ブログでもWordPressのカスタマイズ記事はたくさん公開していますが、たいていの場合はfunctions.phpの編集が必要です。

しかし、普段からWordPressでWeb制作をされている方ならともかく、そうでない方にとっては超重要ファイルであるfunctions.phpを編集するのはハードルが高いかと思います。

ケケンタ

安心安全にfunctions.phpが編集できるよう、丁寧に解説していきます！
ぜひ最後までご覧ください！

あわせて読みたい

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

Code Snippetsとは？

プラグイン「Code Snippets」は、functions.phpなどのファイルを直接いじらなくても、WordPressの管理画面で誰でも簡単にコードの追加・編集ができるようにするためのプラグインです。

冒頭でもお伝えしたように、WordPressで機能的なカスタマイズをするときは、必ずと言って良いほどfunctions.phpなどのファイルを編集しなくてはいけません。

しかし、functions.phpはWordPressにおける心臓部のような存在で、ちょっとでも記述ミスがあると「サイトが真っ白」になってしまいます。

ケケンタ

「全角スペース」が紛れ込むだけでもエラーになって真っ白な画面になります……

「Code Snippets」は、そうした危うい状況を回避して、コードを安全に追加できるようにしてくれる便利なプラグインです。

Code Snippetsを使用するメリット

「Code Snippets」がどういったプラグインなのかを理解したところで、使用するメリットを具体的に見てみましょう。

このようにメリットはたくさんあります。
その中でも、なんといってもfunctions.phpを直接編集しなくて済み、エラーがあったときには自動的にコードを無効化して「真っ白い画面」になってしまうのを防いでくれる点が大きなメリットです。

Code Snippetsの使い方

STEP1　プラグインのインストール・有効化

まずはプラグインをインストールして有効化します。

STEP

Code Snippetsのインストール

「プラグイン」→「新規プラグインを追加」→「『プラグインの検索』に『Code Snippets』と入力」→「インストール」をクリック

 

STEP

Code Snippetsの有効化

インストールが完了したら「有効化」をクリックします。

 

STEP

不要な初期スニペット（コード）の削除

Code Snippetsでは、デフォルトでサンプルとして作成されているコードがいくつかあります。
もし不要であれば、このタイミングで削除してしまった方が、コード管理がしやすくなります。

STEP2　コードを作成・有効化する

プラグインを有効化できたら、次はソースコードを追加して「有効化」しましょう。

STEP

「新規追加」をクリックする

コードを新規作成するときは、「スニペット」→「新規追加」をクリックします。

 

STEP

「タイトル」と「ソースコード」を入力する

新規追加画面が表示されたら ①タイトル と ②ソースコード を入力します。

「ファンクション」タブが選択されていることをご確認ください。

 

ケケンタ

今回は例として、以下の内容を入力しています。

①タイトル

サンプル（投稿一覧に文字数を表示）

②ソースコード

/*
 * 投稿一覧画面に「本文」列を追加
 */
function my_add_post_column($columns) {
	$columns['length'] = __('本文');
	return $columns;
}
add_filter('manage_post_posts_columns', 'my_add_post_column');

/*
 * 「本文」列に記事の本文文字数を表示
 */
function my_custom_post_column($column_name, $post_id) {
	$post = get_post($post_id);
	if ($post === null) {
		echo "無効な投稿ID";
		return;
	}

	if ($column_name == 'length') {
		$content_length = mb_strlen(strip_tags($post->post_content));
		echo "本文: " . $content_length . " 文字";
	}
}	
add_action('manage_posts_custom_column', 'my_custom_post_column', 10, 2);

このソースコードを追加すると、「投稿一覧画面」に「本文の文字数」が表示されるようになります。

なお、ソースコードの実行範囲は以下の部分で選択可能です。

例えば今回の「投稿一覧画面に『本文の文字数』が表示されるようにする」というソースコードであれば、「管理画面のみで実行」を選択すると、より無駄がなくなります。

 

STEP

ソースコードを「有効化」する

追加したソースコードを「有効化」するときは画面下部にある「変更を保存して有効化」をクリックします。

有効化が成功すると以下のようなメッセージが表示されます。

 補足　～スニペットを有効・無効化する方法～

ソースコードを新規追加したときは「変更を保存して有効化」をクリックすることで、スニペットが「有効化」されます。

これ以外に、「スニペット管理画面」でも簡単にON/OFFを切り替えることが可能です。

STEP3　コードの内容がサイトへ反映されていることを確認する

最後に、有効化したソースコードの内容がサイトへ反映されていることを確認してみましょう。

今回追加したソースコードの例では、管理画面左側の「投稿」をクリックして「投稿一覧画面」を表示します。

ケケンタ

投稿一覧画面の列に、「本文」という列が追加+本文の文字数が表示されていれば成功です！

Code Snippetsを使用する際の注意点

注意点①　自動停止したときの対処方法

メリットでもご紹介したように、Code Snippetsではエラーがあったときにコードを自動停止してくれる機能が備わっています。

コードが自動停止されてしまった場合には、以下の流れでスニペットを再始動させましょう。

• エラーを修正する
• スニペットを再度「有効化」する

注意点②　強制実行されてエラーが発生したときの対処方法

ソースコードの内容によっては、エラーがあるにも関わらず、強制実行されてしまうことがあります。

強制実行によって「サイトが真っ白」になってしまったときには、以下の手順にしたがって、セーフモードを利用することでエラーを解消することが可能です。

STEP

セーフモードでCode Snippets編集画面へアクセスする

下記のURLへアクセスすると、Code Snippets編集画面をセーフモードで開くことが可能です。

Code Snippets 編集画面（セーフモード）：
https://ドメイン名/wp-admin/admin.php?page=snippets&snippets-safe-mode=1

 

STEP

疑わしいスニペットをOFFにする

セーフモードでCode Snippets編集画面へアクセスすると、スニペットが有効化されています（ただし、内部的には停止しています）

ケケンタ

有効化されているスニペットの内、エラーが発生したと思しきものを無効化しましょう。

 Code Snippets編集画面【URL比較】

• Code Snippets 編集画面（通常モード）：
  https://ドメイン名/wp-admin/admin.php?page=snippets
• Code Snippets 編集画面（セーフモード）：
  https://ドメイン名/wp-admin/admin.php?page=snippets&snippets-safe-mode=1

 

STEP

ソースコードを修正+有効化する

セーフモードでスニペットを無効化した状態でソースコードを修正→有効化します。

 

STEP

セーフモードを解除する（通常モードに戻す）

ソースコードの修正が問題なく完了できたら、再度通常モードで管理画面にアクセスしてみましょう。

Code Snippets 編集画面（通常モード）：
https://ドメイン名/wp-admin/admin.php?page=snippets

ケケンタ

このときに「真っ白い画面」が解消されていればOKです！

まとめ

ここまでプラグイン「Code Snippets」の使い方や注意点についてご紹介してきました。

WordPressをカスタマイズしようとした場合、プラグイン導入やテーマ独自の機能を利用するなど、いくつか選択肢があります。

しかし、それらの範囲を超えたカスタマイズをしたいとなった場合には、必ずと言っていいほどfunctions.phpの編集が必要になります。

WordPressファイルの扱いに慣れている方ならともかく、そうではない方にとって、「ミスをしたらサイトが真っ白になってしまう……」という不安な状態で、functions.phpを編集するのは非常にハードルが高いでしょう。

「Code Snippets」は、そんな悩みを解決してくれる便利なプラグインです。

使い方もとてもシンプルで、導入するのも簡単です。

ケケンタ

この記事を参考に、ぜひ「Code Snippets」を導入してWordPressのカスタマイズに挑戦してみてください！

当記事ではWordPressのカスタマイズ記事をたくさん公開しているので、そちらも参考にしていただけるとうれしいです。

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

 WordPressカスタマイズのおすすめ記事