初心者がWordPressで独自URLを用いて簡単なアプリケーションを作成する方法

シェアする

WordPressは単一の投稿記事、固定記事、カスタムポストなどカスタマイズすれば単純なウェブサイトだけでなく、機能性に優れたウェブアプリケーションを開発することが可能です。

CPT UIなどのプラグインを用いることによって独自のURLを作成して、通常の投稿記事のようにポスト行くという方法もありますが、より拡張性の高いウェブアプリケーションを開発するには、独自にURLを用いて特定のPHPファイルを作成していく方が良いですね。

今回は、CPT UIを使わずに独自のURLを作り、ウェブアプリケーションを開発するための第一段階として、rewrite_rules_arrayflush_rewrite_rulesadd_rewrite_endpointの使い方などをご紹介します。

就職・転職・起業・フリーランス・起業・自宅で稼ぐ金額を増やしたい、スキルアップして年収・給与を2倍にあげたいという方は絶対チェックしてくださいね。

▼当サイトで申込みが多いプログラミングスクール・教室はこちら!

【1位】GEEK JOB【未経験から正社員のITエンジニアへの転職可能!『無料』プログラミング教室、上場企業へ内定】

【2位】WebCamp PRO (ウェブキャンププロ)【就職転職保証・返金保証・年収300万上がる】

【3位】WebCamp(ウェブキャンプ)【5ヶ月連続!3位】

ほかにも多くのプログラミングスクールがありますが、現役エンジニアが利用して間違いないスクールを厳選しています。

実際にWebCampに通って上場企業へ転職、年収が上がったエンジニアの話 → プログラミング未経験からエンジニアへ

rewrite_rules_array、flush_rewrite_rules、add_rewrite_endpointを使って独自ページを作成

Rplayでもcompanylistというページ、company/1 , company/1/esなどのように企業の詳細情報と、企業のエントリーシートのページを独自で生成しています。これを実現しているのが、rewrite_rules_array、flush_rewrite_rules、add_rewrite_endpointの3セットです。

多くのアプリケーションで求められているURLの構造だと思います。今回は下記のようなURLを想定して、書き方や実装方法をご紹介していきます。

add_rewrite_endpointの使い方

add_rewrite_endpointを追加しなければ、ブラウザ上で表示されていてもステータスコードが404になっています。add_rewrite_endpointの追加は下記のような形で、第一引数は、追加したいURLの名前を記述、第二引数はどこで有効にするかです。

・$name – エンドポイントの名前
・$places – 下記の表を参照

名前 内容
EP_NONE なし
EP_PERMALINK 投稿のパーマリンク
EP_ATTACHMENT 投稿に添付されたファイルを表示するためのページ
EP_DATE Date アーカイブ
EP_YEAR 年別アーカイブ
EP_MONTH 月別アーカイブ
EP_DAY 日別アーカイブ
EP_ROOT ルートページ(トップページ)
EP_COMMENTS コメントページ
EP_SEARCH 検索結果ページ
EP_CATEGORIES カテゴリーアーカイブ
EP_TAGS タグアーカイブ
EP_AUTHORS 著者アーカイブ
EP_PAGES 固定ページ

WordPressでインデックスされない問題の解決

WordPressでページがGoogleにインデックスされない問題が起きることがあります。このサイトであるRplayでも独自に作ったcompanylistなどのページがインデックスされていない問題が起きていました。

Googleにインデックスされない原因の追究

Googleにページがインデックスされない理由というのはいくつか考えられます。問題の切り分けは非常に難しいですが、一つ一つ確認していくと以外と発見できるものです。

・ページの品質が低い。文字数が少ない、画像や動画ばかりのページなど
・カテゴリーページのように単一ページの集合体で重複してるコンテンツが多い

などの場合に、インデックスされないというケースがあるようです。

Rplayのcompanylistページがインデックスされていない問題は、よく見るとステータスコードが404で、Googleのウェブマスターツールで見てみると、確かに「見つかりませんでした」になっているという事が原因でした。

Google developer toolsでステータスコードの確認

Google Chromeをブラウザで使っている場合は、Google developer toolsのNetworkからステータスコードが確認できます。endpointの設定を追加したことによって、無事に200が返ってきていることがわかります。

developertools

この問題の解決のためには、「add_rewrite_endpoint」を追加してあげる必要がありました。

ページを表示するだけであれば、custom_template_includeを使って、特定のPHPファイルを呼び出してあげるだけで表示はできます。しかしページを作ってGoogleにインデックスさせなければページを作った意味がありませんよね。アプリケーションを開発していると、意図的にインデックスさせないページがあることもありますが、この場合は意図せずインデックスされていませんでした。

Googleウェブマスターツールの画面上で404の確認

Googleウェブマスターツールの画面上だとこのようになっています。ステータスのところがエラーになっていて、「見つかりませんでした」となっている場合ステータスコードが404になっているということです。

ウェブマスターツール

「add_rewrite_endpoint」を追加してあげると、無事下記のようにインデックスされていることがわかります。

ウェブマスター

ページを作ってブラウザで確認したから大丈夫ということではなく、作ったものが上手くいっているかどうか、しっかりステータスコードを確認するようにしましょう。

SEOを意識するようなブラウザのアプリケーションの場合対応は必須です。SEO担当になっていたら、インデックスされてなかったら顔面蒼白状態です。

WordPressやプログラミングの学習・課題解決方法

このようなプログラミングの悩みや問題が起きた時に、WordPressの問題やプログラミングについて聞けるサービスをこちらにまとめてありますので、こちらも合わせてどうぞ。

ちなみに今回の問題はteratailというサービスでヒントをいただきました。WordPressに精通している方が30分程度で返信をしていただき、その後に調べつつ解決。自分だけで悩むよりも、質問しながら自分でも調べるというスタイルの方が解決が早くて済みます。
特にプログラミング初心者の方にはオススメの学習方法です。

また、WordPressでウェブサイトを作りたいという方はこちらも。

参考記事

https://firegoby.jp/archives/5309
http://nskw-style.com/2014/wordpress/wordpress-app-with-rewrite-api.html

おすすめの転職サイトランキング・当サイトで人気のトップ3

第1位 マイナビエージェント×IT

おすすめポイント

  • 平日忙しい人も、土曜日開催の個別のキャリア相談に参加できる
  • 職種や仕事内容(上流工程から参加したい、要件定義、実装メインなど)の要望ができ、ミスマッチがない
  • 大手マイナビが運営しており、案件数が業界最大級
  • 未経験でも転職可能な案件も多数掲載
  • ベース年収のアップも見込める

マイナビエージェント×IT公式サイトへ

第2位 案件数日本最大級・未経験でも転職成功する リクナビネクスト

リクナビネクストの特徴

  • 大手企業リクルートが運営
  • 登録者数が数十万人規模!
  • グッドポイント診断で自分の強みがわかる!
  • 会員登録無料!
  • 未経験でも歓迎という職種・求人案件が多数掲載
  • サイト未掲載の特別求人の掲載

公式サイトへ

リクナビネクスト診断

リクナビネクストのグッドポイント診断は、自分の強み、自分の分からなかった性格など細かいところを客観的に分析できます。 転職の時に他の職種に変えたい、環境を変える時に自分を振り返りる時にオススメです。

自分の強みから、転職先としてどの業界があっているのか、どの職種があっているのかなどもわかります。 「リクナビネクスト 」にしかないグッドポイント診断で転職の前に自分を振り返りましょう!

グッドポイント診断の活用方法

リクナビネクストのグッドポイント診断の活用は自分の適職の判断にも利用できます。自分の性格ややりたいことがわかっていないと面接にいった時に違和感を感じたり、 面接官から悟られるということもあります。

「自分の強みが解らない」、「面接などでいまいち自分をアピールできない」、「自分でやりたいことがない」などになやんでいる方は、一度試してみることをおすすめします! 「リクナビネクスト 」で自分の適職を診断する。

公式サイトへ

リクナビネクストの診断の評判と使い方

リクナビネクストの適職診断を使ってみた結果をご紹介しています。それぞれに診断結果が異なるので、自分の適職診断を行って天職を探してみましょう!

グッドポイント診断の利用は無料

グッドポイント診断の利用は無料です。リクナビネクストが会員登録をしてくれた転職希望者のために【強み】を発見するために開発したツールだからです。 リクナビネクストは「自社のサービスを利用して、転職者が次の場所で活躍して良い人生を送ってくれること」を望んでいるからです。グッドポイント診断を利用して、 適職を見つけたいという方は、リクナビネクストの診断の使い方の記事をどうぞ。

▶️ リクナビネクストの診断使い方

就職・転職・起業・フリーランス・起業・自宅で稼ぐ金額を増やしたい、スキルアップして年収・給与を2倍にあげたいという方は絶対チェックしてくださいね。

▼当サイトで申込みが多いプログラミングスクール・教室はこちら!

【1位】GEEK JOB【未経験から正社員のITエンジニアへの転職可能!『無料』プログラミング教室、上場企業へ内定】

【2位】WebCamp PRO (ウェブキャンププロ)【就職転職保証・返金保証・年収300万上がる】

【3位】WebCamp(ウェブキャンプ)【5ヶ月連続!3位】

ほかにも多くのプログラミングスクールがありますが、現役エンジニアが利用して間違いないスクールを厳選しています。

実際にWebCampに通って上場企業へ転職、年収が上がったエンジニアの話 → プログラミング未経験からエンジニアへ

シェアする

この記事が気に入ったら
いいね!しよう

Rplayの最新情報をお届けします

TwitterでRplayをフォローする