kamenokoki.com

【65日目】サイトマップページを作成してみた-1

Posted:　 Last Update:

サイトの作成を初めて64日目になりました。昨日はサイトマップページの構成に散々頭を悩ませ、他の方のサイトも見て回りました。なんとか考えはまとまったものの、全く作業ができなかったので、今日はまとめて作業をしたいと思います！

今日は新しい記事も書いたので、よければ読んでやってください。「XML形式サイトマップsitemap.xmlをPHPで自作する方法」

テスト環境でカテゴリー表示ページにリダイレクト

まずは、末端となるカテゴリー表示ページをテスト環境で作ってみます。うまくできるかな。目標は「https://kamenokoki.com/article/welcome/CATEGORY」というURLで操作することです。

最初に、.htaccessに3つめの「CATEGORY」部分を処理するmod_rewriteを書き足しました。

RewriteCond %{REQUEST_URI} ^/(.*)/(.*)/(.*)$
RewriteRule ^([0-9a-zA-Z]+)/([0-9a-zA-Z]+)/([0-9a-zA-Z]+)/?$ index.php?category=$1&filenum=$2&smallcat=$3 [L,QSA]

index.phpで3つめの「CATEGORY」を変数としてもらい受けます。

<?php if(isset($_GET['smallcat'])) { $smallcat = $_GET['smallcat']; } ?>

ちっちゃい猫みたいな名前になってしまいましたが、これで「https://kamenokoki.com/article/welcome/CATEGORY」というURLは全て「https://kamenokoki.com/article/welcome」にとりあえずリダイレクトされるようになりました。

カテゴリーを用意

次に、カテゴリーを用意していきます。カテゴリーごとに欲しいのが「PHPカテゴリー名」、そして関連する情報として「日本語のカテゴリー名」「カテゴリー内容の紹介文」「カテゴリーのイメージ画像」「カテゴリー内の記事一覧」の4つがあります。これをどう処理すればいいのでしょうか。

本当に、どう処理すればいいのか…。

なんとなくPHPの配列を使ったらよさそうなことは分かるのですが…。いろいろと検索してこんな風にしてみました。名前の部分ですね。

$scategory = array("platform","siteparts","searchengine","others","PHP","HTML","CSS","SNS","form");

$scategoryname = array(
"platform" => "環境設定",
"siteparts" => "サイトパーツ作成方法",
"searchengine" => "サーチエンジン対策",
"others" => "豆知識（その他）",
"PHP" => "PHP",
"HTML" => "HTML",
"CSS" => "CSS",
"SNS" => "SNS連携方法",
"form" => "入力フォーム作成方法",
);

試しに呼び出してみるとうまくいきました！

<?php
require ("カテゴリーを入れたファイル");
foreach($scategory as $shortcategory){
    echo $scategoryname[$shortcategory].'<br>';
    echo $scategorydescription[$shortcategory].'<br><br>';
}
?>

画面に表示されている内容はこんな感じです。この後にもずらずら続いています。

カテゴリーを用意

今日はここまで

あまり進んでいませんが、時間が来てしまったので、今日はここまでにします。arrayの使い方を検索するのにだいぶ時間を使ってしまいました…。時間をかけた甲斐もあってうまく動いたので、明日はどんどん進みそうです。明日やりたいことは以下の通り。

  • カテゴリーごとのイメージ画像を作成する
  • カテゴリーごとにイメージ画像入りのカードを作る
  • カテゴリーごとのページを作り、記事を表示する
  • 存在しないカテゴリーは404ページに飛ばすように処理する

では、また明日。

おまけのロードマップ

サイト作成がどのくらい進んでいるかロードマップで進捗を見ると、こんな感じになっています。

  • 準備 - サイトの全体像を決める
  • 使用するプログラミング言語を決めて環境を整える
  • サイトの基本構造を作って公開する
  • 収益化に最適なサイトにアップグレードする
    • コンテンツを充実させる（他の作業と同時進行）
    • サイトを見てもらえるようにサーチエンジンに登録する
    • sitemap.xmlとRSSを作成する
    • コンテンツに合わせてサイトを修正、スマホにも対応する
    • お問い合わせページを作る
    • 検索ボックスを作る
    • サイトマップページを作る　←今ここ
    • 個人情報に関するページを作る
    • SEOとセキュリティについて調べ、対応する
  • GoogleアドセンスとAmazonアソシエイトの申し込みをする
  • ローカルで簡単に入力ができるようにフォームを作る
  • フォローアップ - より収益化に向いたサイト構造に変更する
記事をシェアする

亀の子に連絡

ランキング参加中！ぽちっとしてね

F2cランキングアイコン 人気ブログランキング ブログランキング・にほんブログ村へ

広告