kamenokoki.com

【130日目】人気記事へのリンクを作成したい-完成

Posted:  Last Update:

数日前から取り組んでいる「人気記事へのリンクをトップページなどに追加する」という課題。昨日までにテスト環境での作成は終わったので、今日はデザインの最終確認をして本番環境にあげていきたいと思います。

昨日までの成果

まずはアクセス数を記録したファイルから、URLとアクセス数を取り出し、アクセス数順に並び替えるPHPを書きました。

<?php
$str = file("$mypath/top/access.txt");
foreach($str as $value){
$devide = strpos($value, " ");
$length = strlen($value);
$url = substr($value, 0, $devide);
$count = str_replace(" count:", "", substr($value, $devide, $length));
$link[] = [intval($count), $url];
}
arsort($link);
?>

このPHPをもとに、リンクを作成。結果、トップページとサイドバーに「アクセス数の多い記事」のリンクを入れることに成功しました。画像で見るとこんな感じ。

リンクを入れる場所の調整

本番環境に移植

デザインを再度確認しました。特に変更点も思い当たらないので、このまますすめようと思います!早速本番用ファイルに移植してきましょう。

…と、その前に、今現在のファイルを一時保存しておきます。万が一失敗したときには、こちらのバックアップにまるっと入れ替えられるようにします。

では、作業をしていきましょう。…と言っても、コピペするだけなので、何もお見せできないのですが…。そして、写して来ただけなので、画面も先ほどのスクリーンショットから変更なしです!

やりたいことリストも完成したが…

さて、これで「人気記事へのリンクをトップページなどに追加する」という課題は終わりました。書き出していた「やりたいことリスト」はこれで全て完了です。

ですが、新たにやりたいことができてきました。ちょっと書き出してみます。

  • 記事のカテゴリーに「全ての記事」を入れる
  • 記事カテゴリーをアクセストータルの多い順に自動で並べ替える

そしてロードマップも見てみましょう。サイト作成1日目からどれくらい進んでいるのかというと、もうここまで来ています。次は、入力フォームを作る作業ですね。

  • 準備 - サイトの全体像を決める
  • 使用するプログラミング言語を決めて環境を整える
  • サイトの基本構造を作って公開する
  • 収益化に最適なサイトにアップグレードする
  • GoogleアドセンスとAmazonアソシエイトの申し込みをする ←完了!
  • ローカルで簡単に入力ができるようにフォームを作る
  • フォローアップ - より収益化に向いたサイト構造に変更する

ロードマップも踏まえたうえで、直近でやりたいことは3つ。

  • 記事のカテゴリーに「全ての記事」を入れる
  • 記事カテゴリーを合計アクセス数の多い順に自動で並べ替える
  • 記事の入力フォームを作る

…やっぱり、入力を簡単にするところからやりたいですね。「記事の入力フォームを作る」を作る、から手を付けしまょう!

新たな課題「記事入力フォームを作る」

当サイトにワードプレスは導入していませんが、触ったことはあります。開発側ではなく、記事をエントリーする側でした。ワードプレスの記事エントリーは簡単で、タグ打ちもしなくていいし、リンクなども自動で入りました。

理想の最終形態は、ワードプレスのようなエントリー画面を作ることです。ちょっと検索してみますか。

…単純に言えば、フォームを作るようです。「メールフォーム」とかの応用みたい。

まずは環境を考えましょうか。ローカルに、フォーム用のサーバーを作って、下書きを保存しつつ、完成したらそれを本番用ファイルにコピーする形式でいけそうな気がします。

今日はここまで

新たな課題については何一つ手をつけられていませんが、今日はここで時間が来てしまいました。「アクセスの多い記事」を本番環境にリリースできるようになったので、それで満足します!

明日は、入力フォームの作り方についてもう少し考えてみたいと思います。では、また明日!

記事をシェアする

亀の子に連絡

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

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

広告